/* 2026-10 utility pass: restrained product UI, with no marketing effects. */
:root {
  --canvas:#f4f5f3;
  --bg:#f4f5f3;
  --surface:#ffffff;
  --surface-2:#eceeeb;
  --surface-strong:#e2e5e1;
  --surface-raised:#ffffff;
  --text:#181a18;
  --muted:#656a65;
  --line:#dfe2de;
  --line-strong:#cdd1cc;
  --accent:#9bdd4d;
  --accent-strong:#70aa2e;
  --accent-soft:#eef8e2;
  --mate:var(--accent);
  --mate-dark:#4f7e1f;
  --mode-accent:var(--accent);
  --ink:#181a18;
  --warm:#ffffff;
  --sidebar:#252725;
  --sidebar-text:#f1f3f0;
  --danger:#b94742;
  --warning:#a36517;
  --info:#486b86;
  --success:#367b35;
  --success-soft:#e6f4e4;
  --shadow:none;
  color-scheme:light;
}

/* Orders, analytics and recommendation verticals. */
.workspace-segments{display:inline-flex;gap:3px;margin:0 0 18px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.workspace-segments button{min-height:34px;padding:7px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer}
.workspace-segments button.active{background:var(--surface);color:var(--text)}
.orders-toolbar{display:flex;align-items:center;gap:9px;margin:16px 0}.orders-toolbar .search-field{flex:1;min-width:260px}.orders-toolbar select{width:220px}
.orders-table{min-width:1040px}.orders-table td{height:68px}.orders-table td>b,.table-secondary{display:block}.table-secondary{margin-top:4px;color:var(--muted);font-size:10px}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.profit{color:var(--mate-dark);font-weight:700}.negative{color:var(--danger)!important}.order-status{white-space:nowrap}
.status-paid,.status-ordered,.status-in_transit,.status-arrived{border-color:color-mix(in srgb,var(--info) 26%,var(--line));background:color-mix(in srgb,var(--info) 10%,var(--surface));color:var(--info)}
.status-completed{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:var(--accent-soft);color:var(--mate-dark)}.status-cancelled{color:var(--muted);text-decoration:line-through}
.orders-cards{display:none}.order-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-card-head small{color:var(--muted);font-size:10px}.order-card-head h3{margin-top:4px;font-size:15px}.order-card-money{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.order-card-money span{padding:10px;border-radius:10px;background:var(--surface-2)}.order-card-money small,.order-card-money b{display:block}.order-card-money small{color:var(--muted);font-size:9px}.order-card-money b{margin-top:3px;font-size:13px;font-variant-numeric:tabular-nums}.order-card>p{color:var(--muted);font-size:11px}
.order-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.order-profit-preview{text-align:right}.order-profit-preview span,.order-profit-preview b{display:block}.order-profit-preview span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.order-profit-preview b{margin-top:3px;font-size:20px;font-variant-numeric:tabular-nums}.order-form-grid textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;padding:10px 12px}.order-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.order-form-actions a{text-decoration:none}
.order-costs{margin:3px 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.order-costs summary{color:var(--text);font-size:12px;font-weight:650;cursor:pointer}.order-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.order-cost-grid label{display:grid;gap:6px}.order-cost-grid label>span{color:var(--muted);font-size:10px}.order-cost-grid .full{grid-column:1/-1}
body.global-view .audience-switch,body.global-view #run,body.global-view #header-state{display:none}
.dashboard-period{display:flex;align-items:center;gap:10px}.dashboard-period span{color:var(--muted);font-size:11px}.dashboard-period select{min-width:150px}
.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.dashboard-kpi{min-height:112px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.dashboard-kpi span,.dashboard-kpi b{display:block}.dashboard-kpi span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.55px}.dashboard-kpi b{margin-top:20px;font-size:25px;line-height:1;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.dashboard-kpi.accent{border-color:var(--accent);background:var(--accent);color:#111512}.dashboard-kpi.accent span{color:rgba(17,21,18,.62)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:10px}.dashboard-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading .eyebrow{margin-bottom:3px}.panel-heading h3{font-size:16px}.panel-heading>span{color:var(--muted);font-size:10px}.dashboard-chart{min-height:252px;margin-top:10px}.dashboard-chart svg{width:100%;height:auto;overflow:visible}.dashboard-chart rect{fill:color-mix(in srgb,var(--accent) 68%,var(--surface))}.dashboard-chart polyline{fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dashboard-chart circle{fill:var(--surface);stroke:var(--text);stroke-width:2}.dashboard-chart text{fill:var(--muted);font-size:9px}.chart-baseline{stroke:var(--line-strong);stroke-width:1}.chart-legend{display:flex;justify-content:flex-end;gap:16px;color:var(--muted);font-size:10px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend span:before{content:'';width:8px;height:8px;border-radius:2px;background:var(--accent)}.chart-legend .profit-key:before{height:2px;border-radius:0;background:var(--text)}
.dashboard-statuses{display:grid;gap:16px;margin-top:24px}.dashboard-status-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.dashboard-status-row>div b{font-variant-numeric:tabular-nums}.dashboard-status-row>i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.dashboard-status-row>i span{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.dashboard-recent{margin-top:10px}.dashboard-recent>.panel-heading{margin-bottom:10px}.recent-order{display:grid;grid-template-columns:minmax(0,1fr) auto 120px;align-items:center;gap:12px;width:100%;padding:12px 4px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.recent-order:first-child{border-top:0}.recent-order span:first-child b,.recent-order span:first-child small{display:block}.recent-order span:first-child small{margin-top:3px;color:var(--muted);font-size:10px}.recent-order>strong{text-align:right;font-variant-numeric:tabular-nums}.dashboard-empty{display:grid;place-items:center;min-height:210px;color:var(--muted);font-size:12px}.dashboard-empty.compact{min-height:90px}.orders-summary b{white-space:nowrap}

@media(max-width:1120px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-trend-panel{min-height:0}}
@media(max-width:760px){
  .sidebar nav{overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav,.nav[data-tab="wow"],.nav[data-tab="training"]{display:flex;flex:0 0 58px}.sidebar-bottom{flex:0 0 auto}
  .workspace-segments{display:flex;width:100%}.workspace-segments button{flex:1}.orders-toolbar{align-items:stretch;flex-direction:column}.orders-toolbar .search-field,.orders-toolbar select{width:100%;min-width:0}.orders-table-wrap{display:none}.orders-cards{display:grid;gap:10px}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpi{min-height:104px}.dashboard-kpi:last-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.dashboard-chart{min-height:190px}.dashboard-period{width:100%;justify-content:space-between}.recent-order{grid-template-columns:minmax(0,1fr) auto}.recent-order .order-status{display:none}.order-form-actions{align-items:stretch;flex-direction:column}.order-form-actions>*{width:100%;text-align:center}.order-form-heading{align-items:flex-start;flex-direction:column}.order-profit-preview{text-align:left}
}
@media(max-width:420px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-kpi:last-child{grid-column:auto}.order-card-money{grid-template-columns:1fr}.recent-order{grid-template-columns:1fr}.recent-order>strong{text-align:left}}

/* Unpublished posts can leave the editorial queue without affecting catalogue history. */
.publication-card-actions {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
}
.publication-card-actions .publication-edit { grid-column:auto; }
.publication-card-actions:has(.publication-edit:only-child) { grid-template-columns:1fr; }
.publication-remove {
  min-height:38px;
  padding:8px 11px;
  border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line));
  border-radius:9px;
  background:transparent;
  color:var(--danger);
  font-size:11px;
  font-weight:650;
  cursor:pointer;
}
.publication-remove:hover { background:color-mix(in srgb,var(--danger) 7%,transparent); }
.publication-remove:focus-visible { outline:2px solid var(--danger); outline-offset:2px; }

@media(max-width:420px) {
  .publication-card-actions { grid-template-columns:1fr; }
  .publication-remove,.publication-edit { min-height:44px; }
}

/* Mobile is the primary operating surface: compact chrome, native-sized controls,
   bottom-sheet editors and one-column forms. */
@media(max-width:680px){
  .topbar{position:sticky;top:0;z-index:20;min-height:0;padding:11px 12px;background:color-mix(in srgb,var(--surface) 96%,transparent)}
  .topbar>div:first-child{display:none}
  .header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%}
  .header-actions .audience-switch{grid-column:1}
  .header-actions #header-state{grid-column:2;max-width:132px;overflow:hidden}
  .header-actions #header-state span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-actions #refresh{display:none}
  .header-actions #run{grid-column:1/-1;width:100%}
  .tab{padding:16px 12px 28px}
  .run-banner{margin:10px 12px 0;padding:11px 12px;align-items:flex-start}
  .run-banner.compact{display:grid;grid-template-columns:28px minmax(0,1fr)}
  .run-title-row{align-items:flex-start}.run-title-row strong{font-size:12px}.run-copy p{font-size:11px}
  dialog{width:100%;max-width:none;max-height:calc(100dvh - 12px);margin:auto 0 0;border-radius:16px 16px 0 0}
  .modal-body{padding:22px 16px calc(22px + env(safe-area-inset-bottom))}
  .form-grid,.order-cost-grid{grid-template-columns:1fr}.form-grid .full,.order-cost-grid .full{grid-column:auto}
  input,select,textarea,button,.secondary,.primary{min-height:44px}
}

/* Layout reliability: one spacing/shape system for navigation and form controls. */
@media(min-width:901px) {
  .sidebar { width:268px; }
  main,.sidebar + main { margin-left:268px; }
  body.sidebar-collapsed .sidebar { width:72px; padding-inline:9px; }
  body.sidebar-collapsed main,body.sidebar-collapsed .sidebar + main { margin-left:72px; }
  body.sidebar-collapsed .brand-mark { display:block; padding:4px 0 28px; text-align:center; }
  body.sidebar-collapsed .brand-name,body.sidebar-collapsed .brand-mark small,body.sidebar-collapsed .nav span,body.sidebar-collapsed .nav b,body.sidebar-collapsed .sidebar-action span,body.sidebar-collapsed .theme-toggle span:last-child,body.sidebar-collapsed .profile-copy,body.sidebar-collapsed .profile-chevron { display:none; }
  body.sidebar-collapsed .brand-code { display:block; font:700 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; opacity:.8; }
  body.sidebar-collapsed .nav { grid-template-columns:1fr; place-items:center; padding-inline:0; }
  body.sidebar-collapsed .sidebar-action,body.sidebar-collapsed .theme-toggle,body.sidebar-collapsed .profile-button { width:42px; margin-inline:auto; justify-content:center; padding-inline:0; }
  body.sidebar-collapsed .sidebar-collapse svg { transform:scaleX(-1); }
}

.sidebar nav { min-width:0; }
.nav { grid-template-columns:20px minmax(0,1fr) auto; gap:10px; padding-inline:12px; border-radius:11px; font-size:12px; }
.nav span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav b { flex:0 0 auto; min-width:26px; max-width:48px; padding-inline:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-bottom { gap:8px; }
.sidebar-action,.profile-button { display:flex; align-items:center; gap:10px; width:100%; min-height:40px; padding:8px 10px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:transparent; color:rgba(241,243,240,.72); text-align:left; cursor:pointer; }
.sidebar-action svg { width:18px; height:18px; flex:0 0 18px; transition:transform 180ms ease; }
.theme-toggle { min-height:40px; border-radius:10px; }
.profile-button { position:relative; min-height:52px; color:var(--sidebar-text); }
.profile-avatar { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:var(--mode-accent); color:#182015; font-size:11px; font-weight:750; letter-spacing:.2px; }
.profile-copy { min-width:0; flex:1; }
.profile-copy strong,.profile-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-copy strong { font-size:11px; font-weight:650; }
.profile-copy small { margin-top:2px; color:rgba(241,243,240,.55); font-size:9px; }
.profile-chevron { width:14px; height:14px; flex:0 0 14px; opacity:.45; }
@media(hover:hover) and (pointer:fine) {
  .sidebar-action:hover,.profile-button:hover,.theme-toggle:hover { background:rgba(255,255,255,.055); color:var(--sidebar-text); }
}
button { transition:transform 130ms var(--ease-out),background-color 120ms ease,border-color 120ms ease,color 120ms ease; }
button:active { transform:scale(.98); }

.header-actions { min-width:0; flex-wrap:wrap; justify-content:flex-end; }
.header-state { min-height:32px; margin-right:0; padding:7px 11px; border-radius:999px; background:var(--surface-2); }
.header-state i { flex:0 0 6px; }
.overview-live { min-height:28px; padding:6px 10px; border-radius:999px; white-space:nowrap; }

.overview-health { display:grid; grid-template-columns:minmax(120px,.7fr) minmax(220px,1.3fr); align-items:end; gap:20px; }
.overview-health>div { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; min-width:0; }
.overview-health>div:last-child { padding-left:20px; border-left:1px solid var(--line); }
.overview-health span { min-width:0; }
.overview-health strong { text-align:right; white-space:nowrap; }

.search-workspace { width:100%; max-width:none; margin-inline:0; box-sizing:border-box; border-radius:14px; }
.search-run-banner { max-width:none; width:100%; }

select {
  -webkit-appearance:none;
  appearance:none;
  padding-right:42px !important;
  padding-left:12px !important;
  border-radius:11px !important;
  background-color:var(--surface) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3.5 5.25 3.5 3.5 3.5-3.5' stroke='%23656a65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 14px !important;
  background-origin:border-box !important;
}
select::-ms-expand { display:none; }
:root[data-theme="night"] select { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3.5 5.25 3.5 3.5 3.5-3.5' stroke='%23a7aca7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }

.runs-panel>summary { padding-right:12px; }
.chevron { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; margin-left:12px; border-radius:8px; font-size:0; transform:none !important; }
.chevron::before { content:''; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform 160ms ease; }
.runs-panel[open] .chevron::before { transform:translateY(2px) rotate(225deg); }
.search-options summary { display:inline-flex; align-items:center; gap:10px; padding:6px 10px 6px 0; list-style:none; }
.search-options summary::-webkit-details-marker { display:none; }
.search-options summary::after { content:''; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform 160ms ease; }
.search-options[open] summary::after { transform:translateY(2px) rotate(225deg); }

.profile-modal-head { display:flex; align-items:center; gap:14px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.profile-avatar-large { width:44px; height:44px; flex-basis:44px; font-size:14px; }
.profile-modal-head p { margin-top:3px; color:var(--muted); }
.profile-access { margin-top:18px; padding:15px; border-radius:12px; background:var(--surface-2); }
.profile-access span,.profile-access strong { display:block; }
.profile-access span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.55px; }
.profile-access strong { margin-top:4px; }
.profile-access p { margin-top:8px; color:var(--muted); font-size:11px; line-height:1.55; }

@media(max-width:900px) {
  .sidebar-collapse { display:none; }
  .profile-copy,.profile-chevron { display:none; }
  .profile-button { width:42px; min-height:42px; margin-inline:auto; justify-content:center; padding:0; }
  .overview-health { grid-template-columns:1fr 1.35fr; }
}

@media(max-width:680px) {
  .overview-health { grid-template-columns:1fr; align-items:stretch; gap:10px; }
  .overview-health>div { align-items:center; }
  .overview-health>div:last-child { padding-top:10px; padding-left:0; border-top:1px solid var(--line); border-left:0; }
  .search-actions { align-items:stretch; flex-direction:column; }
  .search-actions>* { width:100%; }
}

@media(prefers-reduced-motion:reduce) {
  button,.sidebar-action svg,.chevron::before,.search-options summary::after { transition-duration:0ms !important; }
  button:active { transform:none; }
}

:root[data-theme="night"] {
  --canvas:#1b1d1b;
  --bg:#1b1d1b;
  --surface:#242624;
  --surface-2:#2c2f2c;
  --surface-strong:#343734;
  --surface-raised:#292b29;
  --text:#f0f2ef;
  --muted:#a7aca7;
  --line:#353835;
  --line-strong:#484c48;
  --accent:#a8e65d;
  --accent-strong:#b8ee78;
  --accent-soft:#303a27;
  --mate:var(--accent);
  --mate-dark:var(--accent-strong);
  --mode-accent:var(--accent);
  --ink:#f0f2ef;
  --warm:#1b1d1b;
  --sidebar:#222422;
  --sidebar-text:#f0f2ef;
  --danger:#ef827d;
  --warning:#e1b46f;
  --info:#8fb4cf;
  --success:#8bd68a;
  --success-soft:#293a2a;
  color-scheme:dark;
}

:root[data-audience="women"] {
  --accent:#e58eac;
  --accent-strong:#bd6684;
  --accent-soft:#f9e8ee;
  --mate:var(--accent);
  --mate-dark:#9f4e6b;
  --mode-accent:var(--accent);
}

:root[data-theme="night"][data-audience="women"] {
  --accent:#ee9fba;
  --accent-strong:#f2b5c9;
  --accent-soft:#3c2e33;
  --mate-dark:var(--accent-strong);
}

*, *::before, *::after {
  box-shadow:none !important;
  text-shadow:none !important;
}

body,
.topbar,
.sidebar,
.primary,
.secondary,
.nav,
.audience-switch button,
.management-card,
.overview-card,
.recommendation-card,
.publication-card,
.result,
.run-banner,
.filter-shell,
.filter-secondary,
dialog,
dialog::backdrop {
  background-image:none !important;
}

body {
  min-width:0;
  background:var(--canvas);
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
  line-height:1.45;
}

h1,h2,h3 { color:var(--text); font-weight:650; text-wrap:balance; }
h1 { font-size:24px; line-height:1.2; letter-spacing:-.55px; }
h2 { font-size:20px; line-height:1.25; letter-spacing:-.35px; }
h3 { font-size:15px; line-height:1.3; letter-spacing:-.12px; }
p { text-wrap:pretty; }
.eyebrow { display:none; }
.topbar-context { display:flex; margin:0 0 4px; color:var(--muted); font:500 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; text-transform:none; }
.audience-context { display:inline; padding:0; border:0; border-radius:0; background:transparent; color:var(--muted); letter-spacing:0; }
.audience-context::before { display:none; }
.context-separator { color:var(--muted); }

.sidebar {
  width:208px;
  padding:20px 12px 16px;
  border-right:1px solid rgba(255,255,255,.06);
  background:var(--sidebar);
}
.brand-mark { display:flex; align-items:baseline; gap:7px; padding:3px 12px 30px; }
.brand-name { font-size:24px; font-weight:700; letter-spacing:-1px; }
.brand-code { font:500 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; opacity:.5; }
.brand-mark small { display:none; }
nav { gap:3px; }
.nav { min-height:42px; padding:10px 11px; border-radius:8px; color:rgba(241,243,240,.62); font-weight:500; }
.nav b { background:rgba(255,255,255,.08); font-weight:600; }
.nav.active { background:rgba(255,255,255,.09); color:var(--sidebar-text); }
.nav.active svg { color:var(--mode-accent); }
.nav.active b { background:var(--mode-accent); color:#1b1d1b; }
@media(hover:hover) and (pointer:fine) {
  .nav:hover { background:rgba(255,255,255,.055); }
}
.sidebar-bottom { gap:12px; }
.theme-toggle { min-height:40px; border-color:rgba(255,255,255,.1); border-radius:8px; color:rgba(241,243,240,.72); }

main { margin-left:208px; min-width:0; }
.topbar {
  min-height:82px;
  padding:16px 28px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
  backdrop-filter:none;
}
.header-actions { gap:8px; }
.header-state { margin-right:3px; }
.header-state i { width:6px; height:6px; }
.header-state.running i { box-shadow:none !important; }
.audience-switch { gap:2px; padding:3px; border:0; border-radius:9px; background:var(--surface-2); }
.audience-switch button { min-width:84px; min-height:33px; border-radius:7px; font-size:11px; font-weight:600; }
.audience-switch button.active { background:var(--surface); color:var(--text); }

.primary,.secondary,.icon-button,.text-button { min-height:38px; border-radius:8px; font-weight:600; }
.primary { border:1px solid var(--mode-accent); background:var(--mode-accent); color:#1c2118; }
.secondary,.icon-button { border:1px solid var(--line-strong); background:var(--surface); color:var(--text); }
.text-button { color:var(--mate-dark); }
button { transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease; }
button:active { transform:none; }
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:2px solid var(--mode-accent);
  outline-offset:2px;
}
@media(hover:hover) and (pointer:fine) {
  .primary:hover { border-color:var(--accent-strong); background:var(--accent-strong); }
  .secondary:hover,.icon-button:hover { border-color:var(--line-strong); background:var(--surface-2); }
  .text-button:hover { background:var(--accent-soft); }
}

.tab { max-width:1480px; margin:0 auto; padding:28px; }
.run-banner { max-width:1424px; margin:16px auto 0; padding:13px 15px; border-color:var(--line); border-radius:10px; background:var(--surface); }
.run-banner.compact { padding-block:10px; }
.run-banner.compact .run-visual { width:28px; height:28px; flex-basis:28px; }
.run-banner.compact .progress-track { display:none; }
.run-banner-action { width:max-content; min-height:30px; margin-top:5px; padding:4px 0; }
@media(min-width:901px) {
  /* Match the 28px content gutter instead of touching both edges of main. */
  .run-banner { width:calc(100% - 56px); }
}
.run-visual { width:32px; height:32px; flex-basis:32px; border-radius:8px; background:var(--surface-2); }
.progress-track { background:var(--surface-2); }

.deals-overview {
  overflow:hidden;
  gap:0;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.overview-card { min-height:118px; padding:18px; border:0; border-radius:0; background:transparent; }
.overview-card + .overview-card { border-left:1px solid var(--line); }
.overview-status { background:transparent; }
.overview-status-copy h2 { font-size:17px; }
.overview-status-copy p,.overview-card small { color:var(--muted); }
.overview-live { border:0; background:var(--surface-2); }
.overview-live i { box-shadow:none !important; }
.overview-health { border-top:1px solid var(--line); }
.overview-orbit { display:none; }
.overview-metric strong,.overview-total strong { font-size:25px; letter-spacing:-.7px; }
.overview-metric-accent { background:transparent; }
.overview-metric-accent strong { color:var(--text); }

.section-intro,.learning-hero,.search-heading,.publication-toolbar { margin-top:26px; }
.section-intro { align-items:end; }
.section-intro>p,.learning-hero p,.search-heading>p,.publication-toolbar p { max-width:640px; color:var(--muted); }
.filter-shell { border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.filter-secondary { border-color:var(--line); background:var(--surface); }
/* Keep the select chevron layers intact: the background shorthand resets
   background-repeat and turns the icon into a tiled pattern in night mode. */
input,select,textarea { border-color:var(--line-strong) !important; border-radius:8px !important; background-color:var(--surface) !important; color:var(--text) !important; }
.table-wrap { border:1px solid var(--line); border-radius:10px; background:var(--surface); }
thead { background:var(--surface-2); }
th,td { border-color:var(--line); }
tbody tr:hover { background:color-mix(in srgb,var(--surface-2) 55%,transparent); }
.score { background:var(--surface-2); color:var(--text); }

.monitor-hero,.learning-hero {
  padding:0 0 20px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.stats,.learning-stats,.recommendation-summary {
  overflow:hidden;
  gap:0;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.stat,.learning-stats>div,.recommendation-summary>div {
  min-height:92px;
  border:0;
  border-radius:0;
  background:transparent;
}
.stat+ .stat,.learning-stats>div+div,.recommendation-summary>div+div { border-left:1px solid var(--line); }
.stat b,.learning-stats b,.recommendation-summary b { font-size:23px; color:var(--text); }

.management-grid { gap:10px; }
.management-card {
  min-height:190px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.management-card::before,.management-card::after { display:none !important; }
.management-icon { display:none; }
.management-card h3 { font-size:16px; }
.management-card>p { color:var(--muted); }
.runs-panel { border-color:var(--line); border-radius:10px; background:var(--surface); }

.badge { border:0; border-radius:6px; background:var(--surface-2); color:var(--muted); letter-spacing:.15px; }
.badge.success { background:var(--success-soft); color:var(--success); }
.badge.error { background:color-mix(in srgb,var(--danger) 12%,var(--surface)); color:var(--danger); }
.badge.warning { background:color-mix(in srgb,var(--warning) 12%,var(--surface)); color:var(--warning); }
.badge.neutral { background:var(--surface-2); color:var(--muted); }

.recommendation-card,.publication-card,.result,.deal-card {
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.recommendation-card { transition:border-color 120ms ease; }
.recommendation-card:focus-within { border-color:var(--line-strong); box-shadow:none !important; }
.recommendation-image { border-radius:7px; }
.recommendation-score,.recommendation-image .rank { border-radius:5px; background:rgba(31,34,31,.82); }
.learning-guide,.training-checkpoint { border-color:var(--line); border-radius:8px; background:var(--surface); }

.publishing-hero { align-items:center; }
.telegram-state { border-color:var(--line); border-radius:10px; background:var(--surface); }
.telegram-state i { box-shadow:none !important; }
.publication-preview { border:1px solid var(--line); border-radius:12px; box-shadow:none !important; }

dialog { border-color:var(--line); border-radius:12px; background:var(--surface); }
dialog::backdrop { background:rgba(15,17,15,.56); backdrop-filter:none; }
.modal-header { border-color:var(--line); }
.manage-list { border-top:1px solid var(--line); }
.manage-row { align-items:flex-start; padding:18px 0; border-bottom:1px solid var(--line); }
.manage-row:last-child { border-bottom:0; }
.source-row { gap:18px; }
.source-heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.source-heading>strong { font-size:14px; }
.source-diagnostic { max-width:720px; margin-top:10px; }
.source-diagnostic p { color:var(--text); font-size:12px; line-height:1.5; }
.source-diagnostic span { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.5; }
.source-log { max-width:720px; margin-top:10px; }
.source-log summary { width:max-content; color:var(--muted); font-size:10px; cursor:pointer; }
.source-log code { display:block; max-height:150px; margin-top:8px; padding:10px; overflow:auto; border-radius:7px; background:var(--surface-2); color:var(--muted); font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; word-break:break-word; }
.source-error { border:0; background:transparent; }

#toast { border:1px solid var(--line); background:var(--surface-raised); color:var(--text); }

@media(max-width:1100px) {
  .deals-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-status { grid-column:1/-1; }
  .overview-card + .overview-card { border-left:0; border-top:1px solid var(--line); }
  .overview-card:nth-child(even) { border-right:1px solid var(--line); }
  .publication-editor-grid { grid-template-columns:1fr; }
  .publication-preview { position:relative; top:auto; }
}

@media(max-width:900px) {
  .sidebar { width:72px; padding-inline:9px; }
  main { margin-left:72px; }
  .brand-mark { display:block; padding:4px 0 28px; text-align:center; }
  .brand-code,.brand-mark small,.nav span,.nav b,.theme-toggle span:last-child { display:none; }
  .nav { grid-template-columns:1fr; place-items:center; }
  .topbar { padding:14px 18px; }
  .tab { padding:22px 18px; }
  .run-banner { margin-inline:18px; }
}

@media(max-width:680px) {
  body { padding-bottom:72px; }
  main,.sidebar+main { margin-left:0; }
  .sidebar {
    inset:auto 0 0;
    width:100%;
    height:64px;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    border:0;
    border-top:1px solid rgba(255,255,255,.08);
    border-radius:0;
    display:block;
    background:var(--sidebar);
  }
  .brand-mark { display:none; }
  .sidebar-bottom {
    position:absolute;
    top:6px;
    right:8px;
    z-index:2;
    display:block;
    width:46px;
  }
  .sidebar-collapse,.theme-toggle { display:none; }
  .profile-button { width:46px; min-height:50px; border:0; background:var(--sidebar); }
  .sidebar nav {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:2px;
    width:100%;
    padding-right:52px;
  }
  .nav,.nav[data-tab="wow"],.nav[data-tab="training"] {
    display:grid;
    place-items:center;
    min-width:0;
    height:50px;
    padding:0;
    border-radius:8px;
  }
  .nav svg { width:19px; height:19px; }
  .nav span,.nav b { display:none; }
  .topbar { align-items:flex-start; flex-direction:column; }
  .header-actions { width:100%; flex-wrap:wrap; }
  .audience-switch { flex:1; }
  .audience-switch button { min-width:0; }
  .deals-overview,.stats,.learning-stats,.recommendation-summary,.management-grid,.publication-grid { grid-template-columns:1fr; }
  .overview-status {
    display:block;
    min-height:0;
    padding:16px;
  }
  .overview-card-head { display:flex; }
  .overview-status-copy {
    max-width:none;
    margin-top:20px;
  }
  .overview-status-copy h2 { font-size:18px; }
  .overview-health {
    position:static;
    margin-top:16px;
    padding-top:12px;
  }
  .overview-card,.overview-card:nth-child(even),.stat+.stat,.learning-stats>div+div,.recommendation-summary>div+div { border:0; border-top:1px solid var(--line); }
  .overview-card:first-child,.stat:first-child,.learning-stats>div:first-child,.recommendation-summary>div:first-child { border-top:0; }
  .section-intro,.learning-hero,.publishing-hero { align-items:flex-start; flex-direction:column; }
  .publication-photo-organizer { grid-template-columns:1fr; }
  .source-row { grid-template-columns:1fr; }
  .manage-actions { width:100%; }
}

/* Authentication and nested workspace navigation. */
.auth-screen {
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  place-items:center;
  min-height:100dvh;
  padding:24px;
  overflow:auto;
  background:var(--canvas);
}
body.auth-pending .auth-screen,body.auth-required .auth-screen { display:grid; }
body.auth-pending .sidebar,body.auth-pending main,body.auth-required .sidebar,body.auth-required main { visibility:hidden; }
.auth-panel { width:min(100%,360px); }
.auth-brand { display:flex; align-items:baseline; gap:8px; margin-bottom:52px; color:var(--text); }
.auth-brand strong { font-size:28px; letter-spacing:-1.2px; }
.auth-brand span { color:var(--muted); font-size:11px; font-weight:650; }
.auth-copy h1 { font-size:28px; letter-spacing:-.8px; }
.auth-copy p { margin-top:8px; color:var(--muted); }
.login-form { display:grid; gap:16px; margin-top:30px; }
.login-form>label { display:grid; gap:7px; }
.login-form>label>span:first-child { color:var(--muted); font-size:10px; font-weight:650; letter-spacing:.55px; text-transform:uppercase; }
.login-form input { width:100%; min-height:48px; padding:11px 13px !important; font-size:16px; }
.password-field { position:relative; display:block; }
.password-field input { padding-right:82px !important; }
.password-field button { position:absolute; top:5px; right:5px; min-height:38px; padding:0 10px; border:0; border-radius:7px; background:transparent; color:var(--muted); font-size:11px; cursor:pointer; }
.password-field button:hover { background:var(--surface-2); color:var(--text); }
.login-error { min-height:18px; margin-top:-5px; color:var(--danger); font-size:11px; line-height:1.5; }
.auth-submit { width:100%; min-height:48px; font-size:13px; }
.auth-submit:disabled { cursor:wait; opacity:.65; }
.auth-pending-state { display:none; align-items:center; gap:10px; margin-top:28px; color:var(--muted); font-size:11px; }
.auth-pending-state span { width:16px; height:16px; border:2px solid var(--line-strong); border-top-color:var(--mode-accent); border-radius:50%; animation:spin .8s linear infinite; }
body.auth-pending .login-form { display:none; }
body.auth-pending .auth-pending-state { display:flex; }

.section-nav { box-sizing:border-box; max-width:1480px; margin:18px auto 0; padding:0 28px; }
.section-nav-track { display:flex; width:max-content; max-width:100%; padding:3px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); }
.section-nav-track[hidden] { display:none; }
.section-nav button { min-height:36px; padding:8px 15px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:12px; font-weight:650; cursor:pointer; white-space:nowrap; }
.section-nav button.active { background:var(--surface); color:var(--text); }
.section-nav button span { display:inline-grid; place-items:center; min-width:20px; height:20px; margin-left:5px; padding:0 5px; border-radius:999px; background:var(--surface-strong); color:var(--muted); font-size:9px; }

@media(max-width:680px) {
  .auth-screen { place-items:start center; padding:32px 20px calc(32px + env(safe-area-inset-bottom)); }
  .auth-panel { width:100%; }
  .auth-brand { margin-bottom:48px; }
  .auth-copy h1 { font-size:26px; }
  .section-nav { margin-top:12px; padding:0 18px; }
  .section-nav-track { width:100%; }
  .section-nav button { flex:1; min-width:0; padding-inline:9px; }
  #run-banner.idle,.search-run-banner.idle { display:none; }
  .deals-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-status { grid-column:1/-1; }
  .overview-card:not(.overview-status) { min-height:118px; padding:15px; }
  .overview-card:not(.overview-status):nth-child(odd) { border-left:1px solid var(--line); }
  .overview-metric strong,.overview-total strong { font-size:22px; }
}

/* Keep the roomy desktop rail after the compact theme declarations above. */
@media(min-width:901px) {
  .sidebar { width:268px; }
  main,.sidebar + main { margin-left:268px; }
  body.sidebar-collapsed .sidebar { width:72px; padding-inline:9px; }
  body.sidebar-collapsed main,body.sidebar-collapsed .sidebar + main { margin-left:72px; }
}

@media(max-width:760px){
  .sidebar nav{overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
  .nav,.nav[data-tab="wow"],.nav[data-tab="training"]{display:flex;flex:0 0 62px;min-width:62px;flex-direction:column;justify-content:center;gap:3px}
  .nav span,.nav b{display:none}
  .workspace-segments{display:flex;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.workspace-segments::-webkit-scrollbar{display:none}.workspace-segments button{flex:0 0 auto;min-width:92px}
  .orders-toolbar{align-items:stretch;flex-direction:column}.orders-toolbar .search-field,.orders-toolbar select{width:100%;min-width:0}
  .orders-table-wrap{display:none}.orders-cards{display:grid;gap:10px}
  .dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpi{min-height:104px}.dashboard-kpi:last-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.dashboard-chart{min-height:190px}.dashboard-period{width:100%;justify-content:space-between}
  .recent-order{grid-template-columns:minmax(0,1fr) auto}.recent-order .order-status{display:none}
  .order-form-actions{align-items:stretch;flex-direction:column}.order-form-actions>*{width:100%;text-align:center}.order-form-heading{align-items:flex-start;flex-direction:column}.order-profit-preview{text-align:left}
}
@media(max-width:420px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-kpi:last-child{grid-column:auto}.order-card-money{grid-template-columns:1fr}.recent-order{grid-template-columns:1fr}.recent-order>strong{text-align:left}}

/* Телефон: две карточки в ряд, чтобы лента листалась быстрее. Подробности остаются в карточке на компьютере. */
#recommendation-note.recommendation-note-early { color:var(--mate-dark); font-weight:600; }
@media(max-width:680px) {
  .recommendation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .recommendation-image { height:auto; aspect-ratio:3/4; margin:6px 6px 0; }
  .recommendation-image img,.recommendation-image-placeholder { padding:4px; }
  .recommendation-image .rank,.recommendation-score { top:5px; min-width:24px; height:20px; padding:0 5px; font-size:9px; }
  .recommendation-image .rank { left:5px; }
  .recommendation-score { right:5px; }
  .recommendation-card-body,.wow-grid .recommendation-card-body { min-height:0; padding:8px; }
  .recommendation-card h3 { display:-webkit-box; height:auto; margin-top:3px; font-size:13px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .recommendation-price { flex-wrap:wrap; gap:4px; margin-top:6px; }
  .recommendation-price .offer-price>b { font-size:14px; }
  .recommendation-explanation,.score-breakdown,.feedback-state.pending { display:none; }
  .rating-row { gap:4px; margin-top:8px; }
  .rating-button { min-width:0; min-height:38px; padding:0; font-size:0; }
  .rating-button span { font-size:16px; }
  .offer-to-publication,.offer-to-other-wow { min-height:36px; margin-top:6px; padding:6px 8px; font-size:11px; }
  .recommendation-link { margin-top:6px; font-size:11px; }
  .deals-card-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .deal-card { min-width:0; padding:8px; }
  .deal-card-product { grid-template-columns:minmax(0,1fr); gap:6px; }
  .deal-card-product img,.deal-card-placeholder { width:100%; height:auto; aspect-ratio:3/4; }
  .deal-card-facts { display:none; }
  .deal-card-product h3 { display:-webkit-box; font-size:13px; line-height:1.25; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .deal-card-pricing { flex-wrap:wrap; gap:4px; margin:6px 0; padding:6px 0; }
  .deal-card-states { flex-wrap:wrap; margin-top:6px; }
  .deal-card-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; margin-top:8px; }
  .deal-card-actions>* { width:100%; min-width:0; margin:0; }
}