/* Shared visual system: the overview palette, navigation and controls. */
html {color-scheme:dark}
body.app-shell {
  --ds-bg:#0c1422;--ds-panel:#131f32;--ds-panel-soft:#18263c;--ds-line:#24334c;
  --ds-text:#e9edf6;--ds-muted:#91a0b9;--ds-accent:#eeb856;--ds-good:#58caa0;--ds-bad:#f08090;
  --ds-sidebar:#101b2c;--ds-shadow:0 8px 30px rgba(0,0,0,.08);--app-blue:#6685ff;
  --bg:var(--ds-bg);--card:var(--ds-panel);--text:var(--ds-text);--muted:var(--ds-muted);
  --border:var(--ds-line);--primary:var(--app-blue);--primary2:var(--app-blue);
  --primary-soft:var(--ds-panel-soft);--green:var(--ds-good);--red:var(--ds-bad);--yellow:var(--ds-accent);--dark:var(--ds-text);
  margin:0;background:var(--ds-bg)!important;color:var(--ds-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;
  min-height:100vh;color-scheme:dark;
}
html[data-app-theme="light"] body.app-shell {
  --ds-bg:#f2f5f9;--ds-panel:#fff;--ds-panel-soft:#f5f7fb;--ds-line:#e0e6ef;
  --ds-text:#202b40;--ds-muted:#68778e;--ds-accent:#9a6718;--ds-good:#197a57;--ds-bad:#bb3a4e;
  --ds-sidebar:#fff;--ds-shadow:0 5px 22px rgba(27,49,82,.035);--app-blue:#526fe0;color-scheme:light;
}
.app-shell *, .app-shell *::before, .app-shell *::after {box-sizing:border-box}
.app-shell [hidden] {display:none!important}
.app-shell a {color:var(--app-blue);text-decoration:none}
.app-shell a:hover {color:var(--ds-accent)}
.app-shell :focus-visible {outline:2px solid var(--ds-accent);outline-offset:3px}
.app-shell .muted,.app-shell .small.muted {color:var(--ds-muted)!important}
.app-shell .small,.app-shell .table-note,.app-shell .secret-status {font-size:11px;line-height:1.65}
.app-shell .good,.app-shell .positive,.app-shell .app-positive-inline {color:var(--ds-good)!important}
.app-shell .bad,.app-shell .negative,.app-shell .neg,.app-shell .app-negative-inline {color:var(--ds-bad)!important}
.app-shell .app-warning-inline {color:var(--ds-accent)!important}
.app-shell .app-text-inline {color:var(--ds-text)!important}
.app-shell .app-muted-inline {color:var(--ds-muted)!important}
.app-shell .app-inline-surface {background:var(--ds-panel-soft)!important;border-color:var(--ds-line)!important}
body.app-shell .app-sidebar {
  position:fixed!important;inset:0 auto 0 0!important;width:224px;height:100dvh;
  background:var(--ds-sidebar)!important;border-right:1px solid var(--ds-line);box-shadow:none!important;z-index:100;
}
body.app-shell .app-sidebar .top-inner {
  display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;
  height:100%;width:100%;max-width:none;padding:24px 16px 14px!important;gap:0;
}
body.app-shell .brand {margin:0 0 23px!important;white-space:normal;max-width:none;letter-spacing:-.2px;font-size:15px!important;font-weight:700;line-height:1.3}
body.app-shell .brand:before,body.app-shell .brand a:after {display:none!important}
body.app-shell .brand>a {display:flex!important;align-items:center;gap:10px;padding:0 6px!important;color:var(--ds-text)!important}
.app-brand-mark {display:flex;align-items:center;justify-content:center;width:29px;height:34px;flex:none;color:var(--ds-good)}
.app-brand-mark svg {width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-brand-copy {display:block;min-width:0}
.app-brand-copy small {display:block;margin-top:5px;font-size:9px;letter-spacing:.015em;color:var(--ds-muted);font-weight:400}
body.app-shell .app-sidebar .nav {
  display:flex!important;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-items:stretch;
  gap:4px;margin:0!important;padding:0 3px 8px 0!important;background:transparent!important;position:static!important;
  box-shadow:none!important;border:0!important;border-radius:0;scrollbar-width:thin;scrollbar-color:var(--ds-line) transparent;
}
body.app-shell .app-sidebar .nav .nav-link {
  display:flex;align-items:center;gap:10px;min-height:37px!important;width:100%;margin:0!important;padding:9px 10px!important;
  border:0;border-radius:8px!important;color:var(--ds-muted)!important;background:transparent!important;box-shadow:none!important;
  text-decoration:none;font-size:12px!important;font-weight:550;line-height:1.35;opacity:1;position:relative;
}
body.app-shell .app-sidebar .nav .nav-link:hover {color:var(--ds-text)!important;background:var(--ds-panel-soft)!important}
body.app-shell .app-sidebar .nav .nav-link[aria-current="page"] {color:var(--ds-text)!important;background:var(--ds-panel-soft)!important}
body.app-shell .app-sidebar .nav .nav-link:before {display:none!important}
body.app-shell .app-sidebar .nav .nav-link[aria-current="page"]:before {
  content:"";display:block!important;position:absolute;left:0;top:9px;bottom:9px;width:3px;background:var(--ds-accent);border-radius:3px;
}
.app-nav-icon {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:.9}
.app-nav-group {margin-top:8px}
.app-nav-group>summary {display:flex;align-items:center;gap:10px;padding:9px 10px;color:var(--ds-muted);font-size:12px;font-weight:550;cursor:pointer;list-style:none;border-radius:8px;min-height:37px}
.app-nav-group>summary::-webkit-details-marker {display:none}
.app-nav-group>summary:hover {background:var(--ds-panel-soft);color:var(--ds-text)}
.app-nav-group>summary:after {content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);margin-left:auto;margin-right:3px}
.app-nav-group[open]>summary:after {transform:rotate(45deg)}
.app-nav-group[open]>summary {color:var(--ds-text)}
.app-nav-children {margin:4px 0 5px 17px;border-left:1px solid var(--ds-line);padding-left:7px}
body.app-shell .app-sidebar .app-nav-children .nav-link {font-size:11px!important;min-height:33px!important;padding:7px 9px!important}
.app-nav-children .app-nav-icon {width:13px;height:13px}
.app-nav-section {font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-muted);padding:18px 10px 7px}
body.app-shell .app-sidebar .nav form {padding:0!important;border:0!important;margin:3px 0 0!important}
.app-sidebar-footer {padding:12px 5px 0;margin-top:10px;border-top:1px solid var(--ds-line);display:flex;align-items:center;gap:8px;justify-content:space-between}
.app-theme-button {appearance:none;border:1px solid var(--ds-line);background:var(--ds-panel-soft);color:var(--ds-muted);padding:7px 9px;border-radius:7px;display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;line-height:1.4}
.app-theme-button:hover {color:var(--ds-text)}
.app-theme-button svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.app-sidebar-footer>small {font-size:9px;color:var(--ds-muted)}
.app-mobile-actions {display:none;align-items:center;gap:8px}
body.app-shell .mobile-menu-btn {display:none!important;width:34px;height:34px;border:1px solid var(--ds-line)!important;background:var(--ds-panel-soft)!important;border-radius:8px!important;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;padding:7px!important;margin:0!important}
body.app-shell .mobile-menu-btn>span {display:block;width:17px;height:2px;margin:0!important;background:var(--ds-text);border-radius:1px;transition:transform .15s,opacity .15s}
body.app-shell.mobile-menu-open .mobile-menu-btn>span:nth-child(1) {transform:translateY(6px) rotate(45deg)}
body.app-shell.mobile-menu-open .mobile-menu-btn>span:nth-child(2) {opacity:0}
body.app-shell.mobile-menu-open .mobile-menu-btn>span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}
.app-menu-backdrop {position:fixed;inset:60px 0 0;background:rgba(2,7,16,.65);z-index:90;backdrop-filter:blur(2px)}
body.app-shell>.app-main {margin:0 0 0 224px!important;padding:28px 30px!important;width:calc(100% - 224px);max-width:none!important;min-width:0}
.app-main>.app-page-breadcrumb {font-size:10px;letter-spacing:.04em;color:var(--ds-muted);margin:0 0 7px}
.app-main h1 {font-size:28px!important;line-height:1.25;letter-spacing:-.6px;color:var(--ds-text)!important;margin:0 0 22px;font-weight:700}
.app-main h2 {font-size:15px;line-height:1.4;letter-spacing:-.15px;color:var(--ds-text);font-weight:650;margin:0 0 14px}
.app-main h3 {font-size:13px;color:var(--ds-text);font-weight:650;line-height:1.5}
.app-main .page-head {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 22px}
.app-main .page-head h1 {margin:0 0 8px}
.app-main .page-head p {font-size:12px;color:var(--ds-muted);margin:0}
.app-main .page-head>form {flex:none}
.app-shell .card,.app-shell .metric,.app-shell .ads-metric {
  background:var(--ds-panel)!important;border:1px solid var(--ds-line)!important;border-radius:12px!important;
  box-shadow:var(--ds-shadow)!important;color:var(--ds-text);min-width:0;max-width:100%;
}
.app-main .card {padding:18px!important;margin:14px 0!important}
.app-main .card:first-child {margin-top:0!important}
.app-main .card>.card {box-shadow:none!important;background:var(--ds-panel-soft)!important}
.app-main .grid {gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.app-main .grid.two {grid-template-columns:repeat(2,minmax(0,1fr))}
.app-main .mc-metrics,.app-main .order-metrics-6 {grid-template-columns:repeat(3,minmax(0,1fr))}
.app-main .metric,.app-main .ads-metric {--metric-color:#6685ff;padding:17px 16px!important;min-height:125px;position:relative;overflow:hidden}
.app-main .metric:nth-child(5n+2),.app-main .ads-metric:nth-child(5n+2) {--metric-color:#efb454}
.app-main .metric:nth-child(5n+3),.app-main .ads-metric:nth-child(5n+3) {--metric-color:#51cba1}
.app-main .metric:nth-child(5n+4),.app-main .ads-metric:nth-child(5n+4) {--metric-color:#47bcd0}
.app-main .metric:nth-child(5n+5),.app-main .ads-metric:nth-child(5n+5) {--metric-color:#eb7284}
.app-main .metric:after,.app-main .ads-metric:after {content:"";position:absolute;right:15px;top:19px;width:6px;height:6px;background:var(--metric-color);border-radius:2px}
.app-main .metric>small,.app-main .ads-metric>span {display:block;color:var(--ds-muted);font-size:10px;text-transform:uppercase;letter-spacing:.035em;font-weight:650;padding-right:16px;line-height:1.5;margin-bottom:11px}
.app-main .metric>strong,.app-main .ads-metric>strong {display:block;font-size:clamp(22px,1.9vw,30px)!important;letter-spacing:-.6px;line-height:1.2;color:var(--ds-text);font-weight:700;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.app-main .metric em,.app-main .ads-metric small {font-size:10px;color:var(--ds-muted);font-style:normal;display:block;margin-top:10px}
.app-main .metric-warn {border-color:color-mix(in srgb,var(--ds-accent) 30%,var(--ds-line))!important}
.app-main .metric-warn:after {background:var(--ds-accent)}
.app-main .metric-income {border-color:color-mix(in srgb,var(--ds-good) 30%,var(--ds-line))!important}
.app-main .form-grid,.app-main .settings-grid,.app-main .api-columns {gap:14px}
.app-main label {color:var(--ds-muted)!important;font-size:11px;font-weight:550}
.app-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.app-main select,.app-main textarea {
  color:var(--ds-text)!important;background:var(--ds-panel-soft)!important;border:1px solid var(--ds-line)!important;
  box-shadow:none!important;border-radius:7px!important;padding:8px 10px!important;font-family:inherit;font-size:12px;line-height:1.4;
  max-width:100%;min-height:34px;
}
.app-main input::placeholder,.app-main textarea::placeholder {color:var(--ds-muted);opacity:.7}
.app-main input:focus,.app-main select:focus,.app-main textarea:focus {border-color:var(--ds-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-accent) 10%,transparent)!important;outline:none}
.app-main input[type=checkbox],.app-main input[type=radio] {accent-color:var(--ds-accent);width:auto;min-height:0;flex:none}
.app-main select option {background:var(--ds-panel);color:var(--ds-text)}
.app-main input:disabled,.app-main select:disabled,.app-main textarea:disabled {opacity:.55}
.app-main .btn,.app-main button.btn,.app-main input[type=submit],.app-main button[type=submit] {
  display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--app-blue)!important;
  border-radius:7px!important;background:var(--app-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:none!important;padding:8px 11px!important;min-height:34px!important;font-size:11px!important;
  font-family:inherit;font-weight:650;line-height:1.4;text-align:center;cursor:pointer;transform:none!important;white-space:normal;
}
.app-main .btn *, .app-main input[type=submit] *, .app-main button[type=submit] * {color:inherit!important;-webkit-text-fill-color:inherit!important}
.app-main .btn:hover,.app-main button[type=submit]:hover {filter:brightness(1.1);box-shadow:none!important;transform:none!important}
.app-main .btn.secondary,.app-main .btn.light {background:var(--ds-panel-soft)!important;color:var(--ds-text)!important;-webkit-text-fill-color:var(--ds-text)!important;border-color:var(--ds-line)!important}
.app-main .btn.danger {background:color-mix(in srgb,var(--ds-bad) 12%,var(--ds-panel))!important;color:var(--ds-bad)!important;-webkit-text-fill-color:var(--ds-bad)!important;border-color:color-mix(in srgb,var(--ds-bad) 40%,var(--ds-line))!important}
.app-main .btn:disabled,.app-main .btn.disabled,.app-main button:disabled {opacity:.5;cursor:default;filter:none}
.app-main .actions {gap:8px!important;align-items:center}
.app-main .filters,.app-main .filterbar {gap:10px;align-items:flex-end}
.app-main .filters>input {max-width:280px}
.app-main .filters label {min-width:125px}
.app-main .filters select {min-width:120px}
.app-main .filters label input,.app-main .filters label select {margin-top:5px}
.app-main .check {color:var(--ds-muted);font-size:11px}
.app-main .subnav,.app-main .orders-subtabs,.app-main .reprice-tabs,.app-main .ads-tabs,.app-main .ads-period,.app-main .editor-preview-panel-actions {display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.app-main .subnav {padding:10px!important}
.app-main .subnav a,.app-main .orders-subtabs a,.app-main .reprice-tabs a,.app-main .ads-tabs a,.app-main .ads-period a,.app-main .editor-preview-panel-actions a,.app-main .template-pill {
  background:var(--ds-panel-soft)!important;border:1px solid var(--ds-line)!important;color:var(--ds-muted)!important;
  border-radius:6px!important;padding:6px 9px!important;min-height:29px;font-size:11px;font-weight:600;line-height:1.5;
}
.app-main :is(.subnav,.orders-subtabs,.reprice-tabs,.ads-tabs,.ads-period,.editor-preview-panel-actions) a.active,.app-main .template-pill.active {
  color:var(--ds-accent)!important;background:color-mix(in srgb,var(--ds-accent) 10%,transparent)!important;border-color:color-mix(in srgb,var(--ds-accent) 50%,var(--ds-line))!important;
}
.app-main .pagination {gap:9px}
.app-main .pagination .page {background:var(--ds-panel)!important;border:1px solid var(--ds-line)!important;border-radius:6px!important;color:var(--ds-muted)!important;min-height:30px!important;min-width:30px;font-size:11px!important;padding:6px 9px!important;box-shadow:none!important}
.app-main .pagination .page.active {color:var(--ds-accent)!important;background:var(--ds-panel-soft)!important;border-color:var(--ds-accent)!important}
.app-main .badge,.app-main .wh-pill,.app-main .review-mp {background:var(--ds-panel-soft)!important;color:var(--ds-muted)!important;border:1px solid var(--ds-line);border-radius:5px;font-size:10px;font-weight:600;padding:3px 6px;line-height:1.5}
.app-main .badge.ok,.app-main .fbs-stock-ok,.app-main .mc-fbs-auto,.app-main .mc-shared-fbs-channels .ok {background:color-mix(in srgb,var(--ds-good) 10%,var(--ds-panel))!important;color:var(--ds-good)!important;border-color:color-mix(in srgb,var(--ds-good) 25%,var(--ds-line))!important}
.app-main .badge.bad,.app-main .fbs-stock-bad,.app-main .mc-shared-fbs-channels .bad {background:color-mix(in srgb,var(--ds-bad) 10%,var(--ds-panel))!important;color:var(--ds-bad)!important;border-color:color-mix(in srgb,var(--ds-bad) 25%,var(--ds-line))!important}
.app-main .badge.warn {background:color-mix(in srgb,var(--ds-accent) 10%,var(--ds-panel))!important;color:var(--ds-accent)!important;border-color:color-mix(in srgb,var(--ds-accent) 25%,var(--ds-line))!important}
.app-main .alert,.app-main .ads-insight,.app-main .notice-readonly,.app-main .source-note {background:var(--ds-panel-soft)!important;border:1px solid var(--ds-line)!important;border-radius:9px;color:var(--ds-muted);padding:12px 14px;font-size:12px;line-height:1.65;box-shadow:none}
.app-main .alert.ok,.app-main .ads-insight.ok {background:color-mix(in srgb,var(--ds-good) 6%,var(--ds-panel))!important;border-color:color-mix(in srgb,var(--ds-good) 24%,var(--ds-line))!important;color:var(--ds-good)}
.app-main .alert.error,.app-main .ads-insight.bad {background:color-mix(in srgb,var(--ds-bad) 6%,var(--ds-panel))!important;border-color:color-mix(in srgb,var(--ds-bad) 24%,var(--ds-line))!important;color:var(--ds-bad)}
.app-main .alert.warning,.app-main .ads-insight.warn {background:color-mix(in srgb,var(--ds-accent) 6%,var(--ds-panel))!important;border-color:color-mix(in srgb,var(--ds-accent) 24%,var(--ds-line))!important;color:var(--ds-accent)}
.app-main .alert p,.app-main .ads-insight p {font-size:11px;margin:5px 0 0;color:var(--ds-muted)}
.app-main .wide-table,.app-main .table-scroll,.app-main .wide-scroll,.app-main .app-table-scroll,.app-main .commissions-table-wrap,.app-main .aid-table-wrap {max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ds-line) transparent;background:transparent!important;border-color:var(--ds-line)!important;box-shadow:none!important}
.app-main .app-table-scroll {width:100%;border:1px solid var(--ds-line);border-radius:8px}
.app-main table {background:transparent!important;color:var(--ds-text);border-color:var(--ds-line)!important;border-collapse:collapse;border-spacing:0}
.app-main th,.app-main td {color:var(--ds-text);border-color:var(--ds-line)!important;padding:10px 11px;font-size:11px;line-height:1.6;background:transparent!important;vertical-align:middle}
.app-main th {background:var(--ds-panel-soft)!important;color:var(--ds-muted)!important;font-size:10px;font-weight:650;letter-spacing:.015em;white-space:nowrap}
.app-main tbody tr {background:transparent}
.app-main tbody tr:hover {background:color-mix(in srgb,var(--ds-muted) 4%,transparent)}
.app-main .row-bad,.app-main .row-critical {background:color-mix(in srgb,var(--ds-bad) 7%,var(--ds-panel))!important}
.app-main .row-warn,.app-main .row-low {background:color-mix(in srgb,var(--ds-accent) 7%,var(--ds-panel))!important}
.app-main .row-grouped {background:color-mix(in srgb,var(--app-blue) 6%,var(--ds-panel))!important}
.app-main table input,.app-main table select {font-size:11px}
.app-main .thumb,.app-main .thumb-wrap {border-radius:6px!important}
.app-main .thumb {border-color:var(--ds-line)!important}
.app-main .thumb-empty {background:var(--ds-panel-soft)!important;color:var(--ds-muted)!important}
.app-main .thumb-preview,.app-shell .mpa-photo-hover {border-color:var(--ds-line)!important;box-shadow:0 12px 35px rgba(0,0,0,.3);border-radius:10px}
.app-main .sticky-actions,.app-main .sticky-save,.app-main .reviews-floating,.app-main .label-editor-savebar,.app-main .mc-bulk-floating {
  background:var(--ds-panel)!important;border-color:var(--ds-line)!important;box-shadow:0 8px 30px rgba(0,0,0,.25)!important;border-radius:9px!important;
}
.app-main .api-panel,.app-main .secret-panel,.app-main .sync-job-box,.app-main .repricer-result,.app-main .repricer-scheduler-cell,.app-main .android-status-cell,.app-main .android-last-status,.app-main .code-line,
.app-main .repricer-stock-line,.app-main .review-text,.app-main .reviews-mode-option,.app-main .mc-section,.app-main .mc-stock-grid>div,.app-main .mc-fbs-control-status,.app-main .label-editor-help>div,.app-main .barcode-quick-card,
.app-main .aid-row,.app-main .aid-summary,.app-main .aid-product,.app-main .aid-note,.app-main .buyer-order {
  background:var(--ds-panel-soft)!important;border-color:var(--ds-line)!important;color:var(--ds-text)!important;box-shadow:none!important;border-radius:9px;
}
.app-main .agent-box,.app-main .android-agent-card {background:color-mix(in srgb,var(--app-blue) 5%,var(--ds-panel))!important;border-color:var(--ds-line)!important}
.app-main .review-answer,.app-main .reviews-mode-option.active {background:color-mix(in srgb,var(--ds-good) 7%,var(--ds-panel))!important;border-color:color-mix(in srgb,var(--ds-good) 25%,var(--ds-line))!important}
.app-main .review-stars {color:var(--ds-accent)}
.app-main .review-text,.app-main .review-answer {font-size:13px;line-height:1.7}
.app-main .reviews-floating-status {color:var(--ds-good)!important}
.app-main .reviews-mode-option small {color:var(--ds-muted)!important}
.app-main .mc-kv b,.app-main .mc-stock-grid b,.app-main .mc-stock-warehouses b,.app-main .commission-scheme-title {color:var(--ds-text)!important}
.app-main .mc-kv span,.app-main .mc-stock-grid span,.app-main .mc-stock-warehouses span,.app-main .mc-meta b,.app-main .mc-meta span,.app-main .mc-last-order,.app-main .mc-cost-fbs-form label,
.app-main .repricer-price-meta,.app-main .repricer-price-time,.app-main .repricer-lk-preview,.app-main .repricer-stock-line b,.app-main .android-status-cell b,.app-main .android-last-status b {color:var(--ds-muted)!important}
.app-main .mc-channel-head a,.app-main .mc-channel-head b {color:var(--ds-text)!important}
.app-main .repricer-profit-preview,.app-main .reprice-status-ok,.app-main .repricer-stock-value.positive {color:var(--ds-good)!important}
.app-main .repricer-profit-preview.negative,.app-main .repricer-stock-value.zero,.app-main .reprice-status-bad {color:var(--ds-bad)!important}
.app-main .repricer-profit-preview.muted,.app-main .repricer-stock-value.unknown {color:var(--ds-muted)!important}
.app-main .repricer-settings-details>summary {font-size:18px!important;color:var(--ds-text)}
.app-main .repricer-settings-details>summary small,.app-main .repricer-settings-details>summary:after {color:var(--ds-muted)}
.app-main .ads-metrics {gap:12px}
.app-main .ads-metric>strong {font-size:24px!important}
.app-main .ads-actions-panel {background:var(--ds-panel-soft)!important;border-color:var(--ds-line)!important}
.app-main .ozon-chart-card,.app-main .kw-chart,.app-main .app-chart-card {background:var(--ds-panel)!important;border:1px solid var(--ds-line)!important;border-radius:11px!important;box-shadow:none!important;padding:16px;margin:12px 0;overflow:visible;min-width:0}
.app-main .ozon-chart-head {gap:14px}
.app-main .ozon-chart-head h3 {font-size:12px;margin:0 0 6px;color:var(--ds-muted)}
.app-main .chart-total {font-size:27px;letter-spacing:-.5px;color:var(--ds-text)}
.app-main .chart-legend {font-size:10px;color:var(--ds-muted);gap:7px}
.app-main .dot.current {background:var(--app-blue)}
.app-main .dot.previous {background:transparent;border-bottom:2px dashed var(--ds-muted);border-radius:0;width:13px;height:0}
.app-main .ozon-line-chart {min-width:0!important;width:100%;height:auto}
.app-main .ozon-line-chart .grid-line,.app-main .kw-chart .kw-axis {stroke:var(--ds-line)}
.app-main .ozon-line-chart .axis-label,.app-main .ozon-line-chart .x-label,.app-main .kw-chart text {fill:var(--ds-muted);font-size:11px}
.app-main .ozon-line-chart .line.current,.app-main .kw-chart .kw-line {stroke:var(--app-blue);stroke-width:2}
.app-main .ozon-line-chart .line.previous {stroke:var(--app-blue);opacity:.45;stroke-width:1.5;stroke-dasharray:5 5}
.app-main .ozon-line-chart .point.current,.app-main .kw-chart .kw-dot {fill:var(--app-blue)}
.app-main .ozon-line-chart .point.previous {fill:var(--app-blue);opacity:.5}
.app-main .ozon-line-chart .point {stroke:var(--ds-panel);stroke-width:1.5}
.app-main .ozon-line-chart .chart-tip rect {fill:var(--ds-panel-soft);stroke:var(--ds-line);opacity:1}
.app-main .ozon-line-chart .chart-tip text {fill:var(--ds-text)}
.app-main .kw-chart svg {min-width:0!important;width:100%}
.app-main .bar-line,.app-main .progress {background:var(--ds-panel-soft)!important;border-color:var(--ds-line)!important;border-radius:4px}
.app-main .bar-line>span,.app-main .bar-line.orders>span {background:var(--app-blue);border-radius:4px}
.app-main .bar-line.profit>span {background:var(--ds-good)}
.app-main .bars {border-color:var(--ds-line);padding:14px 0 28px}
.app-main .bars .bar {background:var(--app-blue);border-radius:4px 4px 0 0}
.app-main .bars .bar.profit {background:var(--ds-good)}
.app-main .footer {color:var(--ds-muted);font-size:10px;border-top:1px solid var(--ds-line);padding-top:18px;margin:26px 0 0}
.app-main .app-chart-controls {display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:10px 0 14px}
.app-main .app-chart-controls button {border:1px solid var(--ds-line);border-radius:6px;background:var(--ds-panel-soft);color:var(--ds-muted);padding:5px 8px;font-size:10px;font-weight:600;font-family:inherit;cursor:pointer}
.app-main .app-chart-controls button[aria-pressed=true] {color:var(--ds-accent);background:color-mix(in srgb,var(--ds-accent) 10%,transparent);border-color:color-mix(in srgb,var(--ds-accent) 55%,var(--ds-line))}
.app-chart-plot {position:relative;min-height:245px}
.app-chart-plot svg {display:block;width:100%;height:270px;overflow:visible}
.app-chart-grid {stroke:var(--ds-line);stroke-width:1}
.app-chart-axis {fill:var(--ds-muted);font-size:10px;font-family:inherit}
.app-chart-hover {fill:transparent;cursor:crosshair}
.app-chart-hover:focus,.app-chart-hover:hover {fill:color-mix(in srgb,var(--ds-muted) 6%,transparent);outline:none}
.app-chart-tooltip {position:absolute;z-index:30;background:var(--ds-panel-soft);border:1px solid var(--ds-line);border-radius:9px;color:var(--ds-text);padding:11px 12px;min-width:180px;max-width:calc(100% - 16px);font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.25);pointer-events:none}
.app-chart-tooltip b {display:block;margin:0 0 7px}
.app-chart-tooltip p {display:flex;justify-content:space-between;gap:16px;color:var(--ds-muted);margin:5px 0}
.app-chart-tooltip strong {color:var(--ds-text);white-space:nowrap}
.app-chart-tooltip small {display:block;font-size:9px;color:var(--ds-muted);margin-top:7px}
.app-chart-series-legend {display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:10px 0;font-size:10px;color:var(--ds-muted)}
.app-chart-series-legend span {display:flex;align-items:center;gap:6px}
.app-chart-series-legend i {width:7px;height:7px;border-radius:2px}
.app-shell .print-label,.app-shell .official-label,.app-shell .print-sheet {color:#000!important;background:#fff!important;color-scheme:light}
.app-shell .print-label *,.app-shell .official-label * {color:#000!important;-webkit-text-fill-color:#000!important}
.app-shell .editor-preview-stage {background:var(--ds-panel-soft)!important;border-color:var(--ds-line)!important}
.app-shell .label-preview-mini .print-label {background:#fff!important}
.app-shell.app-auth {display:flex;align-items:center;justify-content:center;padding:30px 18px;min-height:100dvh;background:radial-gradient(ellipse at top,rgba(102,133,255,.12),transparent 58%),var(--ds-bg)!important}
.app-auth .login {background:var(--ds-panel)!important;max-width:420px;width:100%;margin:0!important;border:1px solid var(--ds-line)!important;border-radius:16px!important;padding:28px!important;box-shadow:var(--ds-shadow)!important;color:var(--ds-text)}
.app-auth h1 {font-size:22px;margin:0 0 18px;color:var(--ds-text)}
.app-auth h2 {font-size:15px;margin:0 0 8px;color:var(--ds-text)}
.app-auth label {color:var(--ds-muted);font-size:12px}
.app-auth input {background:var(--ds-panel-soft)!important;border:1px solid var(--ds-line)!important;color:var(--ds-text)!important;border-radius:7px;padding:11px;width:100%;font:inherit;margin-top:7px}
.app-auth .btn {background:var(--app-blue)!important;color:#fff!important;width:100%;border:0;border-radius:8px;min-height:40px;font-size:12px;font-weight:650;cursor:pointer}
.app-auth .auth-theme {position:fixed;right:22px;top:20px}
.app-auth .muted {font-size:12px}
@media(max-width:1250px){body.app-shell>.app-main{padding:24px 20px!important}.app-main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main .ads-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.app-main .filters{gap:9px}.app-main .metric>strong{font-size:25px!important}}
@media(max-width:1000px){
  body.app-shell .app-sidebar{position:sticky!important;inset:auto!important;width:100%;height:64px;border-right:0;border-bottom:1px solid var(--ds-line)}
  body.app-shell .app-sidebar .top-inner{flex-direction:row;align-items:center!important;justify-content:space-between!important;height:64px;padding:12px 18px!important}
  body.app-shell .brand{margin:0!important;font-size:14px!important}
  .app-brand-mark{width:22px;height:26px}.app-brand-mark svg{width:22px}
  .app-brand-copy small{display:none}
  .app-mobile-actions{display:flex}
  body.app-shell .mobile-menu-btn{display:flex!important}
  body.app-shell .app-sidebar .nav{display:none!important}
  body.app-shell .app-sidebar .app-sidebar-footer{display:none}
  body.app-shell.mobile-menu-open .app-sidebar .nav{display:flex!important;position:fixed!important;left:0;top:64px;bottom:0;right:auto;width:260px;max-height:calc(100dvh - 64px)!important;overflow-y:auto!important;background:var(--ds-sidebar)!important;border-right:1px solid var(--ds-line)!important;padding:16px 14px 28px!important;z-index:100;gap:4px}
  body.app-shell>.app-main{margin:0!important;width:100%;padding:22px 18px!important}
  .app-main .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-main .page-head>form{flex:none;max-width:45%}
  .app-main .repricer-table>tbody>tr{background:var(--ds-panel)!important;border-color:var(--ds-line)!important}
  .app-main .repricer-table td:before{color:var(--ds-muted)!important}
  .app-main .label-editor-layout{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .app-main h1{font-size:25px!important;margin-bottom:18px}
  .app-main h2{font-size:14px}
  .app-main .page-head{display:block}
  .app-main .page-head>form{max-width:none;margin-top:12px}
  .app-main .card{padding:14px!important;border-radius:10px!important}
  .app-main .grid,.app-main .grid.two,.app-main .mc-metrics,.app-main .order-metrics-6{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .app-main .grid.two:has(form),.app-main .form-grid,.app-main .settings-grid,.app-main .api-columns,.app-main .ads-grid.two{grid-template-columns:1fr!important}
  .app-main .metric,.app-main .ads-metric{padding:14px 11px!important;min-height:113px}
  .app-main .metric>strong,.app-main .ads-metric>strong{font-size:clamp(19px,5.6vw,24px)!important}
  .app-main .metric>small,.app-main .ads-metric>span{font-size:9px}
  .app-main .metric em,.app-main .ads-metric small{font-size:9px}
  .app-main .metric:after,.app-main .ads-metric:after{right:11px;top:15px;width:5px;height:5px}
  .app-main .ads-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .app-main .filters,.app-main .filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
  .app-main .filters>input[name=q],.app-main .filterbar>label:first-child{grid-column:1/-1}
  .app-main .filters label,.app-main .filters input,.app-main .filters select{min-width:0!important;max-width:100%!important;width:100%}
  .app-main .filters select{font-size:13px}
  .app-main .btn,.app-main button[type=submit]{min-height:38px!important;font-size:11px!important}
  .app-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.app-main select,.app-main textarea{font-size:16px}
  .app-main table input:not([type=checkbox]):not([type=radio]),.app-main table select{font-size:14px}
  .app-main .mobile-stack-table{background:transparent!important}
  .app-main .mobile-stack-table tr.mobile-stack-row{background:var(--ds-panel)!important;border:1px solid var(--ds-line)!important;border-radius:10px!important;box-shadow:none!important;margin:10px 0!important}
  .app-main .mobile-stack-table td{border-color:var(--ds-line)!important;font-size:12px;padding:9px 0!important;background:transparent!important}
  .app-main .mobile-stack-table td:before{color:var(--ds-muted)!important;font-size:10px;font-weight:650}
  .app-main .mobile-stack-table tr.mobile-stack-row:hover{background:var(--ds-panel)!important}
  .app-main .ozon-chart-head{display:flex;flex-wrap:wrap}
  .app-main .chart-total{font-size:24px}
  .app-main .app-chart-controls{gap:5px}
  .app-chart-plot svg{height:230px}.app-chart-plot{min-height:220px}
  .app-main .ozon-line-chart{min-width:0!important}
  .app-main .reviews-mode-switch{width:100%;min-width:0}
  .app-main .reviews-floating{right:10px;bottom:12px;max-width:calc(100vw - 20px)}
  .app-main .reviews-floating-status{background:var(--ds-panel)!important;border-color:var(--ds-line)!important}
  .app-main .label-el-table{display:table!important}
  .app-main .label-el-table input.tiny{min-width:46px!important;width:46px!important}
  .app-main .label-el-table td,.app-main .label-el-table th{padding:6px 4px!important;font-size:10px}
  .app-main .label-el-table input,.app-main .label-el-table select{font-size:12px!important;padding:5px!important}
  .app-main .app-table-scroll:has(.label-el-table){overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){.app-shell *{scroll-behavior:auto!important;transition:none!important}}
@media print{
  html{color-scheme:light}body.app-shell{background:#fff!important;color:#000!important;--ds-bg:#fff;--ds-panel:#fff;--ds-panel-soft:#f5f5f5;--ds-line:#ddd;--ds-text:#000;--ds-muted:#555;--ds-good:#167346;--ds-bad:#b42318;--text:#000}
  .app-shell .app-sidebar,.app-shell .app-menu-backdrop,.app-shell .app-sidebar-footer,.app-shell .app-mobile-actions,.app-chart-controls,.app-auth .auth-theme{display:none!important}
  body.app-shell>.app-main{margin:0!important;width:100%;max-width:none;padding:0!important}
  .app-main .card,.app-main .metric{box-shadow:none!important;break-inside:avoid}
  .app-main .app-table-scroll,.app-main .wide-table{overflow:visible}
}

.app-main .ds-header h1{margin:0;font-size:30px!important}
.app-main .app-page-breadcrumb{font-size:10px;letter-spacing:.04em;color:var(--ds-muted);margin:0 0 8px}
.app-main pre,.app-main code{color:var(--ds-text);background:var(--ds-panel-soft);border-color:var(--ds-line)}
.app-main pre{overflow:auto;max-width:100%;padding:12px;border-radius:8px;font-size:11px}
@media(max-width:760px){.app-main .mobile-stack-table td{width:100%!important;min-width:0!important;max-width:none!important}}

/* Compact shared shell and legacy decorative resets. */
body.app-shell .brand:after,body.app-shell .brand a:before{display:none!important;content:none!important}
body.app-shell .app-sidebar .nav{justify-content:flex-start!important;align-content:flex-start!important}
.app-main .metric:before,.app-main .ads-metric:before{display:none!important;content:none!important}
.app-main .mc-bulk-actions{background:var(--ds-panel)!important;border-color:var(--ds-line)!important;box-shadow:0 8px 25px rgba(0,0,0,.2)!important;border-radius:9px!important}
.app-main label>span,.app-main label>small{color:var(--ds-muted)!important}
.app-main hr{border:0;border-top:1px solid var(--ds-line)}
.app-main tbody,.app-main tbody tr{background:var(--ds-panel)!important}
.app-main .row-bad,.app-main .row-critical{background:color-mix(in srgb,var(--ds-bad) 7%,var(--ds-panel))!important}
.app-main .row-warn,.app-main .row-low{background:color-mix(in srgb,var(--ds-accent) 7%,var(--ds-panel))!important}
.app-main .row-grouped{background:color-mix(in srgb,var(--app-blue) 6%,var(--ds-panel))!important}
body.app-shell .mobile-menu-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
@media(min-width:761px){
 .app-main .filters,.app-main .filterbar{display:flex!important;flex-wrap:wrap;align-items:flex-end}
 .app-main .filters>input,.app-main .filters>select,.app-main .filterbar>input,.app-main .filterbar>select{width:auto!important;flex:0 1 auto;min-width:125px!important;max-width:280px!important}
 .app-main .filters>input[name=q]{width:250px!important}
 .app-main .filters>label,.app-main .filterbar>label{width:auto;min-width:125px;max-width:280px;flex:0 1 auto}
 .app-main .filters>label input[type=date],.app-main .filterbar>label input[type=date]{width:140px}
}

/* Module panels follow the same palette, including dynamically revealed content. */
body.app-shell .app-main .thumb-empty{background:var(--ds-panel-soft)!important;color:var(--ds-muted)!important}
body.app-shell .app-main .buyer-meta-grid>div,body.app-shell .app-main .ads-period,body.app-shell .app-main .campaign-chip,
body.app-shell .app-main .ads-ai-campaign,body.app-shell .app-main .ads-ai-inline-metrics span,body.app-shell .app-main .ads-ai-freshness-grid span,
body.app-shell .app-main .ads-ai-economics-table>div.group,body.app-shell .app-main .ads-ai-economics-table>div.result,
body.app-shell .app-main .aid-photo,body.app-shell .app-main .aid-hero>div,body.app-shell .app-main .aid-plan-product,
body.app-shell .app-main .aid-plan-variant,body.app-shell .app-main .aid-destination-rank{
 background:var(--ds-panel-soft)!important;border-color:var(--ds-line)!important;color:var(--ds-text)!important;box-shadow:none!important
}
body.app-shell .app-main .buyer-meta-grid .danger-info,body.app-shell .app-main .ads-ai-action,
body.app-shell .app-main .ads-ai-economics-table>div.profit.negative,body.app-shell .app-main .aid-actions .urgent,
body.app-shell .app-main .aid-planner-errors,body.app-shell .app-main .aid-error{
 background:color-mix(in srgb,var(--ds-bad) 8%,var(--ds-panel))!important;border-color:color-mix(in srgb,var(--ds-bad) 25%,var(--ds-line))!important;color:var(--ds-bad)!important
}
body.app-shell .app-main .buyer-meta-grid .danger-info b,body.app-shell .app-main .ads-ai-action strong,body.app-shell .app-main .text-danger{color:var(--ds-bad)!important}
body.app-shell .app-main .ads-ai-economics-table>div.profit,body.app-shell .app-main .aid-actions .good,body.app-shell .app-main .aid-wh-rec,
body.app-shell .app-main .aid-plan-variant.recommended,body.app-shell .app-main .aid-destination-best,body.app-shell .app-main .aid-destination-rank.best{
 background:color-mix(in srgb,var(--ds-good) 8%,var(--ds-panel))!important;border-color:color-mix(in srgb,var(--ds-good) 25%,var(--ds-line))!important;color:var(--ds-good)!important
}
body.app-shell .app-main .aid-actions .attention{background:color-mix(in srgb,var(--ds-accent) 9%,var(--ds-panel))!important;border-color:var(--ds-line)!important}
body.app-shell .app-main .aid-actions .calm{background:color-mix(in srgb,var(--app-blue) 8%,var(--ds-panel))!important;border-color:var(--ds-line)!important}
body.app-shell .app-main .aid-change.up>span,body.app-shell .app-main .aid-health.excellent,body.app-shell .app-main .ads-ai-health-pill.excellent{background:color-mix(in srgb,var(--ds-good) 12%,var(--ds-panel))!important;color:var(--ds-good)!important}
body.app-shell .app-main .aid-change.down>span,body.app-shell .app-main .aid-health.problem,body.app-shell .app-main .ads-ai-health-pill.problem{background:color-mix(in srgb,var(--ds-bad) 12%,var(--ds-panel))!important;color:var(--ds-bad)!important}
body.app-shell .app-main .aid-health.attention,body.app-shell .app-main .ads-ai-health-pill.attention{background:color-mix(in srgb,var(--ds-accent) 12%,var(--ds-panel))!important;color:var(--ds-accent)!important}
body.app-shell .app-main .aid-health.normal,body.app-shell .app-main .ads-ai-health-pill.normal,body.app-shell .app-main .aid-destination-rank>span{background:color-mix(in srgb,var(--app-blue) 12%,var(--ds-panel))!important;color:var(--app-blue)!important}
body.app-shell .app-main .ads-ai-meta,body.app-shell .app-main .ads-ai-score span,body.app-shell .app-main .ads-ai-action small,
body.app-shell .app-main .ads-ai-campaign small,body.app-shell .app-main .ads-ai-freshness-grid span,body.app-shell .app-main .ads-ai-economics-table>div em,
body.app-shell .app-main .ads-ai-economics-table>div.sub,body.app-shell .app-main .aid-hero span,body.app-shell .app-main .aid-hero small,
body.app-shell .app-main .aid-title span,body.app-shell .app-main .aid-product small,body.app-shell .app-main .aid-row b small,
body.app-shell .app-main .aid-change p,body.app-shell .app-main .aid-actions span,body.app-shell .app-main .aid-per-page label,
body.app-shell .app-main .aid-plan-variant p,body.app-shell .app-main .aid-destination-best>span,body.app-shell .app-main .aid-destination-best p,
body.app-shell .app-main .aid-destination-rank small{color:var(--ds-muted)!important}
body.app-shell .app-main .ads-ai-freshness-grid b{color:var(--ds-text)!important}
body.app-shell .page-finance_cashflow .bar-line.orders>span,.app-shell.page-finance_cashflow .bar-line.orders>span{background:var(--ds-bad)!important}

.app-main .mc-bulk-count,.app-main .reviews-floating .btn span{background:var(--ds-line)!important;color:var(--ds-text)!important;-webkit-text-fill-color:var(--ds-text)!important}
.app-auth .alert.error{background:color-mix(in srgb,var(--ds-bad) 8%,var(--ds-panel))!important;border:1px solid color-mix(in srgb,var(--ds-bad) 25%,var(--ds-line));color:var(--ds-bad)!important;border-radius:8px}
html[data-app-theme=light] .app-main .ds-spark rect[fill="#51cba1"]{fill:#197a57}
html[data-app-theme=light] .app-main .ds-spark rect[fill="#efb454"]{fill:#9a6718}
html[data-app-theme=light] .app-main .ds-spark rect[fill="#6685ff"]{fill:#526fe0}
html[data-app-theme=light] .app-main .ds-spark rect[fill="#47bcd0"]{fill:#187e94}

/* A filtered header must not become the containing block for the mobile drawer. */
body.app-shell .app-sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;contain:none!important;perspective:none!important;z-index:100000!important}
body.app-shell .app-sidebar .nav{flex-wrap:nowrap!important}
body.app-shell .app-sidebar .nav>*{flex-shrink:0}
.app-menu-backdrop{z-index:99990}
@media(max-width:1000px){
 body.app-shell.mobile-menu-open .app-sidebar .nav{height:calc(100dvh - 64px)!important;min-height:0!important;max-height:calc(100dvh - 64px)!important;z-index:100001!important}
 body.app-shell .app-sidebar .nav .nav-link{min-height:44px!important;font-size:13px!important;display:flex!important}
 body.app-shell .app-sidebar .app-nav-children .nav-link{min-height:40px!important;font-size:12px!important}
 .app-nav-group>summary{min-height:44px}
}

/* ui-contrast-mobile-v3: unmistakable selected states + safe mobile cards */
/* Selected navigation and segmented controls use a solid fill, not a faint tint. */
.app-main :is(.subnav,.orders-subtabs,.reprice-tabs,.ads-tabs,.ads-period,.editor-preview-panel-actions) a.active,
.app-main .template-pill.active,
.app-main .pagination .page.active,
.app-main .ds-tabs button.active{
  background:var(--ds-accent)!important;
  border-color:var(--ds-accent)!important;
  color:#101827!important;
  -webkit-text-fill-color:#101827!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ds-accent) 35%,transparent),0 5px 16px color-mix(in srgb,var(--ds-accent) 18%,transparent)!important;
}
.app-main .app-chart-controls button[aria-pressed="true"]{
  background:var(--ds-accent)!important;
  border-color:var(--ds-accent)!important;
  color:#101827!important;
  font-weight:800!important;
  box-shadow:0 4px 14px color-mix(in srgb,var(--ds-accent) 18%,transparent)!important;
}
body.app-shell .app-sidebar .nav .nav-link[aria-current="page"]{
  color:var(--ds-accent)!important;
  background:color-mix(in srgb,var(--ds-accent) 15%,var(--ds-sidebar))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-accent) 24%,transparent)!important;
}
/* Analytics workspace: current subsection/view must be obvious at a glance. */
.an-section-nav [aria-current="page"],
.an-task-filters [aria-current],
.an-settings-nav [aria-current]{
  background:var(--an-accent)!important;
  border-color:var(--an-accent)!important;
  color:#101827!important;
  box-shadow:0 4px 14px color-mix(in srgb,var(--an-accent) 18%,transparent)!important;
}
.an-section-nav [aria-current="page"]{box-shadow:0 4px 14px color-mix(in srgb,var(--an-accent) 18%,transparent)!important}
.an-view-tabs{gap:5px;padding:6px 8px}
.an-view-button{border:1px solid transparent!important;border-radius:7px;padding:8px 12px}
.an-view-button[aria-pressed="true"]{
  color:#101827!important;
  background:var(--an-accent)!important;
  border-color:var(--an-accent)!important;
  box-shadow:0 4px 14px color-mix(in srgb,var(--an-accent) 18%,transparent)!important;
}
/* Calculator marketplace/mode/scheme and field tabs. */
.calc-switch button.on{
  background:var(--calc-tone)!important;
  border-color:var(--calc-tone)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 4px 15px color-mix(in srgb,var(--calc-tone) 24%,transparent)!important;
  font-weight:800!important;
}
.calc-page.market-ymarket .calc-switch button.on{color:#101827!important;-webkit-text-fill-color:#101827!important}
.calc-tabs button.on{
  background:var(--calc-tone)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:800!important;
}
.calc-page.market-ymarket .calc-tabs button.on{color:#101827!important;-webkit-text-fill-color:#101827!important}
.calc-tabs button.on small{color:inherit!important;opacity:.84}
.calc-tabs button.on:after{height:4px;background:color-mix(in srgb,#fff 82%,var(--calc-tone))}
/* Reviews use a strong selected mode without turning the whole card neon. */
.page-reviews .reviews-mode-option.active{
  background:color-mix(in srgb,var(--ds-good) 22%,var(--ds-panel))!important;
  border-color:var(--ds-good)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-good) 38%,transparent),0 4px 14px color-mix(in srgb,var(--ds-good) 10%,transparent)!important;
}
html[data-app-theme="light"] .app-main :is(.subnav,.orders-subtabs,.reprice-tabs,.ads-tabs,.ads-period,.editor-preview-panel-actions) a.active,
html[data-app-theme="light"] .app-main .template-pill.active,
html[data-app-theme="light"] .app-main .pagination .page.active,
html[data-app-theme="light"] .app-main .ds-tabs button.active,
html[data-app-theme="light"] .app-main .app-chart-controls button[aria-pressed="true"],
html[data-app-theme="light"] .an-section-nav [aria-current="page"],
html[data-app-theme="light"] .an-task-filters [aria-current],
html[data-app-theme="light"] .an-settings-nav [aria-current],
html[data-app-theme="light"] .an-view-button[aria-pressed="true"]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

@media(max-width:760px){
  /* A stacked table is a set of cards on phones; legacy min-widths must not widen the page. */
  body.page-products .mc-table-wrap,
  body.page-orders .orders-table{
    width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;
  }
  body.page-products table.mc-table.mobile-stack-table,
  body.page-orders .orders-table table.mobile-stack-table{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important;
  }
  body.page-products table.mc-table.mobile-stack-table>tbody,
  body.page-orders .orders-table table.mobile-stack-table>tbody{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  }
  body.page-products table.mc-table.mobile-stack-table tr.mobile-stack-row,
  body.page-orders .orders-table table.mobile-stack-table tr.mobile-stack-row{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;
  }
  body.page-products table.mc-table.mobile-stack-table tr.mobile-stack-row>td,
  body.page-orders .orders-table table.mobile-stack-table tr.mobile-stack-row>td{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
  }
  /* Override old product column widths (225px/190px etc.) only on the stacked mobile layout. */
  body.page-products .mc-table.mobile-stack-table th:nth-child(n),
  body.page-products .mc-table.mobile-stack-table td:nth-child(n){
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  body.page-products .mc-channel,
  body.page-products .mc-section,
  body.page-products .mc-cost-fbs-cell,
  body.page-products .mc-cost-fbs-form,
  body.page-products .mc-product-name-form,
  body.page-products .mc-link-inline,
  body.page-products .mc-stock-grid,
  body.page-products .mc-meta{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  body.page-products .mc-channel input,
  body.page-products .mc-channel select,
  body.page-products .mc-cost-fbs-form input,
  body.page-products .mc-link-inline input{
    min-width:0!important;max-width:100%!important;
  }
  body.page-products .mc-meta b,
  body.page-products .mc-channel-head,
  body.page-products .mc-product-name-form input,
  body.page-orders .orders-table a,
  body.page-orders .orders-table b,
  body.page-orders .orders-table .small{
    overflow-wrap:anywhere!important;word-break:break-word!important;min-width:0!important;max-width:100%!important;
  }
  body.page-orders .orders-table .wh-list,
  body.page-orders .orders-table .order-wh,
  body.page-orders .orders-table .thumb-wrap{
    max-width:100%!important;min-width:0!important;
  }
  /* Filters should never establish a wider intrinsic viewport. */
  body.page-products .mc-products-filter-line,
  body.page-orders .filters{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  body.page-products .mc-products-filter-line>*,
  body.page-orders .filters>*{
    min-width:0!important;max-width:100%!important;
  }
}