/* LevelUp v22 — czytelniejsze tagi, odbiorcy PUSH i Morning Brief */

/* Dashboard główny: wszystkie tagi obok siebie, bez układu 3x2. */
.dashboardView .tableHeader,
.dashboardView .clientRow {
  grid-template-columns:
    minmax(255px, 1.38fr) minmax(180px, 1.18fr)
    minmax(160px, 1fr) 92px 76px !important;
}

.dashboardView .commandClientTags {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  overflow: visible !important;
}

.dashboardView .commandClientTag {
  min-height: 21px !important;
  max-width: none !important;
  padding: 3px 7px !important;
  border-radius: 6px !important;
  font-size: 9.5px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}

/* Zakładka Klienci: większe tagi w jednym rzędzie. */
.directoryHead,
.directoryRow {
  grid-template-columns:
    minmax(175px, 0.95fr) minmax(205px, 1.05fr) minmax(310px, 1.45fr)
    106px 106px 72px !important;
}

.directoryTags {
  min-height: 42px !important;
  padding: 5px 8px !important;
  gap: 8px !important;
  overflow: visible !important;
}

.directoryTagList {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  overflow: visible !important;
}

.directoryTagList .clientTag,
.directoryTagList .emptyTag {
  min-height: 26px !important;
  max-width: none !important;
  padding: 0 9px !important;
  border-radius: 7px !important;
  font-size: 10.5px !important;
  font-weight: 780 !important;
  flex: 0 0 auto !important;
}

.tagEditIcon {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 auto !important;
}

/* Masowy PUSH: czytelniejszy klient, trener, status i data. */
.pushRecipientRow {
  min-height: 64px !important;
  padding-block: 9px !important;
  grid-template-columns: 18px 34px minmax(145px, 1fr) auto 82px !important;
  gap: 9px !important;
}

.recipientAvatar {
  width: 34px !important;
  height: 34px !important;
  font-size: 9.5px !important;
}

.recipientIdentity {
  gap: 4px !important;
}

.recipientIdentity strong {
  font-size: 11.75px !important;
  line-height: 1.2 !important;
}

.recipientIdentity small {
  color: #b6b6bf !important;
  font-size: 10.5px !important;
  font-weight: 680 !important;
  line-height: 1.2 !important;
}

.recipientStatus {
  min-height: 23px !important;
  padding-inline: 8px !important;
  font-size: 9px !important;
}

.recipientDate b {
  color: #c3c3ca !important;
  font-size: 10px !important;
}

.recipientDate small {
  color: #92929c !important;
  font-size: 9.5px !important;
}

/* Morning Brief: większa i czytelniejsza typografia. */
.morningHero {
  padding: 18px !important;
}

.morningHeroTop small,
.morningSectionHead > span,
.morningSuggestion small {
  font-size: 8.5px !important;
  letter-spacing: 0.105em !important;
}

.morningHeroTop b {
  font-size: 12px !important;
}

.morningHeroTop > i {
  font-size: 9.5px !important;
}

.morningHero h2 {
  margin-top: 18px !important;
  font-size: 23px !important;
}

.morningHero > p {
  font-size: 10.75px !important;
  line-height: 1.58 !important;
}

.morningStats button {
  min-height: 74px !important;
  padding: 10px !important;
}

.morningStats button b {
  font-size: 18px !important;
}

.morningStats button small {
  font-size: 8.75px !important;
}

.morningSectionHead {
  min-height: 48px !important;
}

.morningSectionHead > b {
  font-size: 9.5px !important;
}

.morningPriorityList > button {
  min-height: 68px !important;
  padding: 11px 12px !important;
}

.morningPriorityCopy strong {
  font-size: 11.75px !important;
}

.morningPriorityCopy small {
  font-size: 9px !important;
}

.morningPriorityStatus {
  font-size: 8.5px !important;
}

.morningPriorityStatus b {
  font-size: 8.5px !important;
}

.morningSuggestion {
  padding: 13px !important;
}

.morningSuggestion strong {
  font-size: 11px !important;
}

.morningSuggestion p {
  font-size: 9px !important;
  line-height: 1.5 !important;
}

.morningActions button {
  min-height: 42px !important;
  font-size: 9.75px !important;
}

@media (max-width: 1180px) {
  .dashboardView .commandClientTags,
  .directoryTagList {
    flex-wrap: wrap !important;
  }

  .directoryHead,
  .directoryRow {
    grid-template-columns:
      minmax(165px, 1fr) minmax(180px, 1fr) minmax(220px, 1.2fr)
      96px 96px 70px !important;
  }
}