/* Cabinet typography and icon finish */
html[data-brand="usynai"],
html[data-brand="usynai"] body {
  font-family:
    "Segoe UI Variable Text", "Segoe UI", "PT Root UI", Inter, Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.usynai-brand {
  font-variant-numeric: tabular-nums;
}
body.usynai-brand
  :is(
    .eyebrow,
    .panel-kicker,
    .profile-kicker,
    .hero-kicker,
    .nav-section-label,
    .ai-focus-kicker,
    .brand small,
    .auth-brand small,
    .faq-brand small
  ) {
  letter-spacing: 0.035em;
  text-transform: none;
}
body.usynai-brand .brand small,
body.usynai-brand .auth-brand small,
body.usynai-brand .faq-brand small {
  font-size: 12px;
  font-weight: 650;
}
body.usynai-brand .topbar h1,
body.usynai-brand h1,
body.usynai-brand h2,
body.usynai-brand h3 {
  letter-spacing: -0.025em;
}
body.cabinet-experience-v2 .nav-section-label {
  margin: 18px 12px 7px;
  color: #737a74;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.1;
}
body.cabinet-experience-v2 .nav-item {
  min-height: 44px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 650;
}
body.cabinet-experience-v2 .nav-item > span:first-child {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(23, 26, 24, 0.09);
  border-radius: 9px;
  color: #59625c;
  background: rgba(255, 254, 249, 0.54);
}
body.cabinet-experience-v2 .nav-item > span:first-child svg {
  width: 18px;
  height: 18px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.cabinet-experience-v2 .nav-item:not(:disabled):hover > span:first-child {
  color: #171a18;
  background: #fffef9;
  border-color: rgba(23, 26, 24, 0.16);
}
body.cabinet-experience-v2 .nav-item.active > span:first-child,
body.cabinet-experience-v2 #navAssistant.active > span:first-child {
  color: #123f31;
  background: #c8f1dc;
  border-color: #9dccb4;
}
body.cabinet-experience-v2 #navAssistant > span:first-child {
  color: #247258;
  background: #e3f3ea;
  border-color: #bddbc9;
}
body.cabinet-experience-v2 .nav-item em {
  min-width: 18px;
  padding: 2px 5px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 720;
  letter-spacing: 0;
  text-transform: none;
}
body.cabinet-experience-v2 #dashboard .metric-card > span,
body.cabinet-experience-v2 #dashboard .performance-strip span,
body.cabinet-experience-v2 #dashboard .performance-strip small,
.ai-focus-count,
.ai-priority-card button,
.ai-mini-prompt,
.ai-mini-form button,
.ai-focus-note,
.ai-mini-chat-title span {
  letter-spacing: 0;
  text-transform: none;
}
body.cabinet-experience-v2 #dashboard .metric-card > span {
  font-size: 12px;
  font-weight: 700;
}
body.cabinet-experience-v2 #dashboard .metric-card small,
body.cabinet-experience-v2 #dashboard .performance-strip span,
body.cabinet-experience-v2 #dashboard .performance-strip small,
.ai-priority-detail,
.ai-focus-copy p {
  font-size: 12px;
}
.ai-focus-copy h3 {
  font-weight: 730;
  letter-spacing: -0.02em;
}
.ai-priority-card-copy strong,
.ai-mini-chat-title strong {
  font-size: 14px;
  font-weight: 700;
}
/* Keep the assistant mark geometrically centred regardless of legacy span rules. */
body.cabinet-experience-v2 .ai-mini-chat-title {
  align-items: center;
}
body.cabinet-experience-v2 .ai-mini-chat-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  overflow: hidden;
  color: #143b2f;
  background: #e3f3ea;
  border: 1px solid #bddbc9;
  border-radius: 12px;
  line-height: 0;
}
body.cabinet-experience-v2 .ai-mini-chat-avatar svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  transform: none !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.cabinet-experience-v2
  .app-main
  :is(.eyebrow, .panel-kicker, .profile-kicker, .hero-kicker),
body.cabinet-experience-v2 .ai-focus-kicker,
body.cabinet-experience-v2 .ai-focus-count,
body.cabinet-experience-v2 .ai-priority-card button,
body.cabinet-experience-v2 .ai-mini-prompt,
body.cabinet-experience-v2 .ai-mini-form button,
body.cabinet-experience-v2 .ai-mini-result-copy strong,
body.cabinet-experience-v2 .ai-mini-open,
body.cabinet-experience-v2 .ai-focus-note {
  font-size: 12px;
}

body.cabinet-experience-v2 .app-main small,
body.cabinet-experience-v2 .ai-priority-detail,
body.cabinet-experience-v2 .ai-focus-copy p,
body.cabinet-experience-v2 .ai-mini-chat-title span,
body.cabinet-experience-v2 .ai-mini-result-copy p {
  font-size: 12px;
  line-height: 1.5;
}

body.cabinet-experience-v2 .app-main th {
  font-size: 12px;
  line-height: 1.35;
}

body.cabinet-experience-v2 .app-main td {
  font-size: 13px;
  line-height: 1.4;
}

body.cabinet-experience-v2 .app-main :is(button, input, select, textarea) {
  font-size: max(13px, 1em);
}

body.cabinet-experience-v2 .ai-priority-card button,
body.cabinet-experience-v2 .ai-mini-prompt,
body.cabinet-experience-v2 .ai-mini-form button {
  min-height: 40px;
}

body.cabinet-experience-v2 .ai-mini-form input {
  height: 44px;
  font-size: 14px;
}

body.cabinet-experience-v2
  :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #2f55bf;
  outline-offset: 2px;
}

body.cabinet-experience-v2 .table-wrap:focus-visible {
  border-radius: 10px;
}

/* Final readability floor for legacy commerce modules. */
body.cabinet-experience-v2
  .app-main
  :is(p, li, label, summary, small, dt, dd) {
  font-size: max(12px, 1em);
}

body.cabinet-experience-v2
  .app-main
  :is(
    .status,
    .source-badge,
    .catalog-risk-chip,
    .channel-status,
    .unified-channel-badge,
    .product-auto-tariffs,
    .profile-saved-badge,
    .abc-badge
  ),
body.cabinet-experience-v2
  .app-main
  :is(
    .catalog-import-status,
    .catalog-panel-head > span,
    .catalog-score span,
    .channel-comparison > span,
    .channel-common-card > header span,
    .channel-common-card > header em,
    .shared-stock-summary span,
    .shared-stock-summary > b,
    .channel-metric-strip span,
    .channel-breakdown span,
    .channel-strategy-table-button span,
    .income-row strong,
    .order-income-total span,
    .missing-costs label > span,
    .missing-costs label b
  ) {
  font-size: 12px;
}

body.cabinet-experience-v2 .app-main .income-row > b {
  font-size: 13px;
}
body.cabinet-experience-v2
  .app-main
  :is(
    .business-profile-view,
    .tax-center-view,
    .sku-expense-drawer,
    .channel-strategy-drawer,
    .catalog-scan-dialog
  )
  span:not([aria-hidden="true"]) {
  font-size: max(12px, 1em);
}
body.cabinet-experience-v2 .app-main :is(button, input, select, textarea) {
  min-height: 40px;
}
body.cabinet-experience-v2
  :is(
    .sku-expense-close,
    .channel-strategy-header > button,
    .catalog-scan-head > button,
    #closeOrderDrawer
  ) {
  min-width: 44px;
  min-height: 44px;
}

/* Remove the remaining purple/glass legacy treatment from active cabinet UI. */
body.cabinet-experience-v2
  :is(.business-profile-intro, .tax-hero, .tax-payment-card) {
  color: #fffef9;
  background: #171a18 !important;
  background-image: none !important;
  box-shadow: 0 18px 44px rgba(23, 26, 24, 0.12);
}
body.cabinet-experience-v2
  :is(.business-profile-form, .tax-panel, .tax-monthly-section) {
  border-color: #d8d2c7;
  background: #fffef9;
  background-image: none;
}
body.cabinet-experience-v2 .profile-grid :is(input, select):focus {
  border-color: #2f55bf;
  box-shadow: 0 0 0 4px rgba(47, 85, 191, 0.11);
}
body.cabinet-experience-v2 .automatic-tariffs-card {
  border-color: #dfc8bd !important;
  background: #fff3ed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cabinet-experience-v2 .automatic-tariffs-card .automatic-tariffs-icon,
body.cabinet-experience-v2
  :is(.expense-location-icon, .sku-expense-guide-icon) {
  color: #fff;
  background: #b93820 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cabinet-experience-v2 .automatic-tariffs-card span {
  color: #8c321f !important;
}
body.cabinet-experience-v2 :is(.tariff-source-card, .sku-expense-guide) {
  border-color: #d8d2c7;
  background: #f8f5ee;
  background-image: none;
  box-shadow: none;
}
body.cabinet-experience-v2 .profile-actions .primary-button {
  color: #fff !important;
  border-color: #171a18 !important;
  background: #171a18 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cabinet-experience-v2 .profile-actions {
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.cabinet-experience-v2 :is(.tax-metric-primary, .tax-monthly-total) {
  color: #fff;
  background: #b93820;
  background-image: none;
}
body.cabinet-experience-v2
  :is(.tax-share-track i, .tax-month-bar i, .tax-monthly-gmv-row i) {
  background: #2f55bf;
  background-image: none;
}
body.cabinet-experience-v2
  :is(.tax-kaspi-tabs button.active, .tax-payment-card .primary-button) {
  color: #fff;
  border-color: #fffef9;
  background: #fffef9;
  background-image: none;
}
body.cabinet-experience-v2 .tax-kaspi-tabs button.active {
  color: #fff;
  border-color: #171a18;
  background: #171a18;
}
body.cabinet-experience-v2 .tax-payment-card .primary-button {
  color: #171a18;
}
body.cabinet-experience-v2
  :is(.catalog-scan-dialog, .sku-expense-backdrop, .channel-strategy-backdrop) {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.cabinet-experience-v2 .catalog-scan-status:is(.running, .queued) {
  color: #2f55bf;
}
body.cabinet-experience-v2
  :is(.catalog-scan-warning, .kaspi-product-preflight) {
  border-color: #dfc8bd;
  color: #59443e;
  background: #fff3ed;
}
body.cabinet-experience-v2
  :is(.channel-strategy-intro, .channel-strategy-footer) {
  border-color: #d8d2c7;
  background: #f8f5ee;
  background-image: none;
}
@media (max-width: 960px) {
  body.cabinet-experience-v2 .nav-item {
    grid-template-columns: 28px minmax(0, 1fr) auto;
  }
}
@media (max-width: 760px) {
  body.cabinet-experience-v2 .app-main :is(button, input, select, textarea) {
    min-height: 44px;
  }
}

/* Final readability contract. This file is loaded after the cabinet finish layer. */
html[data-brand="usynai"] body.cabinet-experience-v2 .app-main
  :is(small, .eyebrow, .panel-kicker, .profile-kicker, .tax-kicker, .ai-focus-kicker, .ai-focus-count, table th) {
  font-size: 12px;
  line-height: 1.45;
}
html[data-brand="usynai"] body.cabinet-experience-v2 .app-main
  :is(p, label, input, select, textarea, button, table td) {
  line-height: 1.45;
}