/**
 * Fediya Team — UI Pro Max layer (Soft UI · responsive · modern)
 * Follows design-system/fediya-team/MASTER.md + Fediya brand green
 */

/* ── Refined tokens ── */
html[data-app="team"],
html[data-app="team"][data-team-theme="light"] {
  --team-bg: #eef2eb;
  --team-surface: #ffffff;
  --team-surface-2: #f4f7f1;
  --team-surface-hover: #e8efe3;
  --team-text: #0f1a12;
  --team-text-muted: rgba(15, 26, 18, 0.55);
  --team-accent: #4d8f2f;
  --team-accent-bright: #7cb356;
  --team-accent-deep: #2f6b52;
  --team-glass-border: rgba(47, 107, 82, 0.12);
  --team-blur: 20px;
  --sidebar-w: 252px;
  --topbar-h: 50px;
  --control-h: 34px;
  --control-h-sm: 32px;
  --control-icon: 34px;
  --control-px: 12px;
  --nav-link-h: 32px;
  --nav-icon-box: 24px;
  --nav-module-icon: 26px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --shadow-sm: 0 1px 2px rgba(15, 26, 18, 0.04), 0 2px 8px rgba(15, 26, 18, 0.04);
  --shadow-md: 0 4px 16px rgba(47, 107, 82, 0.08), 0 8px 24px rgba(15, 26, 18, 0.06);
  --shadow-lg: 0 12px 40px rgba(47, 107, 82, 0.12);
  --shadow-glow: 0 0 0 3px rgba(77, 143, 47, 0.2);
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --content-max: 1280px;
}

html[data-app="team"][data-team-theme="dark"] {
  --team-bg: #0c100e;
  --team-surface: #151b17;
  --team-surface-2: #1c2420;
  --team-surface-hover: #243028;
  --team-text: #ecf3ee;
  --team-text-muted: rgba(236, 243, 238, 0.58);
  --team-accent: #7cb356;
  --team-accent-bright: #aad082;
  --team-accent-deep: #5f9a38;
  --team-gold: #d4b85a;
  --team-teal: #6ec4b5;
  --team-glass-border: rgba(124, 179, 86, 0.14);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 0 3px rgba(124, 179, 86, 0.25);
}

/* ── Ambient mesh ── */
.team-ambient {
  background:
    radial-gradient(ellipse 70% 55% at 95% -5%, rgba(124, 179, 86, 0.18), transparent 50%),
    radial-gradient(ellipse 50% 40% at 0% 100%, rgba(94, 181, 166, 0.12), transparent 55%),
    radial-gradient(ellipse 40% 30% at 50% 50%, rgba(201, 168, 76, 0.06), transparent 60%),
    var(--team-bg);
}

/* ── Global anchor links (all pages) ── */
html[data-app="team"] a:not([class*="btn"]):not([class*="-action"]):not([class*="-filter"]):not([class*="-stat"]):not(.team-nav__link):not(.team-mobile-nav__item):not(.team-topbar__cta):not(.team-sidebar__logout):not([class*="-nav__btn"]):not([class*="-nav__today"]) {
  text-decoration: none;
  color: #000;
  font-weight: 700;
}

html[data-app="team"][data-team-theme="dark"] a:not([class*="btn"]):not([class*="-action"]):not([class*="-filter"]):not([class*="-stat"]):not(.team-nav__link):not(.team-mobile-nav__item):not(.team-topbar__cta):not(.team-sidebar__logout):not([class*="-nav__btn"]):not([class*="-nav__today"]) {
  color: #fff;
}

html[data-app="team"] a:not([class*="btn"]):not([class*="-action"]):not([class*="-filter"]):not([class*="-stat"]):not(.team-nav__link):not(.team-mobile-nav__item):not(.team-topbar__cta):not(.team-sidebar__logout):not([class*="-nav__btn"]):not([class*="-nav__today"]):hover,
html[data-app="team"] a:not([class*="btn"]):not([class*="-action"]):not([class*="-filter"]):not([class*="-stat"]):not(.team-nav__link):not(.team-mobile-nav__item):not(.team-topbar__cta):not(.team-sidebar__logout):not([class*="-nav__btn"]):not([class*="-nav__today"]):focus-visible {
  text-decoration: none;
  color: #000;
}

html[data-app="team"][data-team-theme="dark"] a:not([class*="btn"]):not([class*="-action"]):not([class*="-filter"]):not([class*="-stat"]):not(.team-nav__link):not(.team-mobile-nav__item):not(.team-topbar__cta):not(.team-sidebar__logout):not([class*="-nav__btn"]):not([class*="-nav__today"]):hover,
html[data-app="team"][data-team-theme="dark"] a:not([class*="btn"]):not([class*="-action"]):not([class*="-filter"]):not([class*="-stat"]):not(.team-nav__link):not(.team-mobile-nav__item):not(.team-topbar__cta):not(.team-sidebar__logout):not([class*="-nav__btn"]):not([class*="-nav__today"]):focus-visible {
  color: #fff;
}

/* ── Motion & a11y ── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

a,
button,
.team-btn-primary,
.team-btn-ghost,
.team-btn-icon,
.team-nav__link,
.team-filter-bar a,
.team-mobile-nav__item,
.team-task-row__title,
.team-link {
  transition:
    background var(--duration-fast) var(--ease-out),
    color var(--duration-fast) var(--ease-out),
    border-color var(--duration-fast) var(--ease-out),
    box-shadow var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
}

:focus-visible {
  outline: 2px solid var(--team-accent);
  outline-offset: 2px;
}

/* ── Cards ── */
.team-card {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);
}

.team-stat.team-card:hover,
.team-viral-card:hover,
.team-progress-card:hover,
.team-login__card:hover,
.team-kanban__card:hover {
  box-shadow: var(--shadow-md);
}

@keyframes team-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.team-content > * {
  animation: team-fade-up 0.35s var(--ease-out) both;
}

.team-content > *:nth-child(2) { animation-delay: 40ms; }
.team-content > *:nth-child(3) { animation-delay: 80ms; }
.team-content > *:nth-child(4) { animation-delay: 120ms; }

.team-section--flush.team-card,
.team-section--flush > .team-card {
  overflow: hidden;
}

/* ── Sidebar ── */
.team-sidebar {
  border-inline-start: none;
  box-shadow: -4px 0 24px rgba(15, 26, 18, 0.04);
}

.team-nav__link {
  border-radius: var(--radius-md);
  min-height: 44px;
  font-size: 0.875rem;
  gap: 12px;
}

.team-nav__link.is-active {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--team-accent) 18%, var(--team-surface-2)),
    color-mix(in srgb, var(--team-accent) 8%, var(--team-surface))
  );
  box-shadow: inset 3px 0 0 var(--team-accent);
  font-weight: 600;
  color: var(--team-accent-deep);
  border-color: color-mix(in srgb, var(--team-accent) 15%, transparent);
}

.team-nav__link:hover:not(.is-active) {
  background: var(--team-surface-2);
  transform: translateX(-2px);
}

.team-sidebar__avatar {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 0.85rem;
}

/* ── Topbar ── */
.team-topbar {
  height: var(--topbar-h);
  padding: 0 clamp(12px, 3vw, 24px);
  box-shadow: 0 1px 0 var(--team-glass-border);
}

.team-topbar__title {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(0.95rem, 2.5vw, 1.125rem);
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(40vw, 280px);
}

.team-content {
  padding: clamp(16px, 3vw, 28px);
  max-width: var(--content-max);
  width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}

/* ── Buttons ── */
.team-btn-primary {
  min-height: 44px;
  border-radius: var(--radius-md);
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 14px rgba(47, 107, 82, 0.28);
}

.team-btn-primary:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(47, 107, 82, 0.32);
}

.team-btn-primary:active {
  transform: translateY(0);
}

.team-btn-ghost {
  min-height: 40px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--team-surface) 80%, transparent);
}

.team-btn-ghost:hover {
  background: var(--team-surface-2);
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
}

.team-btn-icon {
  border-radius: 12px;
  background: var(--team-surface-2);
  border-color: transparent;
}

.team-btn-icon:hover {
  background: var(--team-surface-hover);
  border-color: var(--team-glass-border);
}

/* ── Stats grid ── */
.team-grid-stats {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 148px), 1fr));
  gap: clamp(10px, 2vw, 16px);
}

.team-stat {
  position: relative;
  overflow: hidden;
  padding: clamp(14px, 2.5vw, 20px);
}

.team-stat::after {
  content: "";
  position: absolute;
  inset-inline-end: -20%;
  top: -40%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 12%, transparent);
  pointer-events: none;
}

.team-stat__value {
  font-size: clamp(1.35rem, 4vw, 1.65rem);
}

/* ── Page grid ── */
.team-page-grid {
  display: grid;
  gap: clamp(16px, 2.5vw, 24px);
}

@media (min-width: 1024px) {
  .team-page-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.85fr);
    align-items: start;
  }

  .team-page-grid > .team-form,
  .team-page-grid > section:first-child {
    grid-column: 1;
  }
}

/* ── Filter bar ── */
.team-filter-bar {
  gap: 6px;
  padding: 6px;
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--team-surface) 90%, transparent);
  border: 1px solid var(--team-glass-border);
  box-shadow: var(--shadow-sm);
  margin-bottom: clamp(12px, 2vw, 20px);
}

.team-filter-bar a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-pill);
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0 14px;
  text-decoration: none;
  color: var(--team-text-muted);
}

.team-filter-bar a.is-active,
.team-filter-bar a:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface-2));
}

.team-filter-spacer {
  flex: 1;
  min-width: 8px;
}

/* ── Tables desktop ── */
.team-table-wrap {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
}

.team-table th {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: nowrap;
}

.team-table tbody tr {
  transition: background var(--duration-fast) var(--ease-out);
}

/* ── Tables → cards on mobile ── */
@media (max-width: 640px) {
  .team-table-wrap {
    overflow: visible;
    border: none;
    background: transparent;
  }

  .team-table,
  .team-table tbody {
    display: block;
  }

  .team-table thead {
    display: none;
  }

  .team-table tr {
    display: block;
    margin-bottom: 12px;
    padding: 14px 16px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--team-glass-border);
    background: var(--team-surface);
    box-shadow: var(--shadow-sm);
  }

  .team-table tr.row--danger {
    border-inline-start: 3px solid var(--status-danger);
  }

  .team-table tr.row--warning {
    border-inline-start: 3px solid var(--status-warning);
  }

  .team-table td {
    display: block;
    padding: 5px 0;
    border: none;
    font-size: 0.875rem;
  }

  .team-table td:first-child {
    font-weight: 700;
    font-size: 0.9375rem;
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--team-glass-border);
  }

  .team-table td:empty {
    display: none;
  }
}

/* ── Forms ── */
.team-field label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--team-text-muted);
  margin-bottom: 6px;
  display: block;
}

.team-field input,
.team-field select,
.team-field textarea,
.team-input,
.team-cmd__input {
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--team-glass-border);
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
  color: var(--team-text);
  font: inherit;
  box-sizing: border-box;
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
}

.team-field input:focus,
.team-field select:focus,
.team-field textarea:focus,
.team-input:focus,
.team-cmd__input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--team-accent) 50%, var(--team-glass-border));
  box-shadow: var(--shadow-glow);
  background: var(--team-surface);
}

.team-form {
  padding: clamp(16px, 3vw, 24px);
}

.team-form--grid {
  display: grid;
  gap: 16px;
}

/* ── Kanban ── */
.team-kanban {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.team-kanban__col {
  flex: 0 0 min(300px, 85vw);
  scroll-snap-align: start;
  border-radius: var(--radius-lg);
  background: var(--team-surface-2);
  border: 1px solid var(--team-glass-border);
}

.team-kanban__card {
  border-radius: var(--radius-md);
  background: var(--team-surface);
  border: 1px solid var(--team-glass-border);
  box-shadow: var(--shadow-sm);
  padding: 12px;
  margin-bottom: 8px;
  cursor: grab;
}

.team-kanban__card:hover {
  box-shadow: var(--shadow-md);
  border-color: color-mix(in srgb, var(--team-accent) 20%, var(--team-glass-border));
}

/* ── Tasks ── */
.team-task-row {
  border-radius: var(--radius-md);
  margin: 4px 8px;
  padding: 12px 14px;
}

.team-task-row:hover {
  background: var(--team-surface-2);
}

.team-task-row.is-overdue {
  background: color-mix(in srgb, var(--status-danger) 6%, var(--team-surface));
  border-inline-start: 3px solid var(--status-danger);
}

/* ── Alerts ── */
.team-alert {
  border-radius: var(--radius-md);
  padding: 12px 16px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* ── Command palette ── */
.team-cmd__panel {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--team-glass-border);
}

.team-cmd__input {
  font-size: 1rem;
  min-height: 52px;
}

/* ── Mobile nav ── */
@media (max-width: 900px) {
  .team-sidebar {
    width: min(92vw, 340px);
  }

  .team-sidebar-backdrop {
    background: rgba(8, 12, 10, 0.52);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }

  .team-shell.is-sidebar-open .team-sidebar {
    box-shadow: -12px 0 48px rgba(0, 0, 0, 0.22);
  }

  .team-nav {
    padding: 4px 10px 16px;
  }

  .team-mobile-nav {
    display: flex;
    align-items: stretch;
    gap: 4px;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    min-height: 68px;
    box-shadow: 0 -6px 28px rgba(15, 26, 18, 0.1);
  }

  .team-mobile-nav__item {
    position: relative;
    flex: 1;
    min-width: 0;
    min-height: 52px;
    padding: 6px 4px;
    border-radius: 14px;
    gap: 3px;
    font-size: var(--text-xs);
    font-weight: 500;
    line-height: 1.25;
    transition:
      background var(--duration-fast) var(--ease-out),
      color var(--duration-fast) var(--ease-out),
      transform var(--duration-fast) var(--ease-out);
  }

  .team-mobile-nav__label {
    font-size: var(--text-xs);
    max-width: 100%;
  }

  .team-mobile-nav__item:active {
    transform: scale(0.96);
  }

  .team-mobile-nav__item.is-active {
    color: var(--team-accent-deep);
    font-weight: 700;
    background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface));
  }

  .team-mobile-nav__item.is-active::before {
    content: "";
    position: absolute;
    top: 4px;
    inset-inline: 22%;
    height: 3px;
    border-radius: var(--radius-pill);
    background: linear-gradient(90deg, var(--team-accent-deep), var(--team-accent-bright));
  }

  .team-mobile-nav__icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-grid;
    place-items: center;
    transition: background var(--duration-fast);
  }

  .team-mobile-nav__item.is-active .team-mobile-nav__icon {
    background: color-mix(in srgb, var(--team-accent) 14%, var(--team-surface));
    color: var(--team-accent-deep);
  }

  .team-mobile-nav__item.is-active .team-icon {
    color: var(--team-accent-deep);
  }

  .team-mobile-nav__label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }

  .team-mobile-nav__item--menu .team-mobile-nav__icon {
    background: var(--team-surface-2);
    border: 1px solid var(--team-glass-border);
  }

  .team-topbar__actions .team-btn-primary {
    padding: 0 12px;
    font-size: 0.8125rem;
  }
}

/* ── Login ── */
.team-login {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  position: relative;
  z-index: 1;
}

.team-login__card {
  width: min(420px, 100%);
  padding: clamp(28px, 5vw, 40px);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--team-glass-border);
}

.team-login__brand {
  text-align: center;
  margin-bottom: 28px;
}

.team-login__logo {
  width: 80px;
  height: 80px;
  margin: 0 auto 16px;
  border-radius: 20px;
  padding: 8px;
  background: var(--team-surface-2);
  box-shadow: var(--shadow-md);
}

.team-login__card h1 {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.5rem;
  margin: 0 0 6px;
}

.team-login__subtitle {
  color: var(--team-text-muted);
  font-size: 0.875rem;
  margin: 0;
}

/* ── AI card ── */
.team-ai-card {
  border-radius: var(--radius-lg);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--team-gold) 8%, var(--team-surface)),
    color-mix(in srgb, var(--team-teal) 10%, var(--team-surface))
  );
  box-shadow: var(--shadow-md);
}

/* ── Section headers ── */
.team-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 18px;
  border-bottom: 1px solid var(--team-glass-border);
}

.team-section__head strong {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 0.9375rem;
}

/* ── Card grid (viral library) ── */
.team-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: clamp(12px, 2vw, 20px);
}

.team-viral-card {
  padding: 16px;
  overflow: hidden;
}

/* ── Calendar sync bar ── */
.team-calendar-sync {
  padding: 16px 18px;
  margin-bottom: 16px;
}

.team-calendar-sync__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

/* ── Empty states ── */
.team-empty,
.team-muted.team-empty-inline {
  padding: 24px;
  text-align: center;
  color: var(--team-text-muted);
  font-size: 0.875rem;
}

/* ── Links ── */
.team-link {
  color: #000;
  font-weight: 700;
  font-size: var(--text-sm);
  text-decoration: none;
  cursor: pointer;
}

html[data-app="team"][data-team-theme="dark"] .team-link {
  color: #fff;
}

.team-link:hover {
  color: #000;
  text-decoration: none;
}

html[data-app="team"][data-team-theme="dark"] .team-link:hover {
  color: #fff;
}

/* ── Progress ── */
.team-progress-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}

.team-progress-bar {
  border-radius: var(--radius-pill);
  height: 6px;
  overflow: hidden;
}

.team-progress-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--team-accent-deep), var(--team-accent-bright));
}

/* ── Wide screens ── */
@media (min-width: 1280px) {
  .team-shell {
    grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
  }
}

/* ── Modular sidebar (v5 redesign) ── */
.team-sidebar__tools {
  padding: 0 12px 10px;
  flex-shrink: 0;
}

.team-nav-search {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--team-glass-border);
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
  text-align: start;
  transition:
    border-color var(--duration-fast) var(--ease-out),
    background var(--duration-fast) var(--ease-out),
    box-shadow var(--duration-fast) var(--ease-out);
}

.team-nav-search:hover {
  background: var(--team-surface);
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-sm);
}

.team-nav-search__icon {
  display: inline-flex;
  color: var(--team-accent-deep);
  flex-shrink: 0;
}

.team-nav-search__text {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-nav-search__kbd {
  flex-shrink: 0;
  font-family: inherit;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 6px;
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  color: var(--team-text-muted);
  line-height: 1.2;
}

.team-nav-module {
  margin-bottom: 8px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: color-mix(in srgb, var(--team-surface) 88%, var(--team-surface-2));
  overflow: hidden;
  transition: border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);
}

.team-nav-module.is-active {
  border-color: color-mix(in srgb, var(--team-accent) 28%, var(--team-glass-border));
  box-shadow: var(--shadow-sm);
}

.team-nav-module--daily {
  border: none;
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--team-accent) 10%, var(--team-surface)),
    color-mix(in srgb, var(--team-teal) 8%, var(--team-surface))
  );
  box-shadow: var(--shadow-sm);
  margin-bottom: 12px;
}

.team-nav-module__head {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--team-text);
  font-family: inherit;
  cursor: pointer;
  text-align: start;
  transition: background var(--duration-fast) var(--ease-out);
}

.team-nav-module__head:hover {
  background: color-mix(in srgb, var(--team-surface-2) 70%, transparent);
}

.team-nav-module__head--static {
  cursor: default;
  padding-bottom: 6px;
}

.team-nav-module__head--static:hover {
  background: transparent;
}

.team-nav-module__icon {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface));
  border: 1px solid color-mix(in srgb, var(--team-accent) 18%, transparent);
  transition: background var(--duration-fast), color var(--duration-fast), transform var(--duration-fast);
}

.team-nav-module.is-active .team-nav-module__icon,
.team-nav-module.is-open .team-nav-module__icon {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(47, 107, 82, 0.25);
}

.team-nav-module__titles {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.team-nav-module__title {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
}

.team-nav-module__subtitle {
  font-size: 0.68rem;
  color: var(--team-text-muted);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-nav-module__meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.team-nav-module__count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  display: inline-grid;
  place-items: center;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--team-text-muted);
  background: var(--team-surface-2);
  border: 1px solid var(--team-glass-border);
  transition: opacity var(--duration-fast);
}

.team-nav-module.is-open .team-nav-module__count,
.team-nav-module.is-always-open .team-nav-module__count {
  opacity: 0;
  width: 0;
  min-width: 0;
  padding: 0;
  overflow: hidden;
}

.team-nav-module__chevron {
  display: inline-flex;
  opacity: 0.55;
  transition: transform var(--duration-normal) var(--ease-out), opacity var(--duration-fast);
}

.team-nav-module.is-open .team-nav-module__chevron {
  transform: rotate(-90deg);
  opacity: 0.9;
}

.team-nav-module.is-active > .team-nav-module__head:not(.team-nav-module__head--static) {
  background: color-mix(in srgb, var(--team-accent) 8%, transparent);
}

/* Accordion body */
.team-nav-module__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--duration-normal) var(--ease-out);
}

.team-nav-module.is-open .team-nav-module__body,
.team-nav-module.is-always-open .team-nav-module__body {
  grid-template-rows: 1fr;
}

.team-nav-module__body-inner {
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 8px 10px 10px;
  margin-inline-start: 16px;
  border-inline-start: 2px solid color-mix(in srgb, var(--team-accent) 20%, var(--team-glass-border));
}

.team-nav-module--daily .team-nav-module__body-inner {
  margin-inline-start: 0;
  padding: 0 8px 10px;
  border-inline-start: none;
  gap: 6px;
}

.team-nav-module .team-nav__link {
  min-height: 44px;
  padding: 8px 10px;
  font-size: 0.8125rem;
  border-radius: var(--radius-md);
  border: 1px solid transparent;
}

.team-nav-module--daily .team-nav__link {
  min-height: 46px;
  background: var(--team-surface);
  border-color: var(--team-glass-border);
  box-shadow: var(--shadow-sm);
}

.team-nav-module--daily .team-nav__link.is-active {
  border-color: color-mix(in srgb, var(--team-accent) 35%, var(--team-glass-border));
}

.team-nav__icon-wrap {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--team-surface-2) 80%, transparent);
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-nav__link.is-active .team-nav__icon-wrap {
  background: color-mix(in srgb, var(--team-accent) 16%, var(--team-surface));
  color: var(--team-accent-deep);
}

.team-nav__link.is-active .team-nav__icon-wrap .team-icon {
  color: var(--team-accent-deep);
}

/* Sidebar foot */
.team-sidebar__foot {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 12px;
}

.team-sidebar__user-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
  border: 1px solid var(--team-glass-border);
  min-width: 0;
}

.team-sidebar__user-meta {
  min-width: 0;
  flex: 1;
}

.team-sidebar__user-meta strong {
  display: block;
  font-size: 0.8125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-sidebar__role {
  display: block;
  margin-top: 2px;
  font-size: 0.68rem;
  color: var(--team-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-sidebar__logout {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  width: 100%;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 600;
}

.team-btn-primary--sm {
  min-height: 38px;
  padding: 0 14px;
  font-size: 0.8125rem;
}

/* ═══════════════════════════════════════════════════════════
   v3 — Full-page polish (all templates)
   ═══════════════════════════════════════════════════════════ */

/* Scrollbars */
.team-nav,
.team-kanban__cards,
.team-cmd__list,
.team-table-wrap {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--team-accent) 35%, transparent) transparent;
}

/* Page headers */
.team-scenario-header,
.team-client-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: clamp(16px, 3vw, 22px);
  margin-bottom: clamp(12px, 2vw, 20px);
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-scenario-header h3,
.team-client-header__title {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  margin: 0 0 8px;
  line-height: 1.3;
}

.team-scenario-workflow,
.team-client-header__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.team-scenario-side {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 1023px) {
  .team-page-grid {
    grid-template-columns: 1fr;
  }

  .team-scenario-side {
    order: 2;
  }
}

/* Forms */
.team-form-card {
  padding: clamp(16px, 3vw, 24px);
  border-radius: var(--radius-lg);
}

.team-form-card--wide {
  max-width: 100%;
}

.team-form--grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

.team-field textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.6;
}

.team-field input[type="checkbox"],
.team-task-row__check {
  width: 18px;
  height: 18px;
  accent-color: var(--team-accent);
  cursor: pointer;
}

.team-form__actions,
.team-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--team-glass-border);
  margin-top: 16px;
}

/* Sections */
.team-section {
  padding: clamp(14px, 2.5vw, 20px);
}

.team-section--flush .team-section__head {
  background: var(--team-surface-2);
}

/* Stats rows (standup, finance) */
.team-stats-grid,
.team-grid-stats {
  margin-bottom: clamp(12px, 2vw, 20px);
}

.team-stat--danger .team-stat__value {
  color: var(--status-danger);
}

/* Bulk actions */
.team-bulk-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  margin-bottom: 16px;
  border-radius: var(--radius-lg);
  border: 1px dashed color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 4%, var(--team-surface));
}

/* Calendar */
.team-calendar-sync {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--team-teal) 6%, var(--team-surface)),
    var(--team-surface)
  );
}

.team-calendar-sync__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.team-badge,
.team-badge--ok,
.team-badge--warn {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-size: 0.75rem;
  font-weight: 600;
}

.team-badge--ok {
  color: var(--status-success);
  background: var(--status-success-bg);
}

.team-badge--warn {
  color: var(--status-warning);
  background: var(--status-warning-bg);
}

.team-calendar__head,
.team-calendar__week {
  gap: 6px;
}

.team-calendar__day {
  min-height: 88px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  transition: border-color var(--duration-fast);
}

.team-calendar__day.is-today {
  border-color: var(--team-accent);
  box-shadow: var(--shadow-glow);
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface));
}

.team-calendar__slot {
  border-radius: 8px;
  border-inline-start: 3px solid var(--team-accent);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface));
  font-size: 0.72rem;
  line-height: 1.35;
}

@media (max-width: 768px) {
  .team-calendar {
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .team-calendar__head,
  .team-calendar__week {
    min-width: 560px;
  }

  .team-calendar__day {
    min-height: 72px;
  }
}

/* Gantt / program */
.team-gantt__track {
  height: 32px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  border: 1px solid var(--team-glass-border);
}

.team-gantt__bar {
  border-radius: var(--radius-pill);
  font-size: 0.65rem;
  font-weight: 600;
  box-shadow: var(--shadow-sm);
}

/* Notifications */
.team-notify-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.team-notify-item {
  padding: 14px 16px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  transition: box-shadow var(--duration-fast);
}

.team-notify-item.is-unread {
  border-inline-start: 3px solid var(--team-accent);
  background: color-mix(in srgb, var(--team-accent) 5%, var(--team-surface));
}

.team-notify-item--danger {
  border-inline-start-color: var(--status-danger);
}

.team-notify-item--warning {
  border-inline-start-color: var(--status-warning);
}

/* Diff viewer */
.team-diff {
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  overflow: hidden;
  background: var(--team-surface-2);
}

.team-diff__line {
  padding: 6px 12px;
  font-size: 0.8125rem;
  line-height: 1.5;
}

/* Viral / embed */
.team-embed-wrap {
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--team-glass-border);
  margin-bottom: 12px;
}

.team-embed-wrap iframe {
  display: block;
  width: 100%;
  min-height: 180px;
}

/* Saved views (tasks inbox) */
.team-saved-views {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  margin-bottom: 16px;
}

.team-saved-view {
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface));
  border: 1px solid var(--team-glass-border);
}

/* Pills refinement */
.team-pill {
  height: auto;
  min-height: 24px;
  padding: 4px 10px;
  line-height: 1.2;
}

/* Activity feed */
.team-activity-list li {
  padding: 14px 18px;
  transition: background var(--duration-fast);
}

.team-activity-list li:hover {
  background: var(--team-surface-2);
}

/* Inline forms */
.team-inline-form {
  gap: 8px;
}

.team-inline-form .team-input,
.team-inline-form select {
  min-width: min(140px, 40vw);
}

/* Filter bar on mobile */
@media (max-width: 640px) {
  .team-filter-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-filter-bar a,
  .team-filter-bar .team-btn-ghost,
  .team-filter-bar .team-btn-primary {
    justify-content: center;
    width: 100%;
  }

  .team-filter-spacer {
    display: none;
  }

  .team-scenario-header,
  .team-client-header {
    flex-direction: column;
  }

  .team-scenario-workflow {
    width: 100%;
  }

  .team-scenario-workflow .team-btn-primary,
  .team-scenario-workflow .team-btn-ghost {
    flex: 1;
    justify-content: center;
  }

  .team-topbar__actions .team-btn-primary--sm span {
    display: none;
  }

  .team-topbar__actions .team-btn-primary--sm::before {
    content: "+";
    font-size: 1.1rem;
    font-weight: 700;
  }
}

/* Progress cards */
.team-progress-card {
  padding: 16px;
}

.team-progress-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 0.9375rem;
}

/* Checklist */
.team-checklist-item {
  padding: 6px 0;
  font-size: 0.875rem;
}

/* Moodboard */
.team-moodboard__item {
  border-radius: var(--radius-md);
  transition: transform var(--duration-fast);
}

.team-moodboard__item:hover {
  transform: scale(1.03);
}

/* Sidebar nav scroll area */
.team-nav {
  padding: 4px 10px 16px;
  scroll-padding-block: 12px;
}

.team-sidebar__logout {
  border-radius: var(--radius-md);
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-sidebar__logout:hover {
  background: color-mix(in srgb, var(--status-danger) 10%, transparent);
  color: var(--status-danger);
}

/* Alert success */
.team-alert--success {
  background: color-mix(in srgb, var(--status-success) 10%, var(--team-surface));
  border: 1px solid color-mix(in srgb, var(--status-success) 30%, transparent);
  color: var(--status-success);
}

.team-alert--info {
  background: color-mix(in srgb, var(--team-teal) 10%, var(--team-surface));
  border: 1px solid color-mix(in srgb, var(--team-teal) 25%, transparent);
}

/* Kanban head */
.team-kanban__head {
  padding: 12px 14px;
  background: var(--team-surface);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.team-kanban__head span:last-child {
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

/* ═══════════════════════════════════════════════════════════
   v4 — Utilities, glass shell, page toolbars
   ═══════════════════════════════════════════════════════════ */

/* Spacing utilities */
.team-mb-md { margin-bottom: clamp(12px, 2vw, 16px); }
.team-mt-md { margin-top: clamp(12px, 2vw, 16px); }
.team-mt-sm { margin-top: 8px; }

/* Stat value tones */
.team-stat__value--danger { color: var(--status-danger); }
.team-stat__value--warning { color: var(--status-warning); }

/* Page toolbar (title + actions) */
.team-page-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: clamp(14px, 2.5vw, 18px) clamp(16px, 3vw, 22px);
  margin-bottom: clamp(12px, 2vw, 20px);
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-page-toolbar strong {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(0.95rem, 2.5vw, 1.0625rem);
}

.team-page-toolbar .team-section__head {
  padding: 0;
  border: none;
  margin: 0;
  width: 100%;
}

/* Narrow / centered cards */
.team-card--narrow {
  max-width: 520px;
  padding: clamp(16px, 3vw, 24px);
}

.team-form--flush {
  padding: 0;
}

.team-form__row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
}

.team-login__submit {
  width: 100%;
  margin-top: 20px;
}

.team-login .team-field + .team-field {
  margin-top: 14px;
}

/* Glass shell */
.team-topbar {
  background: color-mix(in srgb, var(--team-surface) 88%, transparent);
  backdrop-filter: blur(var(--team-blur));
  -webkit-backdrop-filter: blur(var(--team-blur));
}

.team-sidebar {
  background: color-mix(in srgb, var(--team-surface) 92%, transparent);
  backdrop-filter: blur(calc(var(--team-blur) + 4px));
  -webkit-backdrop-filter: blur(calc(var(--team-blur) + 4px));
}

/* Pills — modern chips */
.team-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.team-pill--success {
  color: var(--status-success);
  background: var(--status-success-bg);
  border-color: color-mix(in srgb, var(--status-success) 25%, transparent);
}

.team-pill--warning {
  color: var(--status-warning);
  background: var(--status-warning-bg);
  border-color: color-mix(in srgb, var(--status-warning) 25%, transparent);
}

.team-pill--danger {
  color: var(--status-danger);
  background: var(--status-danger-bg);
  border-color: color-mix(in srgb, var(--status-danger) 25%, transparent);
}

.team-pill--info {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface));
  border-color: color-mix(in srgb, var(--team-accent) 20%, transparent);
}

/* Color swatch (client brand) */
.team-color-swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  vertical-align: middle;
  margin-inline-end: 4px;
  border: 1px solid var(--team-glass-border);
  box-shadow: var(--shadow-sm);
}

/* Notify item layout */
.team-notify-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.team-notify-item__body strong {
  display: block;
  margin-bottom: 4px;
  font-size: 0.9375rem;
}

.team-notify-item__body time {
  font-size: 0.75rem;
}

/* Finance / list tables inside flush cards */
.team-section--flush > .team-table-wrap,
.team-section--flush > .team-table {
  border: none;
  border-radius: 0;
}

.team-section--flush .team-table-wrap {
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* Kanban card typography */
.team-kanban__card strong {
  display: block;
  font-size: 0.9375rem;
  margin-bottom: 4px;
}

.team-kanban__card .team-muted {
  font-size: 0.8125rem;
  margin: 0 0 6px;
}

/* Standalone section head → toolbar look when used alone */
.team-section__head.team-page-toolbar {
  margin-bottom: clamp(12px, 2vw, 20px);
}

/* Compliance checklist lines */
.team-check-line {
  display: block;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  padding: 2px 0;
}

/* Dark mode: richer surfaces */
html[data-app="team"][data-team-theme="dark"] .team-card {
  border: 1px solid var(--team-glass-border);
}

html[data-app="team"][data-team-theme="dark"] .team-filter-bar {
  background: color-mix(in srgb, var(--team-surface) 95%, transparent);
}

html[data-app="team"][data-team-theme="dark"] .team-ai-card {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--team-gold) 12%, var(--team-surface)),
    color-mix(in srgb, var(--team-teal) 14%, var(--team-surface))
  );
}

/* Tablet: filter bar scroll */
@media (max-width: 900px) and (min-width: 641px) {
  .team-filter-bar {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .team-filter-bar::-webkit-scrollbar {
    display: none;
  }

  .team-filter-bar a,
  .team-filter-bar .team-btn-ghost,
  .team-filter-bar .team-btn-primary {
    flex-shrink: 0;
  }
}

/* Large phones: stats 2-col */
@media (max-width: 480px) {
  .team-grid-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .team-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .team-topbar__title {
    max-width: min(36vw, 160px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .team-content > * {
    animation: none;
  }

  .team-nav-module__body {
    transition: none;
  }
}

/* Nav — dark mode */
html[data-app="team"][data-team-theme="dark"] .team-nav-module {
  background: color-mix(in srgb, var(--team-surface-2) 90%, transparent);
}

html[data-app="team"][data-team-theme="dark"] .team-nav-module--daily {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--team-accent) 14%, var(--team-surface)),
    color-mix(in srgb, var(--team-teal) 10%, var(--team-surface))
  );
}

html[data-app="team"][data-team-theme="dark"] .team-mobile-nav__item.is-active {
  background: color-mix(in srgb, var(--team-accent) 16%, var(--team-surface-2));
}

@media (max-width: 360px) {
  .team-nav-search__kbd {
    display: none;
  }
}

/* ═══════════════════════════════════════════════════════════
   v6 — Typography, spacing & sizing audit (no conflicts)
   ═══════════════════════════════════════════════════════════ */

/* Grids — unified */
.team-grid-stats,
.team-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 148px), 1fr));
  gap: clamp(10px, 2vw, 16px);
  margin-bottom: clamp(12px, 2vw, 20px);
}

/* Typography scale */
.team-topbar__title {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.3;
}

.team-muted {
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--team-text-muted);
}

.team-content h3 {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 8px;
}

.team-content p {
  margin: 0 0 10px;
  line-height: 1.6;
}

/* Stat cards — legacy strong/span fallback + unified */
.team-stat {
  padding: clamp(14px, 2.5vw, 20px);
}

.team-stat__label {
  font-size: var(--text-sm);
  line-height: 1.4;
  margin-bottom: 6px;
}

.team-stat__value {
  font-family: var(--font-display);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-stat > strong {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 4vw, 1.65rem);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  margin-bottom: 4px;
}

.team-stat > .team-muted {
  display: block;
  font-size: var(--text-sm);
}

.team-stat--danger > strong,
.team-stat--danger .team-stat__value {
  color: var(--status-danger);
}

/* Pills — single definition (no duplicate dot) */
.team-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  height: auto;
  padding: 4px 10px;
  font-size: var(--text-xs);
  font-weight: 600;
  line-height: 1.25;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  white-space: nowrap;
}

.team-pill--success {
  color: var(--status-success);
  background: var(--status-success-bg);
  border-color: color-mix(in srgb, var(--status-success) 22%, transparent);
}

.team-pill--warning {
  color: var(--status-warning);
  background: var(--status-warning-bg);
  border-color: color-mix(in srgb, var(--status-warning) 22%, transparent);
}

.team-pill--danger {
  color: var(--status-danger);
  background: var(--status-danger-bg);
  border-color: color-mix(in srgb, var(--status-danger) 22%, transparent);
}

.team-pill--info {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface));
  border-color: color-mix(in srgb, var(--team-accent) 20%, transparent);
}

.team-pill--neutral {
  color: var(--status-neutral);
  background: var(--status-neutral-bg);
}

/* Buttons — touch-friendly unified heights */
.team-btn-primary {
  min-height: 44px;
  padding: 0 clamp(14px, 3vw, 20px);
  font-size: var(--text-sm);
  line-height: 1.25;
  box-sizing: border-box;
}

.team-btn-ghost {
  min-height: 40px;
  padding: 0 clamp(12px, 2.5vw, 16px);
  font-size: var(--text-sm);
  line-height: 1.25;
  box-sizing: border-box;
}

.team-btn-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  box-sizing: border-box;
}

.team-btn-primary--sm {
  min-height: 40px;
  padding: 0 14px;
  font-size: var(--text-sm);
}

/* Forms — unified field sizing */
.team-field {
  margin-bottom: clamp(12px, 2vw, 16px);
}

.team-field label {
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 6px;
}

.team-field input,
.team-field select,
.team-field textarea,
.team-input,
.team-cmd__input {
  min-height: 44px;
  padding: 10px 14px;
  font-size: var(--text-sm);
  line-height: 1.4;
  box-sizing: border-box;
}

.team-field textarea {
  min-height: 120px;
  padding: 12px 14px;
  line-height: 1.6;
}

.team-field select,
.team-input[type="date"],
.team-filter-bar select {
  appearance: auto;
}

.team-section--flush .team-form__actions {
  padding: clamp(14px, 2.5vw, 18px);
  margin-top: 0;
}

/* Filter bar — readable chips */
.team-filter-bar {
  align-items: center;
}

.team-filter-bar a,
.team-filter-bar .team-btn-ghost,
.team-filter-bar .team-btn-primary {
  min-height: 38px;
  font-size: var(--text-sm);
  line-height: 1.25;
}

/* Tables */
.team-table {
  font-size: var(--text-sm);
  line-height: 1.45;
}

.team-table th {
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 12px 14px;
}

.team-table td {
  padding: 12px 14px;
  vertical-align: middle;
}

.team-table .team-input {
  min-height: 38px;
  padding: 8px 10px;
  font-size: var(--text-sm);
}

/* Sections */
.team-section {
  padding: clamp(14px, 2.5vw, 20px);
}

.team-section__head {
  padding: clamp(12px, 2vw, 16px) clamp(14px, 2.5vw, 18px);
}

.team-section__head strong {
  font-size: var(--text-base);
  line-height: 1.35;
}

/* Alerts */
.team-alert {
  font-size: var(--text-sm);
  line-height: 1.5;
  padding: 12px 16px;
}

/* Nav — minimum readable secondary text */
.team-nav-module__subtitle,
.team-nav-module__count,
.team-sidebar__role {
  font-size: var(--text-xs);
}

.team-nav-module .team-nav__link {
  font-size: var(--text-sm);
}

.team-mobile-nav__item {
  font-size: var(--text-xs);
  line-height: 1.25;
}

/* Progress bars */
.team-progress-bar {
  height: 8px;
  margin: 8px 0;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--team-text-muted) 12%, var(--team-surface-2));
  overflow: hidden;
}

.team-progress-bar--sm {
  height: 6px;
  margin: 6px 0;
}

.team-progress-bar span {
  min-width: 0;
  transition: width var(--duration-normal) var(--ease-out);
}

/* Task rows */
.team-task-row__title {
  font-size: var(--text-sm);
  line-height: 1.4;
}

.team-task-row__meta {
  font-size: var(--text-xs);
  line-height: 1.45;
}

/* Command palette */
.team-cmd__list a {
  font-size: var(--text-sm);
  line-height: 1.4;
  min-height: 40px;
}

.team-cmd__group {
  font-size: var(--text-xs);
  line-height: 1.3;
}

/* Login */
.team-login__card h1 {
  font-size: var(--text-xl);
  line-height: 1.25;
}

.team-login__subtitle {
  font-size: var(--text-sm);
  line-height: 1.5;
}

/* Content area spacing on mobile */
@media (max-width: 900px) {
  .team-content {
    padding: clamp(14px, 3vw, 20px);
    padding-bottom: calc(76px + env(safe-area-inset-bottom));
  }

  .team-topbar {
    padding: 0 clamp(10px, 2.5vw, 16px);
  }

  .team-topbar__actions {
    gap: 6px;
  }

  .team-table th,
  .team-table td {
    padding: 10px 12px;
  }
}

@media (max-width: 480px) {
  body.team-app {
    font-size: var(--text-base);
  }
}

/* ═══════════════════════════════════════════════════════════
   v7 — Compact density (standard UI scale)
   ═══════════════════════════════════════════════════════════ */

html[data-app="team"] {
  --text-base: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.125rem;
  --text-2xl: 1.25rem;
}

/* Shell */
.team-topbar {
  height: var(--topbar-h);
  padding: 0 16px;
}

.team-topbar__title {
  font-size: var(--text-base);
  max-width: min(42vw, 240px);
}

.team-topbar__actions {
  gap: 6px;
}

.team-content {
  padding: 16px 20px;
}

.team-menu-toggle,
.team-btn-icon {
  width: var(--control-icon);
  height: var(--control-icon);
  min-width: var(--control-icon);
  min-height: var(--control-icon);
  border-radius: var(--radius-sm);
}

.team-btn-primary {
  min-height: var(--control-h);
  padding: 0 var(--control-px);
  font-size: var(--text-sm);
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-btn-primary--sm {
  min-height: var(--control-h-sm);
  padding: 0 10px;
  font-size: var(--text-xs);
}

.team-btn-ghost {
  min-height: var(--control-h-sm);
  padding: 0 10px;
  font-size: var(--text-sm);
}

/* Sidebar brand */
.team-sidebar__head {
  padding: 12px 14px;
}

.team-sidebar__logo {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.team-sidebar__brand h1 {
  font-size: 0.9375rem;
}

.team-sidebar__brand p {
  font-size: 0.6875rem;
}

.team-topbar__logo-img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

/* Nav search */
.team-sidebar__tools {
  padding: 0 10px 8px;
}

.team-nav-search {
  min-height: var(--control-h);
  padding: 0 10px;
  gap: 8px;
  font-size: var(--text-xs);
  border-radius: var(--radius-sm);
}

.team-nav-search__kbd {
  font-size: 0.625rem;
  padding: 2px 5px;
}

/* Nav modules */
.team-nav {
  padding: 2px 8px 12px;
}

.team-nav-module {
  margin-bottom: 6px;
  border-radius: var(--radius-md);
}

.team-nav-module--daily {
  margin-bottom: 8px;
  border-radius: var(--radius-md);
}

.team-nav-module__head {
  gap: 8px;
  padding: 8px 10px;
}

.team-nav-module__head--static {
  padding-bottom: 4px;
}

.team-nav-module__icon {
  width: var(--nav-module-icon);
  height: var(--nav-module-icon);
  border-radius: 8px;
}

.team-nav-module__icon .team-icon {
  width: 16px;
  height: 16px;
}

.team-nav-module__title {
  font-size: var(--text-sm);
  font-weight: 600;
}

.team-nav-module__subtitle {
  font-size: 0.6875rem;
}

.team-nav-module__count {
  min-width: 18px;
  height: 18px;
  font-size: 0.625rem;
}

.team-nav-module__body-inner {
  gap: 2px;
  padding: 0 6px 8px 8px;
  margin-inline-start: 12px;
}

.team-nav-module--daily .team-nav-module__body-inner {
  padding: 0 6px 8px;
  gap: 4px;
}

.team-nav__link {
  min-height: var(--nav-link-h);
  padding: 5px 8px;
  gap: 8px;
  font-size: var(--text-sm);
  border-radius: var(--radius-sm);
}

.team-nav-module--daily .team-nav__link {
  min-height: var(--nav-link-h);
}

.team-nav__icon-wrap {
  width: var(--nav-icon-box);
  height: var(--nav-icon-box);
  border-radius: 7px;
}

.team-nav__icon .team-icon {
  width: 16px;
  height: 16px;
}

.team-nav-module__chevron .team-icon {
  width: 14px;
  height: 14px;
}

/* Sidebar foot */
.team-sidebar__foot {
  padding: 10px;
  gap: 8px;
}

.team-sidebar__user-card {
  padding: 8px 10px;
  border-radius: var(--radius-sm);
}

.team-sidebar__avatar {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 0.75rem;
}

.team-sidebar__user-meta strong {
  font-size: var(--text-sm);
}

.team-sidebar__role {
  font-size: 0.6875rem;
}

.team-sidebar__logout {
  min-height: var(--control-h-sm);
  font-size: var(--text-sm);
}

/* Mobile nav */
@media (max-width: 900px) {
  .team-sidebar {
    width: min(88vw, 280px);
  }

  .team-mobile-nav {
    min-height: 56px;
    padding: 4px 6px calc(4px + env(safe-area-inset-bottom));
    gap: 2px;
  }

  .team-mobile-nav__item {
    min-height: 44px;
    padding: 4px 2px;
    border-radius: 10px;
    gap: 2px;
  }

  .team-mobile-nav__icon {
    width: 24px;
    height: 24px;
    border-radius: 8px;
  }

  .team-mobile-nav__icon .team-icon {
    width: 18px;
    height: 18px;
  }

  .team-mobile-nav__label {
    font-size: 0.6875rem;
  }

  .team-content {
    padding: 14px 16px;
    padding-bottom: calc(60px + env(safe-area-inset-bottom));
  }
}

/* Forms */
.team-field {
  margin-bottom: 12px;
}

.team-field label {
  font-size: var(--text-xs);
  margin-bottom: 4px;
}

.team-field input,
.team-field select,
.team-field textarea,
.team-input,
.team-cmd__input {
  min-height: var(--control-h);
  padding: 6px 10px;
  font-size: var(--text-sm);
  border-radius: var(--radius-sm);
}

.team-field textarea {
  min-height: 96px;
  padding: 8px 10px;
}

.team-table .team-input {
  min-height: 30px;
  padding: 4px 8px;
  font-size: var(--text-xs);
}

/* Filter bar */
.team-filter-bar {
  padding: 4px;
  gap: 4px;
  margin-bottom: 12px;
  border-radius: var(--radius-md);
}

.team-filter-bar a,
.team-filter-bar .team-btn-ghost,
.team-filter-bar .team-btn-primary {
  min-height: var(--control-h-sm);
  padding: 0 10px;
  font-size: var(--text-xs);
}

/* Stats & cards */
.team-grid-stats,
.team-stats-grid {
  gap: 10px;
  margin-bottom: 14px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
}

.team-stat {
  padding: 12px 14px;
}

.team-stat__label {
  font-size: var(--text-xs);
  margin-bottom: 4px;
}

.team-stat__value,
.team-stat > strong {
  font-size: var(--text-xl);
}

.team-stat::after {
  width: 56px;
  height: 56px;
}

.team-page-grid {
  gap: 14px;
}

.team-section {
  padding: 12px 14px;
}

.team-section__head {
  padding: 10px 12px;
}

.team-section__head strong {
  font-size: var(--text-sm);
}

.team-page-toolbar {
  padding: 10px 14px;
  margin-bottom: 12px;
  border-radius: var(--radius-md);
}

.team-card--narrow {
  padding: 14px 16px;
}

/* Tables */
.team-table th,
.team-table td {
  padding: 8px 10px;
  font-size: var(--text-sm);
}

.team-table th {
  font-size: 0.6875rem;
}

/* Pills & badges */
.team-pill {
  min-height: 20px;
  padding: 2px 8px;
  font-size: 0.6875rem;
  gap: 4px;
}

.team-badge {
  min-height: 20px;
  padding: 0 8px;
  font-size: 0.6875rem;
}

/* Alerts */
.team-alert {
  padding: 10px 12px;
  font-size: var(--text-sm);
  margin-bottom: 12px;
}

/* Command palette */
.team-cmd__input {
  min-height: 40px;
  padding: 10px 12px;
  font-size: var(--text-sm);
}

.team-cmd__list a {
  min-height: 34px;
  padding: 8px 10px;
  font-size: var(--text-sm);
}

/* Kanban & tasks */
.team-kanban__head {
  padding: 8px 10px;
  font-size: var(--text-sm);
}

.team-kanban__card {
  padding: 10px;
  font-size: var(--text-sm);
}

.team-task-row {
  padding: 8px 10px;
  margin: 2px 6px;
}

.team-notify-item {
  padding: 10px 12px;
}

/* Login */
.team-login__card {
  padding: 24px 28px;
}

.team-login__logo {
  width: 64px;
  height: 64px;
}

.team-login__card h1 {
  font-size: var(--text-lg);
}

/* Primary button hover — subtler on compact */
.team-btn-primary:hover {
  box-shadow: 0 3px 10px rgba(47, 107, 82, 0.22);
  transform: none;
}

.team-btn-primary:active {
  transform: scale(0.98);
}

/* Client portal shell */
.team-shell--portal {
  grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
}

.team-sidebar--portal .team-nav--portal {
  padding: 8px 10px 16px;
  gap: 4px;
}

.team-sidebar--portal .team-nav__link {
  margin-bottom: 2px;
}

.team-card--nested {
  padding: 14px;
  box-shadow: none;
  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
}

@media (max-width: 900px) {
  .team-shell--portal {
    grid-template-columns: 1fr;
  }

  .team-sidebar--portal {
    position: relative;
    width: 100%;
    height: auto;
    transform: none;
    box-shadow: none;
  }

  .team-sidebar--portal .team-nav--portal {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
}

/* All button-like controls — explicit Vazirmatn */
a.team-btn-primary,
a.team-btn-ghost,
a.team-btn-icon,
button.team-btn-primary,
button.team-btn-ghost,
button.team-btn-icon,
.team-btn-primary--sm,
.team-btn-ghost--sm,
.team-btn-icon-text,
.team-nav-search,
.team-nav-module__head,
.team-mobile-nav__item,
.team-sidebar__logout,
.team-filter-bar a,
.team-filter-bar .team-btn-primary,
.team-filter-bar .team-btn-ghost,
.team-menu-toggle {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: inherit;
  line-height: 1.2;
}

.team-btn-primary,
.team-btn-primary--sm,
a.team-btn-primary {
  font-weight: 600;
}

.team-btn-ghost,
.team-btn-ghost--sm,
a.team-btn-ghost {
  font-weight: 500;
}

.team-nav-module__title {
  font-family: var(--font-body);
}

.team-mobile-nav__item,
.team-mobile-nav__label {
  font-family: var(--font-body);
  font-size: var(--text-xs);
}

.team-nav-search__text {
  font-family: var(--font-body);
  font-size: var(--text-xs);
}

.team-nav-search__kbd {
  font-family: var(--font-body);
}

/* ═══════════════════════════════════════════════════════════
   v8 — Compact sidebar navigation (standard menu density)
   ═══════════════════════════════════════════════════════════ */

.team-nav__link,
.team-nav-module .team-nav__link,
.team-nav-module--daily .team-nav__link {
  min-height: var(--nav-link-h);
  padding: 4px 8px;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  border-radius: var(--radius-sm);
}

.team-nav-module .team-nav__link {
  border: 1px solid transparent;
}

.team-nav-module--daily .team-nav__link {
  min-height: var(--nav-link-h);
  box-shadow: none;
  background: color-mix(in srgb, var(--team-surface) 92%, var(--team-surface-2));
  border-color: color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-nav__icon-wrap {
  width: var(--nav-icon-box);
  height: var(--nav-icon-box);
  border-radius: 6px;
}

.team-nav__icon .team-icon,
.team-nav__icon-wrap .team-icon {
  width: 15px;
  height: 15px;
}

.team-nav-module__head {
  padding: 7px 9px;
  gap: 8px;
}

.team-nav-module__icon {
  width: var(--nav-module-icon);
  height: var(--nav-module-icon);
  border-radius: 7px;
}

.team-nav-module__icon .team-icon {
  width: 14px;
  height: 14px;
}

.team-nav-module__title {
  font-size: 0.8125rem;
  font-weight: 600;
}

.team-nav-module__subtitle {
  font-size: 0.625rem;
}

.team-nav-module__count {
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  font-size: 0.625rem;
}

.team-nav-module__chevron .team-icon {
  width: 13px;
  height: 13px;
}

.team-nav-module {
  margin-bottom: 5px;
}

.team-nav-module--daily {
  margin-bottom: 6px;
}

.team-nav-module__body-inner {
  gap: 2px;
  padding: 0 5px 6px 8px;
  margin-inline-start: 11px;
}

.team-nav-module--daily .team-nav-module__body-inner {
  padding: 0 5px 6px;
  gap: 3px;
}

.team-nav {
  padding: 2px 6px 10px;
}

.team-nav-search {
  min-height: 32px;
  padding: 0 9px;
  gap: 8px;
  font-size: 0.75rem;
}

.team-nav-search__icon .team-icon {
  width: 15px;
  height: 15px;
}

.team-nav__link:hover:not(.is-active) {
  transform: none;
}

.team-sidebar--portal .team-nav__link {
  min-height: var(--nav-link-h);
  padding: 4px 8px;
  margin-bottom: 1px;
}

@media (max-width: 900px) {
  .team-mobile-nav__item {
    min-height: 40px;
    padding: 3px 2px;
  }

  .team-mobile-nav__icon {
    width: 22px;
    height: 22px;
  }

  .team-mobile-nav__icon .team-icon {
    width: 16px;
    height: 16px;
  }

  .team-mobile-nav__label {
    font-size: 0.625rem;
  }
}

/* ═══════════════════════════════════════════════════════════
   Dashboard home — minimal responsive layout
   ═══════════════════════════════════════════════════════════ */

.team-dash {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-dash-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 20px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 55%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-dash-hero__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-dash-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.team-dash-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.5;
}

.team-dash-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-dash-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition:
    background var(--duration-fast) var(--ease-out),
    border-color var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
}

.team-dash-action:hover {
  background: var(--team-surface-hover);
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  transform: translateY(-1px);
}

.team-dash-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-dash-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
}

.team-dash-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.team-dash-kpi {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  min-width: 0;
}

.team-dash-kpi__icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  flex-shrink: 0;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
}

.team-dash-kpi__value {
  display: block;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1;
}

.team-dash-kpi__label {
  display: block;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  line-height: 1.3;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-dash-kpi--accent {
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface));
}

.team-dash-kpi--accent .team-dash-kpi__value {
  color: var(--team-accent-deep);
}

.team-dash-kpi--danger {
  border-color: color-mix(in srgb, var(--status-danger, #c0392b) 28%, var(--team-glass-border));
  background: color-mix(in srgb, var(--status-danger, #c0392b) 5%, var(--team-surface));
}

.team-dash-kpi--danger .team-dash-kpi__value {
  color: var(--status-danger, #c0392b);
}

.team-dash-kpi--warn {
  border-color: color-mix(in srgb, var(--status-warning, #b8860b) 28%, var(--team-glass-border));
}

.team-dash-kpi--warn .team-dash-kpi__value {
  color: var(--status-warning, #b8860b);
}

.team-dash-insight {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--team-teal, #6ec4b5) 25%, var(--team-glass-border));
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--team-gold, #c9a84c) 6%, var(--team-surface)),
    color-mix(in srgb, var(--team-teal, #6ec4b5) 8%, var(--team-surface))
  );
}

.team-dash-insight__badge {
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--team-accent) 14%, var(--team-surface));
  color: var(--team-accent-deep);
}

.team-dash-insight__body {
  min-width: 0;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--team-text);
}

.team-dash-insight__body p {
  margin: 0;
}

.team-dash-insight__hint {
  display: block;
  margin-top: 6px;
  color: var(--team-text-muted);
  font-size: 0.75rem;
}

.team-dash-layout {
  display: grid;
  gap: 16px;
  align-items: start;
}

@media (min-width: 1024px) {
  .team-dash-layout {
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.75fr);
  }
}

.team-dash-panel {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-dash-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-bottom: 1px solid var(--team-glass-border);
}

.team-dash-panel__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 0.9375rem;
  font-weight: 700;
}

.team-dash-panel__sub {
  margin: 4px 0 0;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-dash-panel__sub--danger {
  color: var(--status-danger, #c0392b);
}

.team-dash-panel__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-dash-aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.team-dash-campaigns {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: 12px;
  padding: 14px 16px;
}

.team-dash-campaign {
  padding: 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
}

.team-dash-campaign.is-overdue {
  border-color: color-mix(in srgb, var(--status-danger, #c0392b) 35%, var(--team-glass-border));
}

.team-dash-campaign.is-soon {
  border-color: color-mix(in srgb, var(--status-warning, #b8860b) 35%, var(--team-glass-border));
}

.team-dash-campaign__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.team-dash-campaign__client {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--team-text);
  text-decoration: none;
}

.team-dash-campaign__client:hover {
  color: var(--team-accent-deep);
}

.team-dash-campaign__deadline {
  margin: 0 0 10px;
}

.team-dash-campaign__metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.team-dash-metric__label {
  display: block;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-dash-metric__nums {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 4px;
}

.team-dash-campaign__foot {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--team-glass-border);
}

.team-dash-table {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.team-dash-table .team-table-wrap {
  border: none;
  border-radius: 0;
}

.team-dash-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 40px 20px;
  text-align: center;
}

.team-dash-empty__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
}

.team-dash-empty p {
  margin: 0;
  color: var(--team-text-muted);
  font-size: 0.875rem;
}

.team-dash-task-list {
  padding: 8px 12px 12px;
}

.team-dash-task-list .team-task-row {
  border-radius: var(--radius-sm);
  margin-bottom: 4px;
}

.team-dash-panel--overdue {
  border-color: color-mix(in srgb, var(--status-danger, #c0392b) 22%, var(--team-glass-border));
}

.team-pill--sm {
  font-size: 0.6875rem;
  padding: 2px 8px;
  min-height: 22px;
}

@media (max-width: 1100px) {
  .team-dash-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .team-dash-hero {
    padding: 16px;
  }

  .team-dash-hero__actions {
    width: 100%;
  }

  .team-dash-action {
    flex: 1 1 calc(50% - 4px);
    justify-content: center;
    min-width: 0;
  }

  .team-dash-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 2px;
  }

  .team-dash-kpi {
    scroll-snap-align: start;
  }

  .team-dash-campaigns {
    display: grid;
  }

  .team-dash-table {
    display: none;
  }

  .team-dash-insight {
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  .team-dash-kpis {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .team-dash-kpi {
    padding: 10px 12px;
  }

  .team-dash-kpi__icon {
    width: 28px;
    height: 28px;
  }

  .team-dash-kpi__value {
    font-size: 1rem;
  }
}

/* ═══════════════════════════════════════════════════════════
   Tasks inbox — minimal responsive layout
   ═══════════════════════════════════════════════════════════ */

.team-tasks {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-tasks-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 70% 100% at 0% 0%, color-mix(in srgb, var(--team-teal, #6ec4b5) 8%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-tasks-hero__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-tasks-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-tasks-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-tasks-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-tasks-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-tasks-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-tasks-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.team-tasks-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow-x: auto;
  max-width: 100%;
}

.team-tasks-filter {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-tasks-filter:hover {
  color: var(--team-accent-deep);
  background: var(--team-surface-2);
}

.team-tasks-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-tasks-scope {
  display: inline-flex;
  padding: 3px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  flex-shrink: 0;
}

.team-tasks-scope__btn {
  min-height: 28px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-tasks-scope__btn.is-active {
  background: var(--team-surface);
  color: var(--team-accent-deep);
  box-shadow: var(--shadow-sm);
}

.team-tasks-saved {
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow: hidden;
}

.team-tasks-saved__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--team-text-muted);
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.team-tasks-saved__toggle::-webkit-details-marker {
  display: none;
}

.team-tasks-saved[open] .team-tasks-saved__toggle {
  border-bottom: 1px solid var(--team-glass-border);
  color: var(--team-text);
}

.team-tasks-saved__count {
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  display: inline-grid;
  place-items: center;
  font-size: 0.625rem;
  font-weight: 700;
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface-2));
  color: var(--team-accent-deep);
}

.team-tasks-saved__body {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.team-tasks-saved__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-tasks-saved-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 4px 4px 10px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
  font-size: 0.8125rem;
}

.team-tasks-saved-chip a {
  color: var(--team-text);
  text-decoration: none;
  font-weight: 500;
}

.team-tasks-saved-chip a:hover {
  color: var(--team-accent-deep);
}

.team-tasks-saved-chip__remove {
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--team-text-muted);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  display: grid;
  place-items: center;
}

.team-tasks-saved-chip__remove:hover {
  background: color-mix(in srgb, var(--status-danger, #c0392b) 12%, transparent);
  color: var(--status-danger, #c0392b);
}

.team-tasks-saved__form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.team-tasks-saved__form .team-input {
  flex: 1 1 180px;
  min-width: 0;
}

.team-tasks-panel {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-tasks-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--team-glass-border);
}

.team-tasks-panel__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 0.9375rem;
  font-weight: 700;
}

.team-tasks-panel__count {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  display: inline-grid;
  place-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface-2));
}

.team-tasks-list {
  padding: 6px 8px 10px;
}

/* Task rows — refined */
.team-task-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  margin: 0 0 4px;
  border-radius: var(--radius-md);
  border: 1px solid transparent;
  transition:
    background var(--duration-fast),
    border-color var(--duration-fast),
    box-shadow var(--duration-fast);
}

.team-task-row:hover {
  background: var(--team-surface-2);
  border-color: var(--team-glass-border);
}

.team-task-row.is-overdue {
  background: color-mix(in srgb, var(--status-danger, #c0392b) 5%, var(--team-surface));
  border-color: color-mix(in srgb, var(--status-danger, #c0392b) 18%, var(--team-glass-border));
}

.team-task-row.is-done {
  opacity: 0.62;
}

.team-task-row.is-done .team-task-row__title {
  text-decoration: line-through;
  color: var(--team-text-muted);
}

.team-task-row__toggle {
  margin: 0;
  flex-shrink: 0;
  padding-top: 2px;
}

.team-task-check {
  position: relative;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.team-task-row__check {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}

.team-task-check__box {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1.5px solid color-mix(in srgb, var(--team-accent) 40%, var(--team-glass-border));
  background: var(--team-surface);
  transition: background var(--duration-fast), border-color var(--duration-fast);
}

.team-task-row__check:checked + .team-task-check__box {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
}

.team-task-row__check:checked + .team-task-check__box::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-1px, -1px);
}

.team-task-row__check:focus-visible + .team-task-check__box {
  outline: 2px solid var(--team-accent);
  outline-offset: 2px;
}

.team-task-row__body {
  flex: 1;
  min-width: 0;
}

.team-task-row__title {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--team-text);
  text-decoration: none;
  margin-bottom: 6px;
}

.team-task-row__title:hover {
  color: var(--team-accent-deep);
}

.team-task-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.team-task-row__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-task-row__tag--date {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-task-row__actions {
  flex-shrink: 0;
  opacity: 0;
  transition: opacity var(--duration-fast);
}

.team-task-row:hover .team-task-row__actions,
.team-task-row:focus-within .team-task-row__actions {
  opacity: 1;
}

.team-task-row__snooze {
  width: 30px;
  height: 30px;
  border: 1px solid var(--team-glass-border);
  border-radius: 8px;
  background: var(--team-surface);
  color: var(--team-text-muted);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-task-row__snooze:hover {
  background: var(--team-surface-2);
  color: var(--team-accent-deep);
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
}

.team-tasks-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 48px 20px;
  text-align: center;
}

.team-tasks-empty__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
}

.team-tasks-empty p {
  margin: 0;
  max-width: 28ch;
  font-size: 0.875rem;
  color: var(--team-text-muted);
  line-height: 1.5;
}

.team-dash-task-list .team-tasks-empty {
  padding: 24px 12px;
}

.team-dash-task-list .team-tasks-empty .team-btn-primary {
  display: none;
}

@media (max-width: 900px) {
  .team-tasks-hero {
    padding: 16px;
  }

  .team-tasks-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-tasks-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .team-tasks-filters::-webkit-scrollbar {
    display: none;
  }

  .team-tasks-scope {
    align-self: flex-start;
  }

  .team-task-row__actions {
    opacity: 1;
  }

  .team-task-row {
    padding: 10px 12px;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .team-tasks-saved__form {
    flex-direction: column;
    align-items: stretch;
  }

  .team-tasks-saved__form .team-btn-ghost {
    width: 100%;
    justify-content: center;
  }
}

/* ═══════════════════════════════════════════════════════════
   Standup — daily briefing layout
   ═══════════════════════════════════════════════════════════ */

.team-standup {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-standup-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 85% 120% at 100% 0%, color-mix(in srgb, var(--team-gold, #c9a84c) 10%, transparent), transparent 55%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-standup-hero__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-standup-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-standup-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.5;
  max-width: 42ch;
}

.team-standup-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-standup-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-standup-action:hover {
  background: var(--team-surface-hover);
  transform: translateY(-1px);
}

.team-standup-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-standup-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
}

.team-standup-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.team-standup-layout {
  display: grid;
  gap: 16px;
  align-items: start;
}

@media (min-width: 1024px) {
  .team-standup-layout {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  }
}

.team-standup-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.team-standup-aside {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.team-standup-panel {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-standup-panel--warn {
  border-color: color-mix(in srgb, var(--status-warning, #b8860b) 25%, var(--team-glass-border));
}

.team-standup-panel--danger {
  border-color: color-mix(in srgb, var(--status-danger, #c0392b) 25%, var(--team-glass-border));
}

.team-standup-panel--risk {
  border-color: color-mix(in srgb, var(--status-warning, #b8860b) 20%, var(--team-glass-border));
  background: color-mix(in srgb, var(--status-warning, #b8860b) 3%, var(--team-surface));
}

.team-standup-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--team-glass-border);
}

.team-standup-panel__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 0.9375rem;
  font-weight: 700;
}

.team-standup-panel__sub {
  margin: 4px 0 0;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-standup-panel__sub--danger {
  color: var(--status-danger, #c0392b);
}

.team-standup-panel__count {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  display: inline-grid;
  place-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface-2));
}

.team-standup-list {
  padding: 6px 8px 10px;
}

.team-standup-list--compact .team-task-row {
  padding: 8px 10px;
  margin-bottom: 2px;
}

.team-standup-list--compact .team-tasks-empty {
  padding: 24px 16px;
}

.team-standup-list .team-tasks-empty .team-btn-primary {
  display: none;
}

.team-standup-team {
  padding: 8px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-standup-team-item {
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
}

.team-standup-team-item__title {
  margin: 0 0 6px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.team-standup-team-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.team-standup-team-item__who {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface));
}

.team-standup-team-item__client {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-standup-aside-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 28px 16px;
  text-align: center;
  color: var(--team-text-muted);
}

.team-standup-aside-empty p {
  margin: 0;
  font-size: 0.8125rem;
}

.team-standup-risks {
  padding: 8px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-standup-risk {
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
}

.team-standup-risk.is-overdue {
  border-color: color-mix(in srgb, var(--status-danger, #c0392b) 30%, var(--team-glass-border));
}

.team-standup-risk.is-soon {
  border-color: color-mix(in srgb, var(--status-warning, #b8860b) 30%, var(--team-glass-border));
}

.team-standup-risk__client {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--team-text);
  text-decoration: none;
  margin-bottom: 4px;
}

.team-standup-risk__client:hover {
  color: var(--team-accent-deep);
}

.team-standup-risk__deadline {
  margin: 0 0 8px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

@media (max-width: 900px) {
  .team-standup-hero {
    padding: 16px;
  }

  .team-standup-hero__actions {
    width: 100%;
  }

  .team-standup-action {
    flex: 1;
    justify-content: center;
  }

  .team-standup-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .team-standup-kpis {
    gap: 8px;
  }
}

/* ═══════════════════════════════════════════════════════════
   Ideas bank — card grid + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-ideas {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-ideas-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 100% at 0% 100%, color-mix(in srgb, var(--team-gold, #c9a84c) 12%, transparent), transparent 55%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-ideas-hero__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-ideas-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-ideas-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-ideas-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-ideas-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-ideas-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-ideas-toolbar {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-ideas-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow-x: auto;
}

.team-ideas-filters--status {
  background: var(--team-surface-2);
}

.team-ideas-filter {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-ideas-filter:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface));
}

.team-ideas-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-ideas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
}

.team-ideas-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-ideas-grid {
    display: none;
  }

  .team-ideas-table {
    display: block;
  }
}

.team-ideas-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition:
    border-color var(--duration-fast),
    box-shadow var(--duration-fast),
    transform var(--duration-fast);
}

.team-ideas-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-ideas-card.is-committed {
  border-color: color-mix(in srgb, var(--team-accent) 35%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 4%, var(--team-surface));
}

.team-ideas-card.is-converted {
  opacity: 0.75;
}

.team-ideas-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.team-ideas-card__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  flex: 1;
  min-width: 0;
}

.team-ideas-card__title a {
  color: var(--team-text);
  text-decoration: none;
}

.team-ideas-card__title a:hover {
  color: var(--team-accent-deep);
}

.team-ideas-card__badge {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 0.625rem;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
}

.team-ideas-card__desc {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--team-text-muted);
}

.team-ideas-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.team-ideas-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-ideas-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid var(--team-glass-border);
}

.team-ideas-card__btn {
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-ideas-card__btn:hover {
  background: var(--team-surface-hover);
  color: var(--team-text);
}

.team-ideas-card__btn--primary {
  color: var(--team-accent-deep);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface));
}

.team-ideas-card__btn--primary:hover {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
}

.team-ideas-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 56px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: color-mix(in srgb, var(--team-surface-2) 60%, var(--team-surface));
}

.team-ideas-empty__icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-gold, #c9a84c) 15%, var(--team-surface-2));
}

.team-ideas-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1rem;
  font-weight: 700;
}

.team-ideas-empty p {
  margin: 0;
  max-width: 32ch;
  font-size: 0.875rem;
  color: var(--team-text-muted);
  line-height: 1.5;
}

@media (max-width: 900px) {
  .team-ideas-hero {
    padding: 16px;
  }

  .team-ideas-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .team-ideas-filters::-webkit-scrollbar {
    display: none;
  }

  .team-ideas-grid {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════════════
   Scenarios archive — card grid + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-scenarios {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-scenarios-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 75% 100% at 100% 50%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 55%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-scenarios-hero__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-scenarios-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-scenarios-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-scenarios-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-scenarios-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-scenarios-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-scenarios-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-scenarios-search__field {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 200px;
  min-width: 0;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
}

.team-scenarios-search__field .team-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  padding-inline: 0;
}

.team-scenarios-search__field .team-input:focus {
  outline: none;
  box-shadow: none;
}

.team-scenarios-search__select {
  flex: 0 1 180px;
  min-width: 140px;
}

.team-scenarios-search__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-scenarios-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow-x: auto;
}

.team-scenarios-filter {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-scenarios-filter:hover {
  color: var(--team-accent-deep);
  background: var(--team-surface-2);
}

.team-scenarios-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-scenarios-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 12px;
}

.team-scenarios-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-scenarios-grid {
    display: none;
  }

  .team-scenarios-table {
    display: block;
  }
}

.team-scenarios-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition:
    border-color var(--duration-fast),
    box-shadow var(--duration-fast),
    transform var(--duration-fast);
}

.team-scenarios-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-scenarios-card--approved {
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
}

.team-scenarios-card--pending_mgr,
.team-scenarios-card--pending_client {
  border-color: color-mix(in srgb, var(--status-warning, #b8860b) 28%, var(--team-glass-border));
}

.team-scenarios-card--rejected {
  opacity: 0.82;
  border-color: color-mix(in srgb, var(--status-danger, #c0392b) 22%, var(--team-glass-border));
}

.team-scenarios-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.team-scenarios-card__type {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--team-accent-deep);
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
}

.team-scenarios-card__version {
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-scenarios-card__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.team-scenarios-card__title a {
  color: var(--team-text);
  text-decoration: none;
}

.team-scenarios-card__title a:hover {
  color: var(--team-accent-deep);
}

.team-scenarios-card__hook {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--team-text-muted);
  font-style: italic;
}

.team-scenarios-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.team-scenarios-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-scenarios-card__score {
  margin-inline-start: auto;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--team-accent-deep);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
}

.team-scenarios-card__foot {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid var(--team-glass-border);
}

.team-scenarios-card__open {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-scenarios-card__open:hover {
  color: var(--team-accent);
}

.team-scenarios-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 56px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: color-mix(in srgb, var(--team-surface-2) 60%, var(--team-surface));
}

.team-scenarios-empty__icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface-2));
}

.team-scenarios-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1rem;
  font-weight: 700;
}

.team-scenarios-empty p {
  margin: 0;
  max-width: 34ch;
  font-size: 0.875rem;
  color: var(--team-text-muted);
  line-height: 1.5;
}

@media (max-width: 900px) {
  .team-scenarios-hero {
    padding: 16px;
  }

  .team-scenarios-search {
    flex-direction: column;
    align-items: stretch;
  }

  .team-scenarios-search__select {
    flex: 1;
    width: 100%;
  }

  .team-scenarios-filters {
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-scenarios-filters::-webkit-scrollbar {
    display: none;
  }

  .team-scenarios-grid {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════════════
   Viral library — card grid
   ═══════════════════════════════════════════════════════════ */

.team-library {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-library-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 100% at 100% 0%, color-mix(in srgb, var(--team-gold, #c9a84c) 12%, transparent), transparent 55%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-library-hero__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-library-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-library-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-library-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-library-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-library-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-library-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-library-search__field {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 220px;
  min-width: 0;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
}

.team-library-search__field .team-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  padding-inline: 0;
}

.team-library-search__field .team-input:focus {
  outline: none;
  box-shadow: none;
}

.team-library-search__select {
  flex: 0 1 160px;
  min-width: 130px;
}

.team-library-search__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-library-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
}

.team-library-filter {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-library-filter:hover {
  color: var(--team-accent-deep);
  background: var(--team-surface-2);
}

.team-library-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-library-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 14px;
}

.team-library-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition:
    border-color var(--duration-fast),
    box-shadow var(--duration-fast),
    transform var(--duration-fast);
}

.team-library-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.team-library-card__media {
  position: relative;
  background: var(--team-surface-2);
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.team-library-card__embed,
.team-library-card__embed iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.team-library-card__placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--team-text-muted);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--team-gold, #c9a84c) 8%, var(--team-surface-2)),
    var(--team-surface-2)
  );
}

.team-library-card__score {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
  background: rgba(15, 26, 18, 0.72);
  backdrop-filter: blur(4px);
}

.team-library-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  flex: 1;
}

.team-library-card__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-library-card__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-library-card__title a {
  color: var(--team-text);
  text-decoration: none;
}

.team-library-card__title a:hover {
  color: var(--team-accent-deep);
}

.team-library-card__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-library-card__hook {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.75rem;
  color: var(--team-accent-deep);
}

.team-library-card__hook span {
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-library-card__why {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--team-text-muted);
}

.team-library-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.team-library-card__tag {
  font-size: 0.6875rem;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
}

.team-library-card__clients {
  margin: 0;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-library-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid var(--team-glass-border);
  background: color-mix(in srgb, var(--team-surface-2) 40%, var(--team-surface));
}

.team-library-card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  text-decoration: none;
}

.team-library-card__link:hover {
  color: var(--team-accent-deep);
}

.team-library-card__scenario {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 28px;
  padding: 0 10px;
  margin-inline-start: auto;
  border: none;
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  color: #fff;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: filter var(--duration-fast);
}

.team-library-card__scenario:hover {
  filter: brightness(1.06);
}

.team-library-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 56px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: color-mix(in srgb, var(--team-surface-2) 60%, var(--team-surface));
}

.team-library-empty__icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-gold, #c9a84c) 15%, var(--team-surface-2));
}

.team-library-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1rem;
  font-weight: 700;
}

.team-library-empty p {
  margin: 0;
  max-width: 34ch;
  font-size: 0.875rem;
  color: var(--team-text-muted);
  line-height: 1.5;
}

@media (max-width: 900px) {
  .team-library-hero {
    padding: 16px;
  }

  .team-library-search {
    flex-direction: column;
    align-items: stretch;
  }

  .team-library-search__select {
    width: 100%;
    flex: 1;
  }

  .team-library-filters {
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-library-filters::-webkit-scrollbar {
    display: none;
  }

  .team-library-grid {
    grid-template-columns: 1fr;
  }

  .team-library-card__scenario {
    margin-inline-start: 0;
    width: 100%;
    justify-content: center;
  }
}

/* ═══════════════════════════════════════════════════════════
   Client wishes — card grid + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-wishes {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-wishes-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 75% 100% at 0% 100%, color-mix(in srgb, var(--team-teal, #6ec4b5) 10%, transparent), transparent 55%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-wishes-hero__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-wishes-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-wishes-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-wishes-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-wishes-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-wishes-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-wishes-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-wishes-search__select {
  flex: 1 1 200px;
  min-width: 160px;
}

.team-wishes-search__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-wishes-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
}

.team-wishes-filter {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-wishes-filter:hover {
  color: var(--team-accent-deep);
  background: var(--team-surface-2);
}

.team-wishes-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-wishes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 12px;
}

.team-wishes-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-wishes-grid {
    display: none;
  }

  .team-wishes-table {
    display: block;
  }
}

.team-wishes-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition:
    border-color var(--duration-fast),
    box-shadow var(--duration-fast),
    transform var(--duration-fast);
}

.team-wishes-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-wishes-card--done {
  opacity: 0.82;
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
}

.team-wishes-card--in_progress {
  border-color: color-mix(in srgb, var(--status-warning, #b8860b) 25%, var(--team-glass-border));
}

.team-wishes-card__head {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-wishes-card__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-wishes-card__title a {
  color: var(--team-text);
  text-decoration: none;
}

.team-wishes-card__title a:hover {
  color: var(--team-accent-deep);
}

.team-wishes-card__desc {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--team-text-muted);
}

.team-wishes-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.team-wishes-card__client {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-wishes-card__client:hover {
  text-decoration: underline;
}

.team-wishes-card__tag {
  font-size: 0.6875rem;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
}

.team-wishes-card__tag--date {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.team-wishes-card__linked {
  margin: 0;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-wishes-card__foot {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid var(--team-glass-border);
}

.team-wishes-card__edit {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-wishes-card__edit:hover {
  color: var(--team-accent);
}

.team-wishes-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 56px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: color-mix(in srgb, var(--team-surface-2) 60%, var(--team-surface));
}

.team-wishes-empty__icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, var(--team-surface-2));
}

.team-wishes-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1rem;
  font-weight: 700;
}

.team-wishes-empty p {
  margin: 0;
  max-width: 34ch;
  font-size: 0.875rem;
  color: var(--team-text-muted);
  line-height: 1.5;
}

@media (max-width: 900px) {
  .team-wishes-hero {
    padding: 16px;
  }

  .team-wishes-search {
    flex-direction: column;
    align-items: stretch;
  }

  .team-wishes-search__select {
    width: 100%;
  }

  .team-wishes-filters {
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-wishes-filters::-webkit-scrollbar {
    display: none;
  }

  .team-wishes-grid {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════════════
   Production pipeline — Kanban redesign
   ═══════════════════════════════════════════════════════════ */

.team-pipeline {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-pipeline-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, var(--team-accent) 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-teal, #6ec4b5) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-pipeline-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-pipeline-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-pipeline-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-pipeline-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-pipeline-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-pipeline-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-pipeline-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-pipeline-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 1 1 280px;
}

.team-pipeline-search__select {
  flex: 1 1 200px;
  min-width: 160px;
}

.team-pipeline-search__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-pipeline-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-pipeline-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-pipeline-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-pipeline-stages {
  display: flex;
  gap: 6px;
  padding: 6px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.team-pipeline-stages::-webkit-scrollbar {
  display: none;
}

.team-pipeline-stage {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  transition: background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);
}

.team-pipeline-stage:hover {
  color: var(--team-text);
  border-color: var(--team-glass-border);
}

.team-pipeline-stage.has-items {
  color: var(--team-text);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-pipeline-stage__label {
  white-space: nowrap;
}

.team-pipeline-stage__count {
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--team-surface);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--team-text-muted);
}

.team-pipeline-stage.has-items .team-pipeline-stage__count {
  background: color-mix(in srgb, var(--team-accent) 18%, var(--team-surface));
  color: var(--team-accent-deep);
}

.team-pipeline-board {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.team-pipeline-hint {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0 4px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-pipeline .team-kanban {
  gap: 12px;
  padding: 4px 2px 12px;
  min-height: 420px;
}

.team-pipeline-col {
  scroll-margin-top: 12px;
  display: flex;
  flex-direction: column;
  flex: 0 0 min(272px, 78vw);
  max-height: min(72vh, 680px);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--team-surface-2) 85%, transparent);
  border: 1px solid var(--team-glass-border);
  overflow: hidden;
}

.team-pipeline-col__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  background: var(--team-surface);
  border-bottom: 1px solid var(--team-glass-border);
  border-radius: 0;
}

.team-pipeline-col__title {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
}

.team-pipeline-col__badge {
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--team-text-muted);
  flex-shrink: 0;
}

.team-pipeline-drop {
  flex: 1;
  min-height: 120px;
  padding: 10px;
  overflow-y: auto;
}

.team-pipeline-drop.is-drag-over {
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
  outline: 2px dashed color-mix(in srgb, var(--team-accent) 35%, transparent);
  outline-offset: -4px;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.team-pipeline-col__empty {
  margin: 0;
  padding: 20px 8px;
  text-align: center;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  border: 1px dashed color-mix(in srgb, var(--team-glass-border) 80%, transparent);
  border-radius: var(--radius-md);
}

.team-pipeline-card {
  padding: 12px;
  margin-bottom: 8px;
  cursor: grab;
  transition: box-shadow var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast);
}

.team-pipeline-card:last-child {
  margin-bottom: 0;
}

.team-pipeline-card:active {
  cursor: grabbing;
  transform: scale(0.98);
}

.team-pipeline-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.team-pipeline-card__client {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--team-text);
  text-decoration: none;
}

.team-pipeline-card__client:hover {
  color: var(--team-accent-deep);
}

.team-pipeline-card__date {
  flex-shrink: 0;
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-pipeline-card__metrics {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
}

.team-pipeline-metric__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.team-pipeline-metric__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-pipeline-metric__nums {
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
}

.team-pipeline-card__foot {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-pipeline-card__link {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 8px;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  color: var(--team-text-muted);
  text-decoration: none;
  transition: color var(--duration-fast), background var(--duration-fast);
}

.team-pipeline-card__link:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, transparent);
}

.team-pipeline-card__advance {
  margin-inline-start: auto;
}

.team-pipeline-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-pipeline-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-pipeline-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-pipeline-empty p {
  margin: 0;
  max-width: 36ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-pipeline-hero {
    padding: 16px;
  }

  .team-pipeline-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-pipeline-search__select {
    width: 100%;
  }

  .team-pipeline-links {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-pipeline-links::-webkit-scrollbar {
    display: none;
  }

  .team-pipeline .team-kanban {
    min-height: 360px;
  }

  .team-pipeline-col {
    flex-basis: min(260px, 88vw);
    max-height: min(65vh, 560px);
  }
}

/* ═══════════════════════════════════════════════════════════
   Content calendar — redesign
   ═══════════════════════════════════════════════════════════ */

.team-content-cal {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-content-cal-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, var(--team-teal, #6ec4b5) 14%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-content-cal-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-content-cal-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-content-cal-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-content-cal-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-content-cal-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-content-cal-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-content-cal-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-content-cal-sync {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-content-cal-sync__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.team-content-cal-sync__summary::-webkit-details-marker {
  display: none;
}

.team-content-cal-sync__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.team-content-cal-sync__meta {
  margin-inline-start: auto;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-content-cal-pill {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  font-weight: 600;
}

.team-content-cal-pill--ok {
  color: var(--status-success);
  background: var(--status-success-bg);
}

.team-content-cal-pill--warn {
  color: var(--status-warning);
  background: var(--status-warning-bg);
}

.team-content-cal-sync__body {
  padding: 0 16px 16px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-content-cal-sync__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 14px;
}

.team-content-cal-sync__form {
  margin: 0;
}

.team-content-cal-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--duration-fast), border-color var(--duration-fast);
}

.team-content-cal-btn:hover {
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-content-cal-btn--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
}

.team-content-cal-btn--primary:hover {
  filter: brightness(1.05);
  color: #fff;
}

.team-content-cal-map {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed color-mix(in srgb, var(--team-glass-border) 80%, transparent);
}

.team-content-cal-map__label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-content-cal-map__fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 8px;
  align-items: center;
}

.team-content-cal-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-content-cal-nav {
  display: flex;
  align-items: center;
  gap: 6px;
}

.team-content-cal-nav__btn {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  text-decoration: none;
  transition: color var(--duration-fast), background var(--duration-fast);
}

.team-content-cal-nav__btn:hover {
  color: var(--team-text);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-content-cal-nav__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 120px;
  padding: 0 4px;
  text-align: center;
}

.team-content-cal-nav__label strong {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}

.team-content-cal-nav__label span {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-content-cal-nav__today {
  min-height: 30px;
  padding: 0 12px;
  margin-inline-start: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color var(--duration-fast), background var(--duration-fast);
}

.team-content-cal-nav__today:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-content-cal-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 1 1 200px;
}

.team-content-cal-filter__select {
  flex: 1 1 180px;
  min-width: 140px;
}

.team-content-cal-filter__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-content-cal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-content-cal-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-content-cal-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-content-cal-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 4px;
}

.team-content-cal-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  font-weight: 500;
  border-inline-start: 3px solid transparent;
}

.team-content-cal-legend__item--scheduled {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  border-inline-start-color: var(--team-accent);
}

.team-content-cal-legend__item--published {
  color: var(--status-success);
  background: var(--status-success-bg);
  border-inline-start-color: var(--status-success);
}

.team-content-cal-legend__item--missed {
  color: var(--status-danger, #c44);
  background: color-mix(in srgb, var(--status-danger, #c44) 10%, var(--team-surface-2));
  border-inline-start-color: var(--status-danger, #c44);
}

.team-content-cal-board {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-content-cal-grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px;
  min-width: min(100%, 720px);
}

.team-content-cal-grid__head,
.team-content-cal-grid__week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}

.team-content-cal-grid__head span {
  padding: 6px 4px;
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--team-text-muted);
}

.team-content-cal-day {
  display: flex;
  flex-direction: column;
  min-height: 96px;
  padding: 8px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--team-glass-border) 80%, transparent);
  background: var(--team-surface-2);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
}

.team-content-cal-day.is-muted {
  opacity: 0.42;
}

.team-content-cal-day.is-today {
  border-color: color-mix(in srgb, var(--team-accent) 45%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--team-accent) 12%, transparent);
}

.team-content-cal-day__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin-bottom: 6px;
}

.team-content-cal-day__num {
  font-size: 0.8125rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
}

.team-content-cal-day.is-today .team-content-cal-day__num {
  color: var(--team-accent-deep);
}

.team-content-cal-day__count {
  min-width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--team-accent) 14%, var(--team-surface));
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--team-accent-deep);
}

.team-content-cal-day__slots {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.team-content-cal-slot {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 5px 7px;
  border-radius: 8px;
  border-inline-start: 3px solid var(--team-accent);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface));
  text-decoration: none;
  color: inherit;
  transition: transform var(--duration-fast), box-shadow var(--duration-fast);
}

.team-content-cal-slot:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

.team-content-cal-slot--scheduled {
  border-inline-start-color: var(--team-accent);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface));
}

.team-content-cal-slot--published {
  border-inline-start-color: var(--status-success);
  background: var(--status-success-bg);
}

.team-content-cal-slot--missed {
  border-inline-start-color: var(--status-danger, #c44);
  background: color-mix(in srgb, var(--status-danger, #c44) 10%, var(--team-surface));
}

.team-content-cal-slot__time {
  font-size: 0.625rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
}

.team-content-cal-slot__title {
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-content-cal-slot__meta {
  font-size: 0.625rem;
  color: var(--team-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-content-cal-agenda {
  display: none;
  flex-direction: column;
  gap: 10px;
}

.team-content-cal-agenda-day {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.team-content-cal-agenda-day.is-today {
  border-color: color-mix(in srgb, var(--team-accent) 35%, var(--team-glass-border));
}

.team-content-cal-agenda-day__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  background: var(--team-surface-2);
  border-bottom: 1px solid var(--team-glass-border);
  font-size: 0.8125rem;
}

.team-content-cal-agenda-day__head time {
  font-weight: 600;
}

.team-content-cal-agenda-day__head span {
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-content-cal-agenda-day__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
}

.team-content-cal-agenda-slot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  text-decoration: none;
  color: inherit;
  border-inline-start-width: 3px;
  transition: background var(--duration-fast);
}

.team-content-cal-agenda-slot:hover {
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-content-cal-agenda-slot.team-content-cal-slot--scheduled {
  border-inline-start-color: var(--team-accent);
}

.team-content-cal-agenda-slot.team-content-cal-slot--published {
  border-inline-start-color: var(--status-success);
  background: color-mix(in srgb, var(--status-success) 8%, var(--team-surface-2));
}

.team-content-cal-agenda-slot.team-content-cal-slot--missed {
  border-inline-start-color: var(--status-danger, #c44);
  background: color-mix(in srgb, var(--status-danger, #c44) 8%, var(--team-surface-2));
}

.team-content-cal-agenda-slot__time {
  flex-shrink: 0;
  min-width: 42px;
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
}

.team-content-cal-agenda-slot__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.team-content-cal-agenda-slot__body strong {
  font-size: 0.8125rem;
  line-height: 1.35;
}

.team-content-cal-agenda-slot__body small {
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-content-cal-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-content-cal-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-content-cal-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-content-cal-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

.team-content-cal-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 4px;
}

@media (max-width: 767px) {
  .team-content-cal-hero {
    padding: 16px;
  }

  .team-content-cal-hero__actions {
    width: 100%;
  }

  .team-content-cal-action {
    flex: 1 1 auto;
    justify-content: center;
  }

  .team-content-cal-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-content-cal-nav {
    justify-content: center;
  }

  .team-content-cal-filter__select {
    width: 100%;
  }

  .team-content-cal-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-content-cal-links::-webkit-scrollbar {
    display: none;
  }

  .team-content-cal-board {
    display: none;
  }

  .team-content-cal-agenda {
    display: flex;
  }

  .team-content-cal-sync__meta {
    width: 100%;
    margin-inline-start: 0;
  }

  .team-content-cal-map__fields {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .team-content-cal-board {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .team-content-cal-grid {
    min-width: 640px;
  }

  .team-content-cal-day {
    min-height: 88px;
  }
}

/* ═══════════════════════════════════════════════════════════
   Content items — card grid + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-content-items {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-content-items-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, var(--team-accent) 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-teal, #6ec4b5) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-content-items-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-content-items-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-content-items-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-content-items-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-content-items-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-content-items-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-content-items-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-content-items-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 1 1 280px;
}

.team-content-items-search__select {
  flex: 1 1 200px;
  min-width: 160px;
}

.team-content-items-search__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-content-items-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-content-items-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-content-items-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-content-items-filters {
  display: flex;
  gap: 6px;
  padding: 6px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.team-content-items-filters::-webkit-scrollbar {
  display: none;
}

.team-content-items-filter {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-content-items-filter:hover {
  color: var(--team-text);
  border-color: var(--team-glass-border);
}

.team-content-items-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-content-items-progress {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 4px 2px 8px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.team-content-items-progress::-webkit-scrollbar {
  display: none;
}

.team-content-items-progress-card {
  flex: 0 0 min(240px, 78vw);
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-content-items-progress-card__name {
  display: block;
  margin-bottom: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--team-text);
  text-decoration: none;
}

.team-content-items-progress-card__name:hover {
  color: var(--team-accent-deep);
}

.team-content-items-progress-card__meta {
  margin: 6px 0 0;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-content-items-bulk {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-content-items-bulk__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
  font-size: 0.8125rem;
  font-weight: 600;
  user-select: none;
}

.team-content-items-bulk__summary::-webkit-details-marker {
  display: none;
}

.team-content-items-bulk__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 0 16px 16px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-content-items-bulk__check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-content-items-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}

.team-content-items-btn--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
}

.team-content-items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 12px;
}

.team-content-items-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-content-items-grid {
    display: none;
  }

  .team-content-items-table {
    display: block;
  }
}

.team-content-items-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition:
    border-color var(--duration-fast),
    box-shadow var(--duration-fast),
    transform var(--duration-fast);
}

.team-content-items-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-content-items-card.is-ready {
  border-color: color-mix(in srgb, var(--status-success) 35%, var(--team-glass-border));
}

.team-content-items-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.team-content-items-card__check {
  margin-inline-end: auto;
}

.team-content-items-type {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.team-content-items-type--reels {
  color: #6b4fa0;
  background: color-mix(in srgb, #6b4fa0 12%, var(--team-surface-2));
}

.team-content-items-type--story {
  color: #c76b1a;
  background: color-mix(in srgb, #c76b1a 12%, var(--team-surface-2));
}

.team-content-items-type--post {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface-2));
}

.team-content-items-card__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-content-items-card__title a {
  color: var(--team-text);
  text-decoration: none;
}

.team-content-items-card__title a:hover {
  color: var(--team-accent-deep);
}

.team-content-items-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.team-content-items-card__client {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
}

.team-content-items-card__client:hover {
  color: var(--team-accent-deep);
}

.team-content-items-card__tag {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-content-items-card__tag--date,
.team-content-items-card__tag--due {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.team-content-items-card__foot {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-content-items-card__link {
  font-size: 0.75rem;
  color: var(--team-text-muted);
  text-decoration: none;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
}

.team-content-items-card__link:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, transparent);
}

.team-content-items-card__action {
  margin: 0;
}

.team-content-items-card__publish {
  min-height: 28px;
  padding: 0 10px;
  margin-inline-start: auto;
  border-radius: var(--radius-pill);
  border: none;
  background: var(--status-success-bg);
  color: var(--status-success);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

.team-content-items-card__publish:hover {
  filter: brightness(0.97);
}

.team-content-items-card__gate {
  margin-inline-start: auto;
  color: var(--team-text-muted);
  opacity: 0.7;
}

.team-content-items-row-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
}

.team-content-items-table tr.is-ready {
  background: color-mix(in srgb, var(--status-success) 4%, var(--team-surface));
}

.team-content-items-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-content-items-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-content-items-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-content-items-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-content-items-hero {
    padding: 16px;
  }

  .team-content-items-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-content-items-search__select {
    width: 100%;
  }

  .team-content-items-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-content-items-links::-webkit-scrollbar {
    display: none;
  }

  .team-content-items-bulk__form {
    flex-direction: column;
    align-items: stretch;
  }
}

/* ═══════════════════════════════════════════════════════════
   Clients — card grid + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-clients {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-clients-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 75% 100% at 100% 0%, color-mix(in srgb, var(--team-accent) 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-teal, #6ec4b5) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-clients-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-clients-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-clients-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-clients-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-clients-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-clients-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-clients-stats {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.team-clients-stats::-webkit-scrollbar {
  display: none;
}

.team-clients-stat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: max-content;
  min-height: 38px;
  padding: 0 14px;
  border-radius: var(--radius-md);
  border: 1px solid transparent;
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);
}

.team-clients-stat:hover {
  color: var(--team-text);
  border-color: var(--team-glass-border);
}

.team-clients-stat.is-active {
  color: var(--team-text);
  background: var(--team-surface);
  border-color: var(--team-glass-border);
  box-shadow: var(--shadow-sm);
}

.team-clients-stat--good.is-active {
  border-color: color-mix(in srgb, var(--status-success) 35%, var(--team-glass-border));
}

.team-clients-stat--warn.is-active {
  border-color: color-mix(in srgb, var(--status-warning) 35%, var(--team-glass-border));
}

.team-clients-stat--risk.is-active {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 35%, var(--team-glass-border));
}

.team-clients-stat__count {
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: var(--team-surface);
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.team-clients-stat--good .team-clients-stat__count {
  color: var(--status-success);
  background: var(--status-success-bg);
}

.team-clients-stat--warn .team-clients-stat__count {
  color: var(--status-warning);
  background: var(--status-warning-bg);
}

.team-clients-stat--risk .team-clients-stat__count {
  color: var(--status-danger, #c44);
  background: color-mix(in srgb, var(--status-danger, #c44) 12%, var(--team-surface-2));
}

.team-clients-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
}

.team-clients-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-clients-grid {
    display: none;
  }

  .team-clients-table {
    display: block;
  }
}

.team-clients-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition:
    border-color var(--duration-fast),
    box-shadow var(--duration-fast),
    transform var(--duration-fast);
}

.team-clients-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-clients-card.is-inactive {
  opacity: 0.72;
}

.team-clients-card--warn {
  border-color: color-mix(in srgb, var(--status-warning) 22%, var(--team-glass-border));
}

.team-clients-card--risk {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 22%, var(--team-glass-border));
}

.team-clients-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.team-clients-card__brand {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--brand-color, var(--team-accent));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-color, var(--team-accent)) 25%, transparent);
  flex-shrink: 0;
}

.team-clients-card__inactive {
  margin-inline-start: auto;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-clients-card__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-clients-card__title a {
  color: var(--team-text);
  text-decoration: none;
}

.team-clients-card__title a:hover {
  color: var(--team-accent-deep);
}

.team-clients-card__industry {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-clients-card__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0;
}

.team-clients-metric {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 56px;
  padding: 6px 10px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
}

.team-clients-metric strong {
  font-size: 0.9375rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-clients-metric small {
  font-size: 0.625rem;
  color: var(--team-text-muted);
}

.team-clients-metric.has-tasks strong {
  color: var(--status-warning);
}

.team-clients-metric--sync {
  flex-direction: row;
  gap: 4px;
  color: var(--team-accent-deep);
}

.team-clients-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-clients-card__link {
  font-size: 0.75rem;
  color: var(--team-text-muted);
  text-decoration: none;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
}

.team-clients-card__link:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, transparent);
}

.team-clients-card__edit {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-clients-card__edit:hover {
  color: var(--team-accent);
}

.team-clients-row__name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--team-text);
  text-decoration: none;
}

.team-clients-row__name:hover {
  color: var(--team-accent-deep);
}

.team-clients-row__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand-color, var(--team-accent));
  flex-shrink: 0;
}

.team-clients-row__tasks {
  font-weight: 600;
  color: var(--status-warning);
}

.team-clients-row__status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  background: var(--team-surface-2);
}

.team-clients-row__status--active {
  color: var(--status-success);
  background: var(--status-success-bg);
}

.team-clients-row__calendar {
  display: inline-flex;
  margin-inline-start: 6px;
  color: var(--team-accent-deep);
  vertical-align: middle;
}

.team-clients-row.is-inactive {
  opacity: 0.72;
}

.team-clients-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-clients-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-clients-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-clients-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-clients-hero {
    padding: 16px;
  }

  .team-clients-stat {
    flex: 0 0 auto;
  }
}

/* ═══════════════════════════════════════════════════════════
   Meetings — card grid + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-meetings {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-meetings-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 100% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-meetings-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-meetings-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-meetings-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-meetings-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-meetings-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-meetings-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-meetings-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-meetings-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 1 1 280px;
}

.team-meetings-search__select {
  flex: 1 1 200px;
  min-width: 160px;
}

.team-meetings-search__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-meetings-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-meetings-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-meetings-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-meetings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 12px;
}

.team-meetings-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-meetings-grid {
    display: none;
  }

  .team-meetings-table {
    display: block;
  }
}

.team-meetings-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition:
    border-color var(--duration-fast),
    box-shadow var(--duration-fast),
    transform var(--duration-fast);
}

.team-meetings-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-meetings-card.has-open-actions {
  border-color: color-mix(in srgb, var(--status-warning) 28%, var(--team-glass-border));
}

.team-meetings-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
}

.team-meetings-card__date {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--team-accent-deep);
}

.team-meetings-card__year {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-meetings-card__badge {
  margin-inline-start: auto;
  min-height: 22px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  background: var(--status-warning-bg);
  color: var(--status-warning);
  font-size: 0.6875rem;
  font-weight: 600;
}

.team-meetings-card__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-meetings-card__title a {
  color: var(--team-text);
  text-decoration: none;
}

.team-meetings-card__title a:hover {
  color: var(--team-accent-deep);
}

.team-meetings-card__summary {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--team-text-muted);
}

.team-meetings-card__summary--empty {
  font-style: italic;
  opacity: 0.75;
}

.team-meetings-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.team-meetings-card__client {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--team-text-muted);
  text-decoration: none;
}

.team-meetings-card__client:hover {
  color: var(--team-accent-deep);
}

.team-meetings-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-meetings-card__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

.team-meetings-metric {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 52px;
  padding: 6px 10px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
}

.team-meetings-metric strong {
  font-size: 0.9375rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-meetings-metric small {
  font-size: 0.625rem;
  color: var(--team-text-muted);
}

.team-meetings-metric.has-open strong {
  color: var(--status-warning);
}

.team-meetings-metric--user {
  flex-direction: row;
  align-items: center;
  padding-inline: 12px;
}

.team-meetings-card__foot {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-meetings-card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-meetings-card__link:hover {
  color: var(--team-accent);
}

.team-meetings-row__actions.has-open {
  font-weight: 600;
  color: var(--status-warning);
}

.team-meetings-row__actions small {
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0.85;
}

.team-meetings-table tr.has-open-actions {
  background: color-mix(in srgb, var(--status-warning) 4%, var(--team-surface));
}

.team-meetings-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-meetings-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-meetings-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-meetings-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-meetings-hero {
    padding: 16px;
  }

  .team-meetings-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-meetings-search__select {
    width: 100%;
  }

  .team-meetings-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-meetings-links::-webkit-scrollbar {
    display: none;
  }
}

/* ═══════════════════════════════════════════════════════════
   Monthly program — Gantt + campaign cards
   ═══════════════════════════════════════════════════════════ */

.team-program {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-program-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, var(--team-accent) 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-teal, #6ec4b5) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-program-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-program-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-program-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-program-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-program-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-program-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-program-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-program-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: 10px;
}

.team-program-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-program-kpi__value {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-program-kpi__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-program-kpi--warn .team-program-kpi__value {
  color: var(--status-warning);
}

.team-program-kpi--danger .team-program-kpi__value {
  color: var(--status-danger, #c44);
}

.team-program-kpi--accent .team-program-kpi__value {
  color: var(--team-accent-deep);
}

.team-program-gantt {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-program-gantt__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px 16px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
}

.team-program-gantt__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
}

.team-program-gantt__range {
  margin: 4px 0 0;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-program-gantt__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-program-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: var(--team-surface);
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-program-legend-item::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--legend-color);
  flex-shrink: 0;
}

.team-program-gantt__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
}

.team-program-gantt__row {
  display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.team-program-gantt__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.team-program-gantt__label a {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--team-text);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-program-gantt__label a:hover {
  color: var(--team-accent-deep);
}

.team-program-gantt__label span {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-program-gantt__track {
  position: relative;
  height: 36px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  border: 1px solid var(--team-glass-border);
}

.team-program-gantt__today {
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 2px;
  margin-inline-start: -1px;
  border-radius: 1px;
  background: var(--team-accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--team-accent) 25%, transparent);
  z-index: 2;
  pointer-events: none;
}

.team-program-gantt__bar {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 72px;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  background: var(--bar-color);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: var(--shadow-sm);
  z-index: 1;
}

.team-program-gantt__empty {
  padding: 28px 16px;
  text-align: center;
}

.team-program-gantt__empty p {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-program-campaigns__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 4px;
}

.team-program-campaigns__head h2 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
}

.team-program-campaigns__head span {
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-program-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
}

.team-program-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-program-grid {
    display: none;
  }

  .team-program-table {
    display: block;
  }
}

.team-program-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
}

.team-program-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 22%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
}

.team-program-card--overdue {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 30%, var(--team-glass-border));
}

.team-program-card--soon {
  border-color: color-mix(in srgb, var(--status-warning) 30%, var(--team-glass-border));
}

.team-program-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.team-program-card__client {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--team-text);
  text-decoration: none;
  line-height: 1.35;
}

.team-program-card__client:hover {
  color: var(--team-accent-deep);
}

.team-program-card__month {
  flex-shrink: 0;
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-program-card__stage {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-program-card__deadline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-program-card__dates {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.team-program-card__dates div {
  padding: 6px 8px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
  text-align: center;
}

.team-program-card__dates dt {
  margin: 0;
  font-size: 0.625rem;
  color: var(--team-text-muted);
}

.team-program-card__dates dd {
  margin: 2px 0 0;
  font-size: 0.6875rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.team-program-card__progress {
  margin-top: auto;
  padding-top: 4px;
}

.team-program-card__progress-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-program-row--overdue {
  background: color-mix(in srgb, var(--status-danger, #c44) 4%, var(--team-surface));
}

.team-program-row--soon {
  background: color-mix(in srgb, var(--status-warning) 4%, var(--team-surface));
}

.team-program-row__deadline--overdue {
  color: var(--status-danger, #c44);
  font-weight: 600;
}

.team-program-row__deadline--soon {
  color: var(--status-warning);
  font-weight: 600;
}

.team-program-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-program-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-program-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-program-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-program-hero {
    padding: 16px;
  }

  .team-program-hero__actions {
    width: 100%;
  }

  .team-program-action {
    flex: 1 1 auto;
    justify-content: center;
  }

  .team-program-gantt__row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .team-program-gantt__track {
    height: 40px;
  }

  .team-program-gantt__legend {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-program-gantt__legend::-webkit-scrollbar {
    display: none;
  }

  .team-program-card__dates {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════════════
   Finance — invoice cards + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-finance {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-finance-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, #c9a227 10%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-finance-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-finance-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-finance-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-finance-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-finance-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-finance-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-finance-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-finance-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: 10px;
}

.team-finance-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-finance-kpi__value {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  word-break: break-all;
}

.team-finance-kpi__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-finance-kpi--warn .team-finance-kpi__value {
  color: var(--status-warning);
}

.team-finance-kpi--danger .team-finance-kpi__value {
  color: var(--status-danger, #c44);
}

.team-finance-kpi--accent .team-finance-kpi__value {
  color: var(--team-accent-deep);
}

.team-finance-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid color-mix(in srgb, var(--status-danger, #c44) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--status-danger, #c44) 8%, var(--team-surface));
  color: var(--status-danger, #c44);
  font-size: 0.8125rem;
  line-height: 1.45;
}

.team-finance-filters {
  display: flex;
  gap: 6px;
  padding: 6px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.team-finance-filters::-webkit-scrollbar {
  display: none;
}

.team-finance-filter {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-finance-filter:hover {
  color: var(--team-text);
  border-color: var(--team-glass-border);
}

.team-finance-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-finance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
}

.team-finance-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-finance-grid {
    display: none;
  }

  .team-finance-table {
    display: block;
  }
}

.team-finance-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);
}

.team-finance-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 22%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-finance-card.is-overdue,
.team-finance-card--overdue {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 30%, var(--team-glass-border));
}

.team-finance-card--paid {
  opacity: 0.88;
}

.team-finance-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.team-finance-card__type {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  font-weight: 600;
}

.team-finance-card__type--proforma {
  color: #3b6ea5;
  background: color-mix(in srgb, #3b6ea5 12%, var(--team-surface-2));
}

.team-finance-card__type--final {
  color: #6b4fa0;
  background: color-mix(in srgb, #6b4fa0 12%, var(--team-surface-2));
}

.team-finance-card__amount {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-finance-card__amount small {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--team-text-muted);
}

.team-finance-card__client {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

.team-finance-card__client a {
  color: var(--team-text);
  text-decoration: none;
}

.team-finance-card__client a:hover {
  color: var(--team-accent-deep);
}

.team-finance-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-finance-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-finance-card__tag--paid {
  color: var(--status-success);
  background: var(--status-success-bg);
}

.team-finance-card__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-finance-card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  text-decoration: none;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
}

.team-finance-card__link:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, transparent);
}

.team-finance-card__action {
  margin: 0;
  margin-inline-start: auto;
}

.team-finance-card__pay {
  min-height: 28px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: none;
  background: var(--status-success-bg);
  color: var(--status-success);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

.team-finance-card__pay:hover {
  filter: brightness(0.97);
}

.team-finance-row__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.team-finance-row.is-overdue,
.team-finance-row--overdue {
  background: color-mix(in srgb, var(--status-danger, #c44) 4%, var(--team-surface));
}

.team-finance-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-finance-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, #c9a227 12%, var(--team-surface-2));
  color: var(--team-accent-deep);
}

.team-finance-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-finance-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-finance-hero {
    padding: 16px;
  }

  .team-finance-hero__actions {
    width: 100%;
  }

  .team-finance-action {
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* ═══════════════════════════════════════════════════════════
   Monthly KPI report — cards + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-reports-monthly {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-reports-monthly-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, #3b6ea5 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-monthly-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-reports-monthly-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-reports-monthly-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-reports-monthly-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-reports-monthly-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-reports-monthly-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-reports-monthly-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-monthly-nav {
  display: flex;
  align-items: center;
  gap: 6px;
}

.team-reports-monthly-nav__btn {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  text-decoration: none;
  transition: color var(--duration-fast), background var(--duration-fast);
}

.team-reports-monthly-nav__btn:hover {
  color: var(--team-text);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-reports-monthly-nav__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 120px;
  padding: 0 4px;
  text-align: center;
}

.team-reports-monthly-nav__label strong {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}

.team-reports-monthly-nav__label span {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-reports-monthly-nav__today {
  min-height: 30px;
  padding: 0 12px;
  margin-inline-start: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color var(--duration-fast), background var(--duration-fast);
}

.team-reports-monthly-nav__today:hover {
  color: var(--team-accent-deep);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-reports-monthly-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-reports-monthly-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-reports-monthly-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-reports-monthly-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  gap: 10px;
}

.team-reports-monthly-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-monthly-kpi__value {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-reports-monthly-kpi__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-monthly-kpi--accent .team-reports-monthly-kpi__value {
  color: var(--team-accent-deep);
}

.team-reports-monthly-kpi--success .team-reports-monthly-kpi__value {
  color: var(--status-success);
}

.team-reports-monthly-kpi--warn .team-reports-monthly-kpi__value {
  color: var(--status-warning);
}

.team-reports-monthly-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 12px;
}

.team-reports-monthly-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-reports-monthly-grid {
    display: none;
  }

  .team-reports-monthly-table {
    display: block;
  }
}

.team-reports-monthly-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);
}

.team-reports-monthly-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 22%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-reports-monthly-card.is-complete {
  border-color: color-mix(in srgb, var(--status-success) 30%, var(--team-glass-border));
}

.team-reports-monthly-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.team-reports-monthly-card__client {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-reports-monthly-card__client a {
  color: var(--team-text);
  text-decoration: none;
}

.team-reports-monthly-card__client a:hover {
  color: var(--team-accent-deep);
}

.team-reports-monthly-metric__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-monthly-card__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-reports-monthly-card__form {
  margin: 0;
  flex: 1 1 auto;
}

.team-reports-monthly-card__btn {
  width: 100%;
  min-height: 30px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-reports-monthly-card__btn:hover {
  color: var(--team-text);
  background: color-mix(in srgb, var(--team-accent) 8%, var(--team-surface-2));
}

.team-reports-monthly-card__btn--primary {
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  color: var(--team-accent-deep);
  border-color: color-mix(in srgb, var(--team-accent) 25%, var(--team-glass-border));
}

.team-reports-monthly-table__metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 100px;
}

.team-reports-monthly-table__metric span {
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
}

.team-reports-monthly-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
}

.team-reports-monthly-table tr.is-complete {
  background: color-mix(in srgb, var(--status-success) 4%, var(--team-surface));
}

.team-reports-monthly-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-reports-monthly-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, #3b6ea5 12%, var(--team-surface-2));
  color: var(--team-accent-deep);
}

.team-reports-monthly-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-reports-monthly-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-reports-monthly-hero {
    padding: 16px;
  }

  .team-reports-monthly-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-reports-monthly-nav {
    justify-content: center;
  }

  .team-reports-monthly-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-reports-monthly-links::-webkit-scrollbar {
    display: none;
  }
}

/* ═══════════════════════════════════════════════════════════
   Client health report — score cards + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-reports-health {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-reports-health-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, color-mix(in srgb, var(--status-success) 10%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 100% 100%, color-mix(in srgb, var(--status-danger, #c44) 8%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-health-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-reports-health-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-reports-health-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-reports-health-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-reports-health-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-reports-health-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-reports-health-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-reports-health-stats {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.team-reports-health-stats::-webkit-scrollbar {
  display: none;
}

.team-reports-health-stat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: max-content;
  min-height: 38px;
  padding: 0 14px;
  border-radius: var(--radius-md);
  border: 1px solid transparent;
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);
}

.team-reports-health-stat:hover {
  color: var(--team-text);
  border-color: var(--team-glass-border);
}

.team-reports-health-stat.is-active {
  color: var(--team-text);
  background: var(--team-surface);
  border-color: var(--team-glass-border);
  box-shadow: var(--shadow-sm);
}

.team-reports-health-stat--good.is-active {
  border-color: color-mix(in srgb, var(--status-success) 35%, var(--team-glass-border));
}

.team-reports-health-stat--warn.is-active {
  border-color: color-mix(in srgb, var(--status-warning) 35%, var(--team-glass-border));
}

.team-reports-health-stat--risk.is-active {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 35%, var(--team-glass-border));
}

.team-reports-health-stat__count {
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: var(--team-surface);
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.team-reports-health-stat--good .team-reports-health-stat__count {
  color: var(--status-success);
  background: var(--status-success-bg);
}

.team-reports-health-stat--warn .team-reports-health-stat__count {
  color: var(--status-warning);
  background: var(--status-warning-bg);
}

.team-reports-health-stat--risk .team-reports-health-stat__count {
  color: var(--status-danger, #c44);
  background: color-mix(in srgb, var(--status-danger, #c44) 12%, var(--team-surface-2));
}

.team-reports-health-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  gap: 10px;
}

.team-reports-health-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-health-kpi__value {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-reports-health-kpi__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-health-kpi--accent .team-reports-health-kpi__value {
  color: var(--team-accent-deep);
}

.team-reports-health-kpi--success .team-reports-health-kpi__value {
  color: var(--status-success);
}

.team-reports-health-kpi--warn .team-reports-health-kpi__value {
  color: var(--status-warning);
}

.team-reports-health-kpi--danger .team-reports-health-kpi__value {
  color: var(--status-danger, #c44);
}

.team-reports-health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
}

.team-reports-health-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-reports-health-grid {
    display: none;
  }

  .team-reports-health-table {
    display: block;
  }
}

.team-reports-health-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);
}

.team-reports-health-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 22%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-reports-health-card--warn {
  border-color: color-mix(in srgb, var(--status-warning) 28%, var(--team-glass-border));
}

.team-reports-health-card--risk {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 28%, var(--team-glass-border));
}

.team-reports-health-card__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.team-reports-health-card__score {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(
    var(--team-accent) calc(var(--score, 0) * 1%),
    var(--team-surface-2) 0
  );
  position: relative;
}

.team-reports-health-card__score::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--team-surface);
}

.team-reports-health-card--good .team-reports-health-card__score {
  background: conic-gradient(
    var(--status-success) calc(var(--score, 0) * 1%),
    var(--team-surface-2) 0
  );
}

.team-reports-health-card--warn .team-reports-health-card__score {
  background: conic-gradient(
    var(--status-warning) calc(var(--score, 0) * 1%),
    var(--team-surface-2) 0
  );
}

.team-reports-health-card--risk .team-reports-health-card__score {
  background: conic-gradient(
    var(--status-danger, #c44) calc(var(--score, 0) * 1%),
    var(--team-surface-2) 0
  );
}

.team-reports-health-card__score-num {
  position: relative;
  z-index: 1;
  font-size: 0.875rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.team-reports-health-card__title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.team-reports-health-card__client {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-reports-health-card__client a {
  color: var(--team-text);
  text-decoration: none;
}

.team-reports-health-card__client a:hover {
  color: var(--team-accent-deep);
}

.team-reports-health-card__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-reports-health-metric {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 72px;
  padding: 6px 10px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
}

.team-reports-health-metric strong {
  font-size: 0.9375rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-reports-health-metric small {
  font-size: 0.625rem;
  color: var(--team-text-muted);
  text-align: center;
}

.team-reports-health-metric.has-issue strong {
  color: var(--status-warning);
}

.team-reports-health-card--risk .team-reports-health-metric.has-issue strong {
  color: var(--status-danger, #c44);
}

.team-reports-health-card__foot {
  margin-top: auto;
  padding-top: 4px;
}

.team-reports-health-card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-reports-health-card__link:hover {
  color: var(--team-accent);
}

.team-reports-health-row--risk {
  background: color-mix(in srgb, var(--status-danger, #c44) 4%, var(--team-surface));
}

.team-reports-health-row--warn {
  background: color-mix(in srgb, var(--status-warning) 4%, var(--team-surface));
}

.team-reports-health-row__issue {
  font-weight: 600;
  color: var(--status-warning);
}

.team-reports-health-row--risk .team-reports-health-row__issue {
  color: var(--status-danger, #c44);
}

.team-reports-health-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-reports-health-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-reports-health-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-reports-health-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-reports-health-hero {
    padding: 16px;
  }

  .team-reports-health-hero__actions {
    width: 100%;
  }

  .team-reports-health-action {
    flex: 1 1 auto;
    justify-content: center;
  }

  .team-reports-health-stat {
    flex: 0 0 auto;
  }
}

/* ═══════════════════════════════════════════════════════════
   Bottleneck report — bar charts per pipeline stage
   ═══════════════════════════════════════════════════════════ */

.team-reports-bottleneck {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-reports-bottleneck-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, #f59e0b 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-bottleneck-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-reports-bottleneck-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-reports-bottleneck-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-reports-bottleneck-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-reports-bottleneck-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-reports-bottleneck-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-reports-bottleneck-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-reports-bottleneck-highlights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 10px;
}

.team-reports-bottleneck-highlight {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-bottleneck-highlight--campaign {
  border-color: color-mix(in srgb, var(--status-warning) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--status-warning) 6%, var(--team-surface));
}

.team-reports-bottleneck-highlight--content {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 25%, var(--team-glass-border));
  background: color-mix(in srgb, var(--status-danger, #c44) 5%, var(--team-surface));
}

.team-reports-bottleneck-highlight__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-bottleneck-highlight__label {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.team-reports-bottleneck-highlight__count {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-reports-bottleneck-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  gap: 10px;
}

.team-reports-bottleneck-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-bottleneck-kpi__value {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-reports-bottleneck-kpi__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-bottleneck-kpi--accent .team-reports-bottleneck-kpi__value {
  color: var(--team-accent-deep);
}

.team-reports-bottleneck-kpi--warn .team-reports-bottleneck-kpi__value {
  color: var(--status-warning);
}

.team-reports-bottleneck-kpi--danger .team-reports-bottleneck-kpi__value {
  color: var(--status-danger, #c44);
}

.team-reports-bottleneck-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 4px;
}

.team-reports-bottleneck-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-reports-bottleneck-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-reports-bottleneck-panels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 12px;
}

.team-reports-bottleneck-panel {
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.team-reports-bottleneck-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
}

.team-reports-bottleneck-panel__head h2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
}

.team-reports-bottleneck-panel__head span {
  font-size: 0.75rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-reports-bottleneck-bars {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px 16px;
}

.team-reports-bottleneck-bar__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.team-reports-bottleneck-bar__label {
  font-size: 0.75rem;
  color: var(--team-text);
  line-height: 1.35;
}

.team-reports-bottleneck-bar__count {
  flex-shrink: 0;
  min-width: 24px;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
}

.team-reports-bottleneck-bar__track {
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  border: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
  overflow: hidden;
}

.team-reports-bottleneck-bar__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--team-accent-deep), var(--team-accent));
  transition: width var(--duration-normal, 0.25s) ease;
}

.team-reports-bottleneck-bar--content .team-reports-bottleneck-bar__track span {
  background: linear-gradient(90deg, #6b4fa0, #8b6fd0);
}

.team-reports-bottleneck-bar.is-top .team-reports-bottleneck-bar__track span {
  background: linear-gradient(90deg, var(--status-warning), #fbbf24);
}

.team-reports-bottleneck-bar--content.is-top .team-reports-bottleneck-bar__track span {
  background: linear-gradient(90deg, var(--status-danger, #c44), #e57373);
}

.team-reports-bottleneck-bar.is-top .team-reports-bottleneck-bar__count {
  color: var(--status-warning);
  font-weight: 700;
}

.team-reports-bottleneck-bar--content.is-top .team-reports-bottleneck-bar__count {
  color: var(--status-danger, #c44);
}

.team-reports-bottleneck-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-reports-bottleneck-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, #f59e0b 12%, var(--team-surface-2));
  color: var(--status-warning);
}

.team-reports-bottleneck-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-reports-bottleneck-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-reports-bottleneck-hero {
    padding: 16px;
  }

  .team-reports-bottleneck-hero__actions {
    width: 100%;
  }

  .team-reports-bottleneck-action {
    flex: 1 1 auto;
    justify-content: center;
  }

  .team-reports-bottleneck-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-reports-bottleneck-links::-webkit-scrollbar {
    display: none;
  }

  .team-reports-bottleneck-panels {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════════════
   Team capacity report — utilization cards + table
   ═══════════════════════════════════════════════════════════ */

.team-reports-capacity {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-reports-capacity-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, color-mix(in srgb, #3b82f6 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-capacity-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-reports-capacity-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-reports-capacity-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-reports-capacity-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-reports-capacity-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-reports-capacity-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-reports-capacity-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-reports-capacity-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid color-mix(in srgb, var(--status-danger, #c44) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--status-danger, #c44) 8%, var(--team-surface));
  color: var(--status-danger, #c44);
  font-size: 0.8125rem;
  line-height: 1.45;
}

.team-reports-capacity-filters {
  display: flex;
  gap: 6px;
  padding: 6px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  overflow-x: auto;
  scrollbar-width: none;
}

.team-reports-capacity-filters::-webkit-scrollbar {
  display: none;
}

.team-reports-capacity-filter {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-reports-capacity-filter:hover {
  color: var(--team-text);
  border-color: var(--team-glass-border);
}

.team-reports-capacity-filter.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  box-shadow: 0 2px 8px rgba(47, 107, 82, 0.2);
}

.team-reports-capacity-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  gap: 10px;
}

.team-reports-capacity-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-capacity-kpi__value {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-reports-capacity-kpi__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-capacity-kpi--accent .team-reports-capacity-kpi__value {
  color: var(--team-accent-deep);
}

.team-reports-capacity-kpi--warn .team-reports-capacity-kpi__value {
  color: var(--status-warning);
}

.team-reports-capacity-kpi--danger .team-reports-capacity-kpi__value {
  color: var(--status-danger, #c44);
}

.team-reports-capacity-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 4px;
}

.team-reports-capacity-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-reports-capacity-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-reports-capacity-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
}

.team-reports-capacity-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-reports-capacity-grid {
    display: none;
  }

  .team-reports-capacity-table {
    display: block;
  }
}

.team-reports-capacity-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);
}

.team-reports-capacity-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 22%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-reports-capacity-card.is-high {
  border-color: color-mix(in srgb, var(--status-warning) 28%, var(--team-glass-border));
}

.team-reports-capacity-card.is-overloaded {
  border-color: color-mix(in srgb, var(--status-danger, #c44) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--status-danger, #c44) 4%, var(--team-surface));
}

.team-reports-capacity-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.team-reports-capacity-card__score {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(
    var(--team-accent) calc(var(--pct, 0) * 1%),
    var(--team-surface-2) 0
  );
  position: relative;
}

.team-reports-capacity-card.is-high .team-reports-capacity-card__score {
  background: conic-gradient(
    var(--status-warning) calc(var(--pct, 0) * 1%),
    var(--team-surface-2) 0
  );
}

.team-reports-capacity-card.is-overloaded .team-reports-capacity-card__score {
  background: conic-gradient(
    var(--status-danger, #c44) calc(var(--pct, 0) * 1%),
    var(--team-surface-2) 0
  );
}

.team-reports-capacity-card__score::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--team-surface);
}

.team-reports-capacity-card__pct {
  position: relative;
  z-index: 1;
  font-size: 0.8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.team-reports-capacity-card__identity {
  min-width: 0;
}

.team-reports-capacity-card__name {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-reports-capacity-card__role {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-capacity-card__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-reports-capacity-metric {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 72px;
  padding: 6px 10px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
}

.team-reports-capacity-metric strong {
  font-size: 0.875rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.team-reports-capacity-metric small {
  font-size: 0.625rem;
  color: var(--team-text-muted);
}

.team-reports-capacity-card__flag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--status-danger, #c44);
}

.team-reports-capacity-card__flag--warn {
  color: var(--status-warning);
}

.team-reports-capacity-table__pct {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 100px;
}

.team-reports-capacity-table__pct span {
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
}

.team-reports-capacity-row.is-high {
  background: color-mix(in srgb, var(--status-warning) 4%, var(--team-surface));
}

.team-reports-capacity-row.is-overloaded {
  background: color-mix(in srgb, var(--status-danger, #c44) 4%, var(--team-surface));
}

.team-reports-capacity-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-reports-capacity-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, #3b82f6 12%, var(--team-surface-2));
  color: var(--team-accent-deep);
}

.team-reports-capacity-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-reports-capacity-empty p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-reports-capacity-hero {
    padding: 16px;
  }

  .team-reports-capacity-hero__actions {
    width: 100%;
  }

  .team-reports-capacity-action {
    flex: 1 1 auto;
    justify-content: center;
  }

  .team-reports-capacity-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-reports-capacity-links::-webkit-scrollbar {
    display: none;
  }
}

/* ═══════════════════════════════════════════════════════════
   Monthly retro — review cards + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-reports-retro {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-reports-retro-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 100% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-retro-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-reports-retro-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-reports-retro-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-reports-retro-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.team-reports-retro-action--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(47, 107, 82, 0.22);
}

.team-reports-retro-action--primary:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.team-reports-retro-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-reports-retro-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 1 1 280px;
}

.team-reports-retro-search__select {
  flex: 1 1 200px;
  min-width: 160px;
}

.team-reports-retro-search__clear {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.team-reports-retro-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-reports-retro-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);
}

.team-reports-retro-link:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface-2));
}

.team-reports-retro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: 12px;
}

.team-reports-retro-table {
  display: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

@media (min-width: 1100px) {
  .team-reports-retro-grid {
    display: none;
  }

  .team-reports-retro-table {
    display: block;
  }
}

.team-reports-retro-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);
}

.team-reports-retro-card:hover {
  border-color: color-mix(in srgb, var(--team-accent) 22%, var(--team-glass-border));
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.team-reports-retro-card__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.team-reports-retro-card__date time {
  display: block;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--team-accent-deep);
}

.team-reports-retro-card__date span {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-reports-retro-card__client {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--team-text);
  text-decoration: none;
}

.team-reports-retro-card__client:hover {
  color: var(--team-accent-deep);
}

.team-reports-retro-block {
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--team-glass-border) 80%, transparent);
}

.team-reports-retro-block h3 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.team-reports-retro-block p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--team-text-muted);
}

.team-reports-retro-block--win {
  background: color-mix(in srgb, var(--status-success) 6%, var(--team-surface));
  border-color: color-mix(in srgb, var(--status-success) 20%, var(--team-glass-border));
}

.team-reports-retro-block--win h3 {
  color: var(--status-success);
}

.team-reports-retro-block--miss {
  background: color-mix(in srgb, var(--status-warning) 6%, var(--team-surface));
  border-color: color-mix(in srgb, var(--status-warning) 20%, var(--team-glass-border));
}

.team-reports-retro-block--miss h3 {
  color: var(--status-warning);
}

.team-reports-retro-block--next {
  background: color-mix(in srgb, var(--team-accent) 6%, var(--team-surface));
  border-color: color-mix(in srgb, var(--team-accent) 18%, var(--team-glass-border));
}

.team-reports-retro-block--next h3 {
  color: var(--team-accent-deep);
}

.team-reports-retro-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
}

.team-reports-retro-card__author {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-reports-retro-card__edit {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-reports-retro-card__edit:hover {
  color: var(--team-accent);
}

.team-reports-retro-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-reports-retro-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-reports-retro-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-reports-retro-empty p {
  margin: 0;
  max-width: 40ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

@media (max-width: 767px) {
  .team-reports-retro-hero {
    padding: 16px;
  }

  .team-reports-retro-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-reports-retro-search__select {
    width: 100%;
  }

  .team-reports-retro-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-reports-retro-links::-webkit-scrollbar {
    display: none;
  }
}

/* ═══════════════════════════════════════════════════════════
   Activity feed — timeline + responsive table
   ═══════════════════════════════════════════════════════════ */

.team-activity {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-activity-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 80% at 100% 100%, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 50%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-activity-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
  margin-bottom: 6px;
}

.team-activity-hero__title {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  line-height: 1.25;
}

.team-activity-hero__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
}

.team-activity-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.team-activity-kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-activity-kpi--accent {
  border-color: color-mix(in srgb, var(--team-accent) 35%, var(--team-glass-border));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--team-accent) 8%, var(--team-surface)), var(--team-surface));
}

.team-activity-kpi__value {
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.team-activity-kpi__label {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-activity-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-activity-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1 1 280px;
}

.team-activity-filter {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);
}

.team-activity-filter:hover {
  color: var(--team-text);
  border-color: color-mix(in srgb, var(--team-accent) 30%, var(--team-glass-border));
}

.team-activity-filter.is-active {
  background: color-mix(in srgb, var(--team-accent) 14%, var(--team-surface));
  border-color: color-mix(in srgb, var(--team-accent) 40%, var(--team-glass-border));
  color: var(--team-accent-deep);
}

.team-activity-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.team-activity-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  transition: background var(--duration-fast), color var(--duration-fast);
}

.team-activity-link:hover {
  background: var(--team-surface-2);
  color: var(--team-accent-deep);
}

.team-activity-timeline {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.team-activity-day {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-activity-day__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 4px;
}

.team-activity-day__head time {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--team-text);
}

.team-activity-day__count {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-activity-stream {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.team-activity-stream::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  inset-inline-start: 17px;
  width: 2px;
  border-radius: 1px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--team-accent) 35%, var(--team-glass-border)),
    var(--team-glass-border)
  );
}

.team-activity-item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px 12px;
  padding: 12px 14px 12px 8px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  position: relative;
  z-index: 1;
}

.team-activity-item__icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 12%, var(--team-surface-2));
  color: var(--team-accent-deep);
  border: 2px solid var(--team-surface);
}

.team-activity-item--wallet .team-activity-item__icon {
  background: color-mix(in srgb, #c9a227 14%, var(--team-surface-2));
  color: #9a7b12;
}

.team-activity-item--kanban .team-activity-item__icon,
.team-activity-item--bolt .team-activity-item__icon {
  background: color-mix(in srgb, var(--team-teal, #6ec4b5) 14%, var(--team-surface-2));
  color: #3d8a7a;
}

.team-activity-item--check-square .team-activity-item__icon {
  background: color-mix(in srgb, #6b8fd4 14%, var(--team-surface-2));
  color: #4a6fa8;
}

.team-activity-item__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.team-activity-item__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.team-activity-item__title {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
}

.team-activity-item__time {
  flex-shrink: 0;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-activity-item__detail {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.5;
  word-break: break-word;
}

.team-activity-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.team-activity-item__user,
.team-activity-item__type {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-activity-item__type {
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
}

.team-activity-table {
  display: none;
}

.team-activity-table__date,
.team-activity-table__time {
  display: block;
}

.team-activity-table__date {
  font-size: 0.8125rem;
  font-weight: 500;
}

.team-activity-table__time {
  font-size: 0.6875rem;
  color: var(--team-text-muted);
  font-variant-numeric: tabular-nums;
}

.team-activity-table__action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 500;
}

.team-activity-table__icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
  color: var(--team-accent-deep);
}

.team-activity-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--team-glass-border);
  background: var(--team-surface);
}

.team-activity-empty__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, var(--team-surface-2));
  color: var(--team-accent);
}

.team-activity-empty h2 {
  margin: 0;
  font-family: var(--font-display, "Fediya Display", sans-serif);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-activity-empty p {
  margin: 0;
  max-width: 42ch;
  font-size: 0.8125rem;
  color: var(--team-text-muted);
  line-height: 1.55;
}

.team-activity-empty__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-accent-deep);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
}

.team-activity-empty__action:hover {
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface-2));
}

@media (min-width: 1100px) {
  .team-activity-timeline {
    display: none;
  }

  .team-activity-table {
    display: block;
  }
}

@media (max-width: 767px) {
  .team-activity-hero {
    padding: 16px;
  }

  .team-activity-kpis {
    grid-template-columns: 1fr;
  }

  .team-activity-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .team-activity-filters {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  .team-activity-filters::-webkit-scrollbar {
    display: none;
  }

  .team-activity-filter {
    flex-shrink: 0;
  }

  .team-activity-links {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .team-activity-links::-webkit-scrollbar {
    display: none;
  }
}

/* ── UI chrome: preserve non-text link styling ── */
html[data-app="team"] .team-filter-bar a {
  color: var(--team-text-muted);
  font-weight: 500;
  text-decoration: none;
}

html[data-app="team"] .team-filter-bar a.is-active,
html[data-app="team"] .team-filter-bar a:hover {
  color: var(--team-accent-deep);
}

html[data-app="team"] a.team-nav__link,
html[data-app="team"] a.team-mobile-nav__item {
  text-decoration: none;
}

html[data-app="team"] a[class*="-action--primary"],
html[data-app="team"] a.team-btn-primary,
html[data-app="team"] a.team-btn-primary--sm {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

html[data-app="team"] a[class*="-action"]:not([class*="--primary"]) {
  text-decoration: none;
}

/* ═══════════════════════════════════════════════════════════
   Client project dashboard — list + dedicated client page
   ═══════════════════════════════════════════════════════════ */

.team-cdash,
.team-cproj {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: var(--content-max);
  margin-inline: auto;
}

.team-cdash-hero,
.team-cproj-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, color-mix(in srgb, var(--team-teal, #6ec4b5) 12%, transparent), transparent 55%),
    var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-cdash-hero__eyebrow,
.team-cproj-sub {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--team-text-muted);
}

.team-cdash-hero__title,
.team-cproj-title {
  margin: 6px 0 0;
  font-family: var(--font-display);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
}

.team-cdash-hero__lead { margin: 6px 0 0; font-size: 0.8125rem; color: var(--team-text-muted); }

.team-cdash-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  color: var(--team-text);
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.team-cdash-btn--primary {
  background: linear-gradient(135deg, var(--team-accent-deep), var(--team-accent));
  border-color: transparent;
  color: #fff;
}

.team-cdash-filters,
.team-cproj-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-cdash-chip,
.team-cproj-nav a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  color: var(--team-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
}

.team-cdash-chip em { font-style: normal; font-weight: 700; color: var(--team-text); }

.team-cdash-chip.is-active,
.team-cproj-nav a:hover {
  color: var(--team-accent-deep);
  border-color: color-mix(in srgb, var(--team-accent) 35%, var(--team-glass-border));
  background: color-mix(in srgb, var(--team-accent) 10%, var(--team-surface));
}

.team-cdash-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: 12px;
}

.team-cdash-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
}

.team-cdash-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.team-cdash-card__logo,
.team-cproj-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: cover;
  display: grid;
  place-items: center;
  font-weight: 700;
  color: #fff;
  background: var(--brand, var(--team-accent));
}

.team-cdash-card__logo--fallback,
.team-cproj-logo--fallback { font-family: var(--font-display); }

.team-cdash-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  color: var(--team-text-muted);
}

.team-cdash-badge--running { background: color-mix(in srgb, var(--team-accent) 14%, #fff); color: var(--team-accent-deep); }
.team-cdash-badge--paused { background: color-mix(in srgb, #c9920a 14%, #fff); color: #8a6508; }
.team-cdash-badge--done { background: color-mix(in srgb, #6b8fd4 14%, #fff); color: #3d5f99; }

.team-cdash-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: 600;
}

.team-cdash-card__meta { margin: 0; font-size: 0.75rem; color: var(--team-text-muted); }

.team-cdash-progress {
  display: flex;
  align-items: center;
  gap: 8px;
}

.team-cdash-progress__bar {
  flex: 1;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  overflow: hidden;
}

.team-cdash-progress__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--team-accent-deep), var(--team-accent-bright));
}

.team-cdash-progress__val {
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
  color: var(--team-text-muted);
  min-width: 2.5rem;
  text-align: left;
}

.team-cdash-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--team-glass-border) 70%, transparent);
  font-size: 0.6875rem;
  color: var(--team-text-muted);
}

.team-cdash-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  color: var(--team-accent-deep);
  text-decoration: none;
}

.team-cdash-empty {
  text-align: center;
  padding: 48px 20px;
  border: 1px dashed var(--team-glass-border);
  border-radius: var(--radius-lg);
  background: var(--team-surface);
}

.team-cproj-top__brand { display: flex; align-items: center; gap: 12px; }
.team-cproj-top__actions { display: flex; gap: 8px; flex-wrap: wrap; }

.team-cproj-sec {
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 14px;
  scroll-margin-top: 72px;
}

.team-cproj-sec__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.team-cproj-sec__head h2,
.team-cproj-subsec h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
}

.team-cproj-form { display: flex; flex-direction: column; gap: 10px; }
.team-cproj-form label { display: flex; flex-direction: column; gap: 4px; font-size: 0.75rem; color: var(--team-text-muted); }
.team-cproj-form--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.team-cproj-form--row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.team-cproj-form--row .team-input { flex: 1 1 140px; }
.team-cproj-span2 { grid-column: 1 / -1; }
.team-cproj-form p { margin: 0; display: flex; flex-direction: column; gap: 4px; font-size: 0.75rem; color: var(--team-text-muted); }

.team-cproj-pills,
.team-cproj-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.team-cproj-pills li {
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  background: var(--team-surface-2);
  font-size: 0.75rem;
}

.team-cproj-swatches span {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid var(--team-glass-border);
}

.team-cproj-funnel {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.team-cproj-funnel__step {
  padding: 10px 12px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
}

.team-cproj-funnel__step strong { display: block; font-size: 0.8125rem; margin-bottom: 4px; }
.team-cproj-funnel__step p { margin: 0; font-size: 0.8125rem; color: var(--team-text-muted); }
.team-cproj-funnel__arrow { text-align: center; color: var(--team-text-muted); font-size: 0.875rem; }

.team-cproj-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-cproj-list > li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  background: var(--team-surface-2);
}

.team-cproj-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 6px;
}

.team-cproj-inline { display: inline; }
.team-cproj-actions { display: flex; gap: 8px; flex-shrink: 0; }
.team-cproj-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.team-cproj-kpi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin-bottom: 12px; }

.team-cproj-kpi {
  padding: 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.team-cproj-kpi header { font-size: 0.75rem; font-weight: 600; }
.team-cproj-kpi p { margin: 0; font-size: 0.75rem; display: flex; justify-content: space-between; gap: 6px; }
.team-cproj-kpi small { color: var(--team-text-muted); }

.team-cproj-search { display: flex; flex-wrap: wrap; gap: 6px; }
.team-cproj-search .team-input { min-width: 120px; }

.team-cproj-library {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}

.team-cproj-file {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--team-glass-border);
  background: var(--team-surface-2);
  min-height: 120px;
}

.team-cproj-file img {
  width: 100%;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
}

.team-cproj-drop {
  padding: 14px;
  border: 1px dashed var(--team-glass-border);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--team-accent) 4%, var(--team-surface));
}

.team-cproj-table td .team-muted { font-size: 0.75rem; }

@media (max-width: 900px) {
  .team-cproj-form--grid,
  .team-cproj-split { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .team-cproj-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .team-cdash-hero, .team-cproj-top, .team-cproj-sec { padding: 14px; }
}