/* R25.4.33.1 · Canonical interaction geometry, attached menu and badge contrast.
   Components consume semantic tokens from ui-theme-tokens.css; no palette literals here. */

/* One visual canvas: Home and workspace header share the same semantic background family. */
.za-conversation-home,
.za-conversation-home .za-ze-shell,
.za-conversation-home .za-ze-thread {
  background: var(--za-app-canvas) !important;
}
.za-context-workspace__header {
  background: var(--za-app-canvas) !important;
  border-bottom-color: var(--za-border-subtle) !important;
}
.za-context-workspace__panel {
  background: var(--za-bg-surface) !important;
  border-color: var(--za-border-subtle) !important;
  border-radius: var(--za-radius-card) !important;
}

/* Composer owns the drawer: no guessed viewport gap, no detached floating panel. */
.za-ze-composer-stack {
  position: relative;
  z-index: 9;
  min-width: 0;
  background: var(--za-bg-surface);
}
.za-conversation-home .za-ze-composer-stack .za-ze-taskbar {
  position: relative;
  z-index: 2;
}
.za-conversation-home .za-ze-composer-stack .za-ze-drawer {
  position: absolute !important;
  z-index: 1;
  left: 0 !important;
  right: 0 !important;
  bottom: 100% !important;
  width: 100% !important;
  max-height: min(430px, calc(100dvh - 132px));
  margin: 0 !important;
  padding: 12px max(24px, calc(env(safe-area-inset-right) + 24px)) 12px max(24px, calc(env(safe-area-inset-left) + 24px)) !important;
  gap: 8px !important;
  overflow-y: auto;
  border: 1px solid var(--za-border-subtle) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: var(--za-bg-surface) !important;
  box-shadow: 0 -12px 28px color-mix(in srgb, var(--za-text-primary) 10%, transparent) !important;
}

/* Navigation is navigation, not a CTA. Same treatment for every destination. */
.za-conversation-home .za-ze-drawer > a,
.za-conversation-home .za-ze-drawer > button {
  min-height: 42px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: var(--za-radius-control) !important;
  background: transparent !important;
  color: var(--za-nav-text) !important;
  box-shadow: none !important;
}
.za-conversation-home .za-ze-drawer > a:hover,
.za-conversation-home .za-ze-drawer > button:hover {
  background: transparent !important;
  border: 0 !important;
  color: var(--za-text-primary) !important;
}
.za-conversation-home .za-ze-drawer > a.is-active,
.za-conversation-home .za-ze-drawer > button.is-active,
.za-conversation-home .za-ze-drawer > button[aria-pressed="true"] {
  background: var(--za-nav-active-bg) !important;
  border: 0 !important;
  color: var(--za-nav-active-text) !important;
}

/* Micro controls deliberately square: compact toolbar language. */
.za-ui-quick-controls button {
  width: 32px !important;
  min-width: 32px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border-radius: var(--za-radius-micro) !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--za-nav-text) !important;
  box-shadow: none !important;
}
.za-ui-quick-controls__theme, .za-ui-quick-controls__locale { gap: 3px !important; }
.za-ui-quick-controls button:hover {
  background: transparent !important;
  border: 0 !important;
}
.za-ui-quick-controls button[aria-pressed="true"] {
  background: var(--za-nav-active-bg) !important;
  border: 0 !important;
  color: var(--za-nav-active-text) !important;
  box-shadow: none !important;
}

/* Clickable controls use straighter geometry. Pills remain reserved for status/badges. */
.za-ze-actions button, .za-ze-actions a,
.za-ze-inline-actions button, .za-ze-inline-actions a,
.za-performance-periods a, .za-performance-export, .za-performance-evidence,
.za-performance-pagination a, .za-performance-view-tabs a,
.za-workspace-content-actions button, .za-workspace-content-actions a {
  border-radius: var(--za-radius-control) !important;
}
.za-context-workspace__header button,
.za-ze-taskbar .za-ze-taskbar__menu,
.za-ze-taskbar #zaZeSend {
  border-radius: var(--za-radius-control-lg) !important;
}

/* Badges stay pill-shaped and use stronger semantic colors in both themes. */
.za-performance-zone-pill, .za-performance-result-pill,
.za-reading-badge, .za-result-badge, .za-tip-badge-combo {
  border-radius: var(--za-radius-pill) !important;
}
.za-performance-zone-pill.is-fria {
  background: var(--za-badge-cold-bg) !important;
  color: var(--za-badge-cold-text) !important;
  border-color: var(--za-badge-cold-border) !important;
  font-weight: 750 !important;
}
.za-performance-zone-pill.is-quente {
  background: var(--za-badge-value-bg) !important;
  color: var(--za-badge-value-text) !important;
  border-color: var(--za-badge-value-border) !important;
  font-weight: 750 !important;
}
.za-performance-zone-pill.is-pimenta {
  background: var(--za-badge-aggressive-bg) !important;
  color: var(--za-badge-aggressive-text) !important;
  border-color: var(--za-badge-aggressive-border) !important;
  font-weight: 750 !important;
}
.za-performance-result-pill.is-win {
  background: var(--za-badge-success-bg) !important;
  color: var(--za-badge-success-text) !important;
  border-color: var(--za-badge-success-border) !important;
  font-weight: 800 !important;
}
.za-performance-result-pill.is-loss {
  background: var(--za-badge-danger-bg) !important;
  color: var(--za-badge-danger-text) !important;
  border-color: var(--za-badge-danger-border) !important;
  font-weight: 800 !important;
}

/* Home shell surfaces remain in one family while authorship stays obvious. */
.za-ze-msg--ze .za-ze-msg__bubble {
  background: var(--za-bubble-assistant) !important;
  border-color: var(--za-border-subtle) !important;
}
.za-ze-msg--user .za-ze-msg__bubble {
  background: var(--za-bubble-user) !important;
  border-color: color-mix(in srgb, var(--za-accent) 46%, var(--za-border-subtle)) !important;
}

@media (max-width: 640px) {
  .za-conversation-home .za-ze-composer-stack .za-ze-drawer {
    padding-inline: 12px !important;
    max-height: min(390px, calc(100dvh - 118px));
  }
}




/* R25.4.33.2 · Shell rail, CTA unification, dark depth and brand lockup closure. */

/* One interaction geometry: primary and secondary share shape; role is expressed by fill only. */
.za-ze-actions .za-conversation-cta,
.za-ze-inline-actions .za-conversation-cta {
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: var(--za-radius-control) !important;
  border-width: 1px !important;
  border-style: solid !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}
.za-ze-actions .za-conversation-cta--primary,
.za-ze-inline-actions .za-conversation-cta--primary {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
}
.za-ze-actions .za-conversation-cta--secondary,
.za-ze-inline-actions .za-conversation-cta--secondary {
  background: var(--za-button-secondary-bg) !important;
  border-color: var(--za-button-secondary-border) !important;
  color: var(--za-button-secondary-text) !important;
}
.za-ze-actions .za-conversation-cta--primary:hover,
.za-ze-inline-actions .za-conversation-cta--primary:hover {
  background: var(--za-accent-hover) !important;
  border-color: var(--za-accent-hover) !important;
  color: var(--za-button-primary-text) !important;
}
.za-ze-actions .za-conversation-cta--secondary:hover,
.za-ze-inline-actions .za-conversation-cta--secondary:hover {
  background: color-mix(in srgb, var(--za-accent) 12%, transparent) !important;
  border-color: var(--za-accent-hover) !important;
  color: var(--za-button-secondary-text) !important;
}

/* A single conversational action still uses the exact same primary component geometry. */
.za-ze-actions:has(> .za-conversation-cta:only-child),
.za-ze-inline-actions:has(> .za-conversation-cta:only-child) {
  grid-template-columns: max-content !important;
}

/* Product brand lives in the header; the circular Z avatar remains exclusive to the conversation. */
.za-ze-shell__brand {
  align-items: flex-start !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.za-ze-shell__brand-logo {
  display: flex;
  align-items: flex-start;
  width: clamp(122px, 11vw, 164px);
  min-width: 122px;
}
.za-ze-shell__brand-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 38px;
  object-fit: contain;
  object-position: left center;
}
.za-ze-shell__identity {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 3px 0 0 2px !important;
  min-height: 18px;
}
.za-ze-shell__identity .za-plan-badge {
  margin-top: 0 !important;
}

/* One horizontal rail for header, conversation and composer. */
.za-conversation-home .za-ze-shell__top,
.za-conversation-home .za-ze-thread,
.za-conversation-home .za-ze-taskbar {
  padding-left: var(--za-shell-rail-gutter) !important;
  padding-right: var(--za-shell-rail-gutter) !important;
}

/* Dark canvas is intentionally deeper than message/card surfaces. */
html[data-za-theme="dark"] .za-conversation-home,
html[data-za-theme="dark"] .za-conversation-home .za-ze-shell,
html[data-za-theme="dark"] .za-conversation-home .za-ze-thread {
  background: var(--za-bg-page) !important;
}
html[data-za-theme="dark"] .za-conversation-home .za-ze-shell__top {
  background: var(--za-bg-surface) !important;
}
html[data-za-theme="dark"] .za-conversation-home .za-ze-taskbar,
html[data-za-theme="dark"] .za-conversation-home .za-ze-composer-stack {
  background: var(--za-bg-input) !important;
}
html[data-za-theme="dark"] .za-ze-msg--ze .za-ze-msg__bubble {
  background: var(--za-bubble-assistant) !important;
}
html[data-za-theme="dark"] .za-ze-msg--user .za-ze-msg__bubble {
  background: var(--za-bubble-user) !important;
}

@media (max-width: 640px) {
  .za-ze-shell__brand-logo {
    width: 112px;
    min-width: 112px;
  }
  .za-ze-shell__identity {
    margin: 2px 0 0 1px !important;
  }
  .za-conversation-home .za-ze-shell__top,
  .za-conversation-home .za-ze-thread,
  .za-conversation-home .za-ze-taskbar {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* R25.4.33.2.2 · Shell chrome, single-CTA and navigation-state closure. */

/* Header and composer are application chrome; the conversation canvas stays one level behind. */
.za-conversation-home .za-ze-shell__top,
.za-conversation-home .za-ze-taskbar,
.za-conversation-home .za-ze-composer-stack {
  background: var(--za-shell-chrome-bg) !important;
}
.za-conversation-home .za-ze-shell__top {
  border-bottom-color: var(--za-shell-chrome-border) !important;
}
.za-conversation-home .za-ze-taskbar {
  border-top-color: var(--za-shell-chrome-border) !important;
}
.za-conversation-home,
.za-conversation-home .za-ze-shell,
.za-conversation-home .za-ze-thread {
  background: var(--za-app-canvas) !important;
}

/* The same transparent white logo asset becomes dark ink in light mode. */
html[data-za-theme="dark"] .za-ze-shell__brand-logo img {
  filter: none;
}
html[data-za-theme="light"] .za-ze-shell__brand-logo img {
  filter: brightness(0);
}

/* Exactly one conversational action is always the primary action, independent of its source role. */
.za-ze-actions > .za-conversation-cta:only-child,
.za-ze-inline-actions > .za-conversation-cta:only-child {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
}
.za-ze-actions > .za-conversation-cta:only-child:hover,
.za-ze-inline-actions > .za-conversation-cta:only-child:hover {
  background: var(--za-accent-hover) !important;
  border-color: var(--za-accent-hover) !important;
  color: var(--za-button-primary-text) !important;
}

/* Menu destinations are neutral navigation rows, not conversational CTAs. */
.za-conversation-home .za-ze-drawer > a,
.za-conversation-home .za-ze-drawer > button {
  background: var(--za-nav-bg) !important;
  border-left: 3px solid transparent !important;
  color: var(--za-nav-text) !important;
}
.za-conversation-home .za-ze-drawer > a:hover,
.za-conversation-home .za-ze-drawer > button:hover,
.za-conversation-home .za-ze-drawer > a:focus-visible,
.za-conversation-home .za-ze-drawer > button:focus-visible {
  background: var(--za-nav-hover-bg) !important;
  border-left-color: var(--za-accent) !important;
  color: var(--za-text-primary) !important;
}
.za-conversation-home .za-ze-drawer > a.is-active,
.za-conversation-home .za-ze-drawer > button.is-active,
.za-conversation-home .za-ze-drawer > button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--za-accent) 16%, var(--za-nav-bg)) !important;
  border-left-color: var(--za-accent) !important;
  color: var(--za-text-primary) !important;
}


/* R25.4.33.2.5 · Launcher menu surface + label contrast corrective. */
/* Drawer destinations are menu rows, not CTA buttons: one continuous drawer surface. */
.za-conversation-home .za-ze-drawer > a,
.za-conversation-home .za-ze-drawer > button {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--za-text-primary) !important;
  font-weight: 400 !important;
}
.za-conversation-home .za-ze-drawer .za-ze-drawer__label {
  color: var(--za-text-primary) !important;
  font: inherit !important;
  font-weight: 400 !important;
}
.za-conversation-home .za-ze-drawer > a:hover,
.za-conversation-home .za-ze-drawer > button:hover,
.za-conversation-home .za-ze-drawer > a:focus-visible,
.za-conversation-home .za-ze-drawer > button:focus-visible {
  background: var(--za-nav-hover-bg) !important;
  border: 0 !important;
  color: var(--za-text-primary) !important;
}
/* No persistent selected/active state: each destination opens a workspace over the shell. */
.za-conversation-home .za-ze-drawer > a.is-active,
.za-conversation-home .za-ze-drawer > button.is-active,
.za-conversation-home .za-ze-drawer > button[aria-pressed="true"] {
  background: transparent !important;
  border: 0 !important;
  color: var(--za-text-primary) !important;
  font-weight: 400 !important;
}


/* R25.4.33.2.6 · Light drawer source sanitization closure. */
html[data-za-theme="light"] .za-conversation-home .za-ze-drawer > a,
html[data-za-theme="light"] .za-conversation-home .za-ze-drawer > button {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--za-text-primary) !important;
  font-weight: 400 !important;
}
html[data-za-theme="light"] .za-conversation-home .za-ze-drawer > a:hover,
html[data-za-theme="light"] .za-conversation-home .za-ze-drawer > button:hover,
html[data-za-theme="light"] .za-conversation-home .za-ze-drawer > a:focus-visible,
html[data-za-theme="light"] .za-conversation-home .za-ze-drawer > button:focus-visible {
  background: var(--za-nav-hover-bg) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* R25.4.33.2.7 — vector theme controls: stable icon geometry across platforms. */
.za-ui-quick-controls__theme .za-ui-theme-icon {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}


/* R25.4.33.3 · Mobile workspace coherence micro-sprint.
   Shell identity, subscription placement, compact workspace chrome,
   fit-content badges and canonical filter/action geometry. */

/* Shell header = brand only. Subscription is account context inside the launcher. */
.za-ze-shell__brand {
  flex-direction: row !important;
  align-items: center !important;
}
.za-ze-shell__brand-logo {
  width: auto !important;
  min-width: 0 !important;
}
.za-ze-shell__brand-logo img {
  width: auto !important;
  height: 26px !important;
  max-height: 26px !important;
}
@media (max-width: 640px) {
  .za-ze-shell__brand-logo img {
    height: 24px !important;
    max-height: 24px !important;
  }
}

/* Quick controls are a three-part utility row: theme | plan | locale. */
.za-ui-quick-controls {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}
.za-ui-quick-controls__account {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.za-ui-quick-controls__account .za-plan-badge {
  width: fit-content !important;
  max-width: max-content !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
/* Plan semantics: Standard is neutral/accent; Premium owns gold. */
.za-ui-quick-controls__account .za-plan-badge.is-standard {
  color: var(--za-accent) !important;
  background: color-mix(in srgb, var(--za-accent) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--za-accent) 36%, transparent) !important;
}
.za-ui-quick-controls__account .za-plan-badge.is-premium {
  color: var(--za-warning) !important;
  background: color-mix(in srgb, var(--za-warning) 12%, transparent) !important;
  border-color: color-mix(in srgb, var(--za-warning) 42%, transparent) !important;
}

/* Public/workspace badges must hug their label, never become status bars. */
.za-context-workspace :is(
  .za-badge,
  .za-status-badge,
  .za-zone-badge,
  .za-public-zone,
  .za-temperature-badge,
  .za-monitoring-chip,
  .za-reading-badge,
  .za-result-badge,
  .za-tip-badge-combo,
  .za-performance-zone-pill,
  .za-performance-result-pill
) {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
  align-self: flex-start;
  white-space: nowrap !important;
}

/* Workspace action buttons inherit the shell's primary/secondary language. */
.za-context-workspace :is(.za-btn, .za-performance-export, .za-performance-pagination a, .za-performance-evidence) {
  border-radius: var(--za-radius-control) !important;
  box-shadow: none !important;
}
.za-context-workspace .za-btn-primary {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
}
.za-context-workspace :is(.za-btn-secondary, .za-performance-export, .za-performance-pagination a, .za-performance-evidence) {
  background: transparent !important;
  border: 1px solid var(--za-button-secondary-border) !important;
  color: var(--za-button-secondary-text) !important;
}
html[data-za-theme="dark"] .za-context-workspace :is(.za-btn-secondary, .za-performance-export, .za-performance-pagination a, .za-performance-evidence) {
  color: var(--za-text-primary) !important;
}

/* Filters share the compact micro-control grammar: square-ish, no shadow, clear selected state. */
.za-context-workspace :is(
  .za-filter-chip,
  .za-factor-btn,
  .za-loteca-strategy-chip,
  .za-loteca-limit-chip,
  .za-bets-state-chip,
  .za-performance-periods a,
  .za-performance-view-tabs a,
  .za-dashboard-tabs a
) {
  border-radius: var(--za-radius-control) !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}
.za-context-workspace :is(
  .za-filter-chip.is-active,
  .za-factor-btn.is-active,
  .za-loteca-strategy-chip.is-active,
  .za-loteca-limit-chip.is-active,
  .za-bets-state-chip.is-active,
  .za-performance-periods a.is-active,
  .za-performance-view-tabs a.is-active,
  .za-dashboard-tabs a.is-active
) {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
  font-weight: 500 !important;
}
.za-context-workspace :is(
  .za-performance-view-tabs,
  .za-dashboard-tabs,
  .za-bets-filter-layer,
  .za-loteca-strategy-nav,
  .za-loteca-limit-nav
) {
  border-radius: var(--za-radius-control-lg) !important;
}

/* Dashboard controls are a solid sticky surface; content cannot ghost through the gap. */
.za-context-workspace__body {
  isolation: isolate;
}
.za-context-workspace .za-workspace-module--dashboard .za-performance-controls {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  padding: 10px !important;
  margin: 0 !important;
  border: 1px solid var(--za-border-subtle) !important;
  border-radius: var(--za-radius-control-lg) !important;
  background: var(--za-bg-surface) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--za-text-primary) 8%, transparent) !important;
}

/* Mobile workspace top bar keeps hierarchy but gives content more vertical room. */
@media (max-width: 768px) {
  .za-context-workspace__header {
    min-height: 52px !important;
    padding: 9px 12px !important;
    gap: 8px !important;
    background: var(--za-bg-surface) !important;
  }
  .za-context-workspace__breadcrumb {
    font-size: 9px !important;
    line-height: 1 !important;
    opacity: .72;
  }
  .za-context-workspace__header h2 {
    font-size: 19px !important;
    line-height: 1.12 !important;
  }
  .za-context-workspace__subtitle {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
  .za-context-workspace__header button {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
  .za-context-workspace .za-workspace-module--dashboard .za-performance-controls {
    padding: 8px !important;
  }
}

/* R25.4.33.4 · Minimal vector launcher iconography + left-aligned navigation. */
.za-conversation-home .za-ze-drawer > a,
.za-conversation-home .za-ze-drawer > button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  text-align: left !important;
  padding-inline: 18px !important;
}
.za-conversation-home .za-ze-drawer__icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: var(--za-accent);
}
.za-conversation-home .za-ze-drawer__icon svg {
  width: 20px;
  height: 20px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.za-conversation-home .za-ze-drawer__label {
  min-width: 0;
  text-align: left !important;
  line-height: 1.25;
}

/* R25.4.33.5 · Launcher utility balance + compact navigation refinement. */
/* Account context owns the left edge; theme/locale utilities stay grouped on the right. */
.za-ui-quick-controls {
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding-block: 6px !important;
}
.za-ui-quick-controls__account {
  justify-self: start;
  align-self: center;
  display: grid !important;
  grid-template-rows: auto auto;
  justify-items: start;
  align-items: center;
  gap: 1px;
}
.za-ui-quick-controls__account-label {
  display: block;
  margin: 0;
  color: var(--za-accent) !important;
  font-size: 8px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.za-ui-quick-controls__account .za-plan-badge {
  min-height: 18px !important;
  height: 18px !important;
  padding: 0 7px !important;
  font-size: 9px !important;
  line-height: 16px !important;
}
.za-ui-quick-controls__utilities {
  justify-self: end;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.za-ui-quick-controls__divider {
  width: 1px;
  height: 18px;
  flex: 0 0 1px;
  background: var(--za-border-subtle);
  opacity: .9;
}

/* Launcher rows: tighter rhythm, less left inset, one transparent surface. */
.za-conversation-home .za-ze-composer-stack .za-ze-drawer {
  gap: 5px !important;
}
.za-conversation-home .za-ze-drawer > a,
.za-conversation-home .za-ze-drawer > button {
  min-height: 38px !important;
  padding-inline: 12px !important;
  gap: 10px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.za-conversation-home .za-ze-drawer__icon {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
}
.za-conversation-home .za-ze-drawer__icon svg {
  width: 19px;
  height: 19px;
}

/* Touch devices must not retain a faux row background after interaction. */
@media (hover: none) {
  .za-conversation-home .za-ze-drawer > a:hover,
  .za-conversation-home .za-ze-drawer > button:hover,
  .za-conversation-home .za-ze-drawer > a:focus,
  .za-conversation-home .za-ze-drawer > button:focus {
    background: transparent !important;
    background-image: none !important;
  }
}

@media (max-width: 640px) {
  .za-ui-quick-controls {
    gap: 8px !important;
  }
  .za-ui-quick-controls__utilities {
    gap: 4px;
  }
  .za-ui-quick-controls button {
    width: 30px !important;
    min-width: 30px !important;
  }
  .za-conversation-home .za-ze-composer-stack .za-ze-drawer {
    padding-inline: 12px !important;
  }
}

/* R25.4.33.6 · Conversational CTA canonical geometry/color closure.
 * CTA role styling must apply wherever the canonical class is rendered inside the conversation,
 * not only when a legacy .za-ze-actions/.za-ze-inline-actions wrapper happens to be present.
 */
.za-conversation-home .za-conversation-cta {
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid transparent !important;
  border-radius: var(--za-radius-control) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.15 !important;
}

.za-conversation-home .za-conversation-cta.za-conversation-cta--primary {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
}

.za-conversation-home .za-conversation-cta.za-conversation-cta--secondary {
  background: var(--za-button-secondary-bg) !important;
  border-color: var(--za-button-secondary-border) !important;
  color: var(--za-button-secondary-text) !important;
}

.za-conversation-home .za-conversation-cta.za-conversation-cta--tertiary,
.za-conversation-home .za-conversation-cta.za-conversation-cta--nav-item {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--za-accent) !important;
}

.za-conversation-home .za-conversation-cta.za-conversation-cta--primary:hover,
.za-conversation-home .za-conversation-cta.za-conversation-cta--primary:focus-visible {
  background: var(--za-accent-hover) !important;
  border-color: var(--za-accent-hover) !important;
  color: var(--za-button-primary-text) !important;
}

.za-conversation-home .za-conversation-cta.za-conversation-cta--secondary:hover,
.za-conversation-home .za-conversation-cta.za-conversation-cta--secondary:focus-visible {
  background: color-mix(in srgb, var(--za-accent) 12%, transparent) !important;
  border-color: var(--za-accent-hover) !important;
  color: var(--za-button-secondary-text) !important;
}

/* A lone canonical CTA is always the contextual primary action, even outside legacy action wrappers. */
.za-conversation-home .za-ze-msg__bubble > .za-conversation-cta:only-child,
.za-conversation-home .za-ze-msg__bubble > p + .za-conversation-cta:last-child,
.za-conversation-home .za-ze-msg__bubble > div + .za-conversation-cta:last-child {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
}

@media (max-width: 640px) {
  .za-conversation-home .za-conversation-cta {
    min-height: 42px !important;
    border-radius: var(--za-radius-control) !important;
  }
}


/* R25.4.33.9 · Launcher utility micro-label + compact plan chrome refinement.
 * Subscription is account metadata, not navigation: keep it quiet, compact and opposite utilities. */
.za-ui-quick-controls {
  padding-block: 4px !important;
}
.za-ui-quick-controls__account {
  gap: 0 !important;
}
.za-ui-quick-controls__account-label {
  font-size: 7px !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  font-weight: 600 !important;
  opacity: .82;
}
.za-ui-quick-controls__account .za-plan-badge {
  min-height: 16px !important;
  height: 16px !important;
  padding: 0 6px !important;
  font-size: 8px !important;
  line-height: 14px !important;
}
.za-ui-quick-controls__utilities {
  gap: 5px !important;
}
.za-conversation-home .za-ze-composer-stack .za-ze-drawer {
  gap: 3px !important;
}
.za-conversation-home .za-ze-drawer > a,
.za-conversation-home .za-ze-drawer > button {
  min-height: 36px !important;
  padding-inline: 10px !important;
  gap: 9px !important;
}
.za-conversation-home .za-ze-drawer__icon {
  width: 19px !important;
  height: 19px !important;
  flex-basis: 19px !important;
}
.za-conversation-home .za-ze-drawer__icon svg {
  width: 18px !important;
  height: 18px !important;
}
@media (max-width: 640px) {
  .za-ui-quick-controls {
    padding-block: 3px !important;
  }
  .za-ui-quick-controls button {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
  }
}

/* R25.4.33.16 · Concierge topbar compact brand polish.
   Visual-only: reduce product logo ~30% and tighten header chrome. */
.za-conversation-home .za-ze-shell__top {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.za-ze-shell__brand-logo img {
  height: 18px !important;
  max-height: 18px !important;
}
@media (max-width: 640px) {
  .za-conversation-home .za-ze-shell__top {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .za-ze-shell__brand-logo img {
    height: 17px !important;
    max-height: 17px !important;
  }
}

/* Confirmed compact concierge header dimensions from production validation. */
.za-conversation-home .za-ze-shell__top {
  min-height: 36px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 768px) {
  .za-conversation-home .za-ze-shell__top {
    min-height: 34px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

/* R25.4.33.19 · Embedded Arena uses the same canonical controls as the Shell. */
.za-context-workspace .za-arena-category-filter,
.za-context-workspace .za-league-select-toggle,
.za-context-workspace .za-league-select-menu,
.za-context-workspace .za-league-select-option,
.za-context-workspace .za-factor-btn,
.za-context-workspace .za-actions #za-run-sim {
  border-radius: var(--za-radius-control) !important;
  box-shadow: none !important;
}
.za-context-workspace .za-arena-category-filter,
.za-context-workspace .za-factor-btn {
  background: var(--za-button-secondary-bg) !important;
  border-color: var(--za-button-secondary-border) !important;
  color: var(--za-button-secondary-text) !important;
  font-weight: 400 !important;
}
.za-context-workspace .za-arena-category-filter.is-active,
.za-context-workspace .za-arena-category-filter[aria-pressed="true"],
.za-context-workspace .za-factor-btn.is-active {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
  font-weight: 500 !important;
}
.za-context-workspace .za-filter-row,
.za-context-workspace .za-arena-category-filters {
  justify-content: flex-start !important;
}
.za-context-workspace .za-filter-row {
  padding-right: 0 !important;
}
.za-context-workspace .za-league-select {
  width: min(100%, 360px) !important;
}
.za-context-workspace .za-league-select-toggle {
  justify-content: space-between !important;
  background: var(--za-bg-input) !important;
  border-color: var(--za-button-secondary-border) !important;
  color: var(--za-text-primary) !important;
  text-align: left !important;
}
.za-context-workspace .za-league-select-caret {
  display: inline-flex !important;
  color: var(--za-text-muted) !important;
}
.za-context-workspace .za-league-select-menu {
  background: var(--za-bg-surface-raised) !important;
  border-color: var(--za-border-subtle) !important;
}
.za-context-workspace .za-league-select-option {
  color: var(--za-text-secondary) !important;
  text-align: left !important;
  font-weight: 400 !important;
}
.za-context-workspace .za-league-select-option.is-active,
.za-context-workspace .za-league-select-option[aria-selected="true"] {
  background: var(--za-nav-active-bg) !important;
  color: var(--za-nav-active-text) !important;
}
.za-context-workspace .za-actions .za-btn,
.za-context-workspace .za-actions #za-run-sim {
  width: 100% !important;
  max-width: none !important;
}
.za-context-workspace .za-actions #za-run-sim {
  background: var(--za-button-primary-bg) !important;
  border-color: var(--za-button-primary-bg) !important;
  color: var(--za-button-primary-text) !important;
}