/* Module-specific UX polish loaded after ux_quality.css. */

/* ---------- Dark module surfaces ---------- */
body.usynai-brand .ntin-hero,
body.usynai-brand .profitability-metric.profit-main {
  color: #fff;
}

body.usynai-brand .ntin-hero :is(h1, h2, h3, h4, strong, b),
body.usynai-brand .profitability-metric.profit-main :is(strong, b) {
  color: #fff;
}

body.usynai-brand .ntin-hero :is(p, small),
body.usynai-brand .profitability-metric.profit-main :is(span, small) {
  color: #d8dcef;
}

body.usynai-brand .ntin-hero h2 {
  font-size: clamp(28px, 2.2vw, 36px);
}

body.usynai-brand .ntin-hero p {
  font-size: 14px;
  line-height: 1.65;
}

body.usynai-brand .ntin-hero-kicker {
  color: #a9ceff;
  font-size: 11px;
}

body.usynai-brand .profitability-metric.profit-main {
  background:
    radial-gradient(circle at 92% 0%, rgba(91, 61, 255, .22), transparent 44%),
    linear-gradient(145deg, #0b0f2a, #171a38 72%, #26204f);
}

/* ---------- Product analytics ---------- */
body.usynai-brand .products-head > div > p:last-child,
body.usynai-brand .products-empty > p:not(.panel-kicker),
body.usynai-brand .products-loading > p,
body.usynai-brand .products-no-data {
  font-size: 13px;
  line-height: 1.6;
}

body.usynai-brand .products-empty > small,
body.usynai-brand .products-loading > small,
body.usynai-brand .product-bar-copy small,
body.usynai-brand .abc-row small,
body.usynai-brand .abc-note,
body.usynai-brand .product-cell small {
  color: var(--ink-muted);
  font-size: 11px;
  line-height: 1.45;
}

body.usynai-brand .product-bar-copy strong,
body.usynai-brand .product-bar-row > b,
body.usynai-brand .abc-row strong,
body.usynai-brand .product-cell > span {
  color: var(--ink);
  font-size: 12px;
}

body.usynai-brand .product-rank,
body.usynai-brand .abc-badge {
  font-size: 11px;
}

body.usynai-brand .products-toolbar input,
body.usynai-brand .products-toolbar select {
  min-height: 46px;
  font-size: 14px;
}

/* ---------- Profitability ---------- */
body.usynai-brand .profitability-copy > p:not(.panel-kicker) {
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.6;
}

body.usynai-brand .profitability-formula,
body.usynai-brand .profitability-actions > small,
body.usynai-brand .profitability-metric span,
body.usynai-brand .profitability-metric small {
  font-size: 12px;
}

body.usynai-brand .profit-bar-row > span,
body.usynai-brand .profit-bar-row strong,
body.usynai-brand .profit-bar-row small,
body.usynai-brand .profit-bar-row > b,
body.usynai-brand .cost-structure-row strong,
body.usynai-brand .cost-structure-row small,
body.usynai-brand .cost-structure-row > b,
body.usynai-brand .profit-no-data {
  font-size: 12px;
}

body.usynai-brand .profitability-toolbar input,
body.usynai-brand .profitability-toolbar select {
  min-height: 46px;
  font-size: 14px;
}

body.usynai-brand .margin-badge,
body.usynai-brand .unmatched-badge {
  min-height: 28px;
  font-size: 11px;
}

/* ---------- Order economics ---------- */
body.usynai-brand .order-income-placeholder,
body.usynai-brand .order-income-empty,
body.usynai-brand .order-income-empty p,
body.usynai-brand .income-note p {
  font-size: 12px;
  line-height: 1.55;
}

body.usynai-brand .order-income-empty strong,
body.usynai-brand .income-row strong,
body.usynai-brand .missing-costs strong,
body.usynai-brand .missing-costs label > span {
  font-size: 13px;
}

body.usynai-brand .order-income-head h3 {
  font-size: 18px;
}

body.usynai-brand .order-income-total span,
body.usynai-brand .order-income-total small,
body.usynai-brand .income-row > b,
body.usynai-brand .missing-costs small,
body.usynai-brand .missing-costs label b {
  font-size: 12px;
}

body.usynai-brand .source-badge {
  min-height: 24px;
  font-size: 11px;
}

body.usynai-brand .order-cost-input {
  min-height: 42px;
  font-size: 14px;
}

/* ---------- Suppliers ---------- */
body.usynai-brand .supplier-tabs button,
body.usynai-brand .supplier-status,
body.usynai-brand .supplier-toolbar select,
body.usynai-brand .supplier-card-copy > p,
body.usynai-brand .supplier-loading p,
body.usynai-brand .supplier-empty > p:not(.panel-kicker),
body.usynai-brand .supplier-no-results,
body.usynai-brand .recommended-intro p {
  font-size: 13px;
}

body.usynai-brand .supplier-tabs button span,
body.usynai-brand .supplier-title-row > span,
body.usynai-brand .supplier-contact-links a,
body.usynai-brand .supplier-contact-links span,
body.usynai-brand .supplier-card-actions button,
body.usynai-brand .supplier-sku-summary > div:first-child span,
body.usynai-brand .supplier-sku-chips span,
body.usynai-brand .supplier-sku-chips em,
body.usynai-brand .supplier-notes span,
body.usynai-brand .supplier-notes p,
body.usynai-brand .recommended-tags span,
body.usynai-brand .recommended-conditions span,
body.usynai-brand .recommended-conditions strong,
body.usynai-brand .supplier-field > span,
body.usynai-brand .supplier-sku-head p,
body.usynai-brand .supplier-sku-head > span,
body.usynai-brand .manual-sku button,
body.usynai-brand .supplier-sku-option strong,
body.usynai-brand .supplier-sku-option small {
  font-size: 11px;
}

body.usynai-brand .supplier-card-actions button {
  min-height: 38px;
}

body.usynai-brand .supplier-field input,
body.usynai-brand .supplier-field textarea,
body.usynai-brand .manual-sku input {
  min-height: 46px;
  font-size: 14px;
}

body.usynai-brand .supplier-title-row h3,
body.usynai-brand .supplier-empty h3 {
  font-size: 18px;
}

/* ---------- Automatic tariffs ---------- */
body.usynai-brand .automatic-tariffs-card strong {
  color: var(--ink);
  font-size: 13px;
}

body.usynai-brand .automatic-tariffs-card p {
  color: var(--ink-soft);
  font-size: 12px;
  line-height: 1.55;
}

body.usynai-brand .automatic-tariffs-card span {
  font-size: 11px;
}

/* ---------- NKT / NTIN ---------- */
body.usynai-brand .ntin-button,
body.usynai-brand .ntin-row-action {
  min-height: 44px;
  font-size: 13px;
}

body.usynai-brand .ntin-metric span,
body.usynai-brand .ntin-metric small,
body.usynai-brand .ntin-progress span,
body.usynai-brand .ntin-code,
body.usynai-brand .ntin-pill,
body.usynai-brand .ntin-footer,
body.usynai-brand .ntin-form label,
body.usynai-brand .ntin-save-error {
  font-size: 12px;
}

body.usynai-brand .ntin-table th {
  font-size: 11px;
}

body.usynai-brand .ntin-table td {
  font-size: 13px;
}

body.usynai-brand .ntin-form input,
body.usynai-brand .ntin-form textarea,
body.usynai-brand .ntin-form select,
body.usynai-brand .ntin-search input,
body.usynai-brand .ntin-toolbar select {
  min-height: 46px;
  font-size: 14px;
}

/* ---------- Kaspi import ---------- */
body.usynai-brand .kaspi-import-guide small,
body.usynai-brand .kaspi-import-section-head p,
body.usynai-brand .kaspi-category-results small,
body.usynai-brand .kaspi-attribute-code,
body.usynai-brand .kaspi-import-submit p,
body.usynai-brand .kaspi-preview-list span,
body.usynai-brand .kaspi-result-details {
  color: var(--ink-soft);
  font-size: 12px;
  line-height: 1.5;
}

body.usynai-brand .kaspi-import-field > span,
body.usynai-brand .kaspi-attribute-row label > span,
body.usynai-brand .kaspi-category-results strong,
body.usynai-brand .kaspi-preview-list strong {
  color: var(--ink);
  font-size: 13px;
}

body.usynai-brand .kaspi-import-field input,
body.usynai-brand .kaspi-import-field textarea,
body.usynai-brand .kaspi-import-field select,
body.usynai-brand .kaspi-attribute-control input,
body.usynai-brand .kaspi-attribute-control select {
  min-height: 46px;
  font-size: 14px;
}

/* ---------- Mobile density ---------- */
@media (max-width: 760px) {
  body.usynai-brand .nav-item::after {
    font-size: 11px;
  }

  body.usynai-brand .nav-item em,
  body.usynai-brand .topbar .eyebrow,
  body.usynai-brand .connection-badge,
  body.usynai-brand .dashboard-subline,
  body.usynai-brand #disconnect,
  body.usynai-brand .metric-card > span,
  body.usynai-brand .metric-label,
  body.usynai-brand .metric-card small,
  body.usynai-brand .performance-strip span,
  body.usynai-brand .performance-strip small,
  body.usynai-brand .segmented-control button,
  body.usynai-brand .chart-summary span {
    font-size: 11px;
  }

  body.usynai-brand .page-subtitle,
  body.usynai-brand .connect-hero-content > p,
  body.usynai-brand .feature-list strong,
  body.usynai-brand .feature-list small {
    font-size: 12px;
  }

  body.usynai-brand .supplier-card-main {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  body.usynai-brand .supplier-card-actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.usynai-brand .supplier-card-actions button {
    flex: 1;
    min-height: 44px;
  }
}