:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#6b7280;--brand:#3155d4;--brand2:#6b7cff;--line:#e5e7eb;--good:#0f9f6e;--bad:#dc2626;--warn:#d97706;--soft:#eef2ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:#101828;color:white;padding:18px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-weight:800}.brand h1{font-size:20px;margin:0}.brand p{margin:4px 0 0;color:#aab3c5;font-size:12px}nav{display:flex;flex-direction:column;gap:8px}.nav{background:transparent;color:#c7d0e4;border:0;text-align:left;padding:12px 14px;border-radius:12px;cursor:pointer;font-size:15px}.nav:hover,.nav.active{background:#1f2a44;color:white}.license{margin-top:auto;background:#182238;border-radius:12px;padding:12px;color:#cbd5e1;font-size:13px}.main{margin-left:270px;min-height:100vh;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.topbar h2{margin:0;font-size:28px}.topbar p{margin:4px 0 0;color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}.view{display:none}.view.active{display:block}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.filters label,.modal label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}input,select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);min-height:39px}.btn{border:0;border-radius:10px;background:var(--brand);color:#fff;padding:11px 16px;cursor:pointer;font-weight:600}.btn:hover{filter:brightness(.95)}.btn.secondary{background:#e8ecff;color:#283c9a}.link{border:0;background:transparent;color:var(--brand);cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.card .label{font-size:13px;color:var(--muted);margin-bottom:8px}.card .value{font-size:24px;font-weight:800}.card.good .value{color:var(--good)}.card.bad .value{color:var(--bad)}.card.warn .value{color:var(--warn)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.panel h3{margin:0 0 12px}.panel-head{display:flex;justify-content:space-between;align-items:center}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f8fafc;color:#475467;position:sticky;top:0}.num{text-align:right}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--soft);font-size:12px}.pill.bad{background:#fee2e2;color:#991b1b}.pill.good{background:#dcfce7;color:#166534}.warning{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin:8px 0}.warning strong{color:#9a3412}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-panel{border:2px dashed #c7d2fe;background:#fbfcff}.modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);align-items:center;justify-content:center;z-index:100}.modal.active{display:flex}.modal-card{width:min(620px,92vw);max-height:88vh;overflow:auto;background:white;border-radius:18px;padding:22px;position:relative;display:flex;flex-direction:column;gap:12px}.modal-card h3{margin:0 0 6px}.modal-close{position:absolute;right:14px;top:10px;background:transparent;border:0;font-size:28px;cursor:pointer}.check{flex-direction:row!important;align-items:center;color:var(--text)!important}.small-muted{font-size:12px;color:var(--muted)}.notice{background:#eef2ff;color:#273891;padding:10px 12px;border-radius:12px;margin:10px 0}.error{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:12px;margin:10px 0}.ok{background:#dcfce7;color:#166534;padding:10px 12px;border-radius:12px;margin:10px 0}@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.cards{grid-template-columns:repeat(2,1fr)}.grid.two,.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto}.main{margin-left:0}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}
.auth-screen{display:none;position:fixed;inset:0;z-index:500;background:linear-gradient(135deg,#101828,#283c9a);align-items:center;justify-content:center;padding:24px}.auth-screen.active{display:flex}.auth-card{width:min(480px,94vw);background:white;border-radius:22px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.auth-brand{color:var(--text);margin-bottom:12px}.auth-card h2{margin:12px 0 4px}.tabs{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;margin:18px 0}.tab{flex:1;border:0;background:transparent;border-radius:10px;padding:10px;cursor:pointer;font-weight:700;color:#475467}.tab.active{background:white;color:var(--brand);box-shadow:0 2px 8px rgba(16,24,40,.08)}.auth-form{display:grid;gap:10px}.hidden{display:none!important}.modal-card.wide{width:min(1180px,96vw)}.small-cards{grid-template-columns:repeat(4,minmax(140px,1fr))}.small-cards .card .value{font-size:18px}@media(max-width:760px){.small-cards{grid-template-columns:1fr 1fr}}

/* v0.5 landing and improved registration */
body.logged-out .sidebar, body.logged-out .main{display:none}
.landing-screen{display:none;min-height:100vh;background:radial-gradient(circle at 20% 10%,#eef2ff 0,#f8fafc 34%,#eef4ff 100%);padding:22px;color:var(--text)}
.landing-screen.active{display:block}.landing-top{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto 42px}.landing-brand{color:var(--text)}.landing-brand p{color:#667085}.landing-actions{display:flex;gap:10px}.landing-main{max-width:1180px;margin:0 auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.badge{display:inline-block;background:#e0e7ff;color:#283c9a;border:1px solid #c7d2fe;border-radius:999px;padding:8px 12px;font-weight:700;margin-bottom:18px}.hero h1{font-size:52px;line-height:1.02;margin:0 0 18px;letter-spacing:-.03em}.hero p{font-size:18px;line-height:1.55;color:#475467;max-width:650px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn.big{font-size:16px;padding:14px 20px;border-radius:14px}.hero-card{background:#101828;color:white;border-radius:28px;padding:24px;box-shadow:0 24px 80px rgba(16,24,40,.25)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-card{background:#1f2a44;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.mini-card span{display:block;color:#aab3c5;font-size:13px;margin-bottom:8px}.mini-card b{font-size:22px}.mini-card.good b{color:#86efac}.mini-card.warn b{color:#fdba74}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.feature{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 36px rgba(16,24,40,.06)}.feature h3{margin:0 0 8px}.feature p{margin:0;color:#667085;line-height:1.45}.auth-screen{background:rgba(15,23,42,.62);backdrop-filter:blur(4px)}.auth-close{color:#475467}.inline-row{display:flex;gap:8px}.inline-row input{flex:1}.password-hint{font-size:12px;color:#6b7280;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:9px 10px}.password-hint.s0,.password-hint.s1{color:#991b1b;background:#fee2e2}.password-hint.s2{color:#9a3412;background:#fff7ed}.password-hint.s3{color:#1d4ed8;background:#dbeafe}.password-hint.s4{color:#166534;background:#dcfce7}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:38px}.landing-features{grid-template-columns:1fr}.landing-top{align-items:flex-start;gap:16px;flex-direction:column}.mini-grid{grid-template-columns:1fr}}

.auth-note{margin:0 0 2px;line-height:1.4}.password-row{display:flex;gap:8px}.password-row input{flex:1}.password-toggle{white-space:nowrap}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}

/* v0.7 settings separation */
.settings-sections{grid-template-columns:1fr;max-width:980px}.wide-panel{width:100%}.section-line{border:0;border-top:1px solid var(--line);margin:18px 0}.profile-form input:first-child{grid-column:1 / -1}.password-change-form{align-items:end}.cabinet-item{line-height:1.55}@media(max-width:760px){.profile-form input:first-child{grid-column:auto}.password-row{flex-direction:column}}

/* v0.8 tariffs, payment and API placeholders */
.tariff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.tariff-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px;min-height:150px}.tariff-card.popular{border-color:#a5b4fc;background:#fbfcff}.tariff-title{font-size:22px;font-weight:800}.tariff-subtitle{color:var(--muted);font-size:13px;line-height:1.4;min-height:36px}.tariff-badge{position:absolute;right:12px;top:12px;background:#e0e7ff;color:#283c9a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.tariff-pay{margin-top:auto}.api-panel{background:#fbfcff}.api-form{align-items:end}.api-form input:disabled{background:#f8fafc;color:#98a2b3}@media(max-width:760px){.tariff-grid{grid-template-columns:1fr}.api-form{grid-template-columns:1fr}}

/* v0.11 WB API import and auto sync */
.btn.danger{background:#fee2e2;color:#991b1b}.btn.danger:hover{filter:brightness(.98)}
.api-import-panel{border-color:#a5b4fc}.compare-panel{background:#fff}.api-token-status{line-height:1.5}.api-form .password-row{display:flex}.api-form .password-row input{flex:1}.compare-panel h4{margin:16px 0 8px}.pill.bad{background:#fee2e2;color:#991b1b}
@media(max-width:760px){.api-form .password-row{flex-direction:column}}

/* v0.13 settings steps and product analytics cost flow */
.help-panel{background:#f8fafc;border-color:#dbe4f0;color:#344054}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;max-width:1280px}.settings-main{display:flex;flex-direction:column;gap:16px}.settings-side{min-width:0}.sticky-panel{position:sticky;top:18px}.step-panel{margin-bottom:0}.step-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.step-head h3{margin:0 0 4px}.step-number{width:34px;height:34px;min-width:34px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 18px rgba(49,85,212,.22)}.compact-notice{font-size:13px}.tariff-panel{background:#fbfcff}.tariff-grid.vertical{grid-template-columns:1fr}.tariff-status{background:#eef2ff;border:1px solid #c7d2fe;color:#273891;border-radius:14px;padding:12px;margin:8px 0 12px;line-height:1.45}.cabinet-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cabinet-item-head .btn{padding:8px 12px}.help-steps{display:grid;gap:10px;line-height:1.55}.costs-link-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal-card.wide .help-steps b{color:#101828}@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}.sticky-panel{position:static}}@media(max-width:760px){.step-head{flex-direction:column}.cabinet-item-head{flex-direction:column}.settings-layout{display:block}}

/* v0.14 — compact sync messages and refreshed order feed */
.orders-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fbfcff 0%,#f5f7ff 100%);border-color:#dbe3ff}.orders-hero h3{font-size:24px;margin:3px 0 6px}.orders-hero p{margin:0;color:var(--muted);line-height:1.45}.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:800}.orders-auto-badge{display:flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;border:1px solid #d8e2ff;border-radius:999px;padding:9px 12px;color:#344054;font-size:13px;font-weight:700}.status-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}.status-dot.off{background:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.12)}.orders-filter-panel{padding-bottom:12px}.quick-periods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.period-chip{border:1px solid var(--line);background:#fff;color:#475467;border-radius:999px;padding:8px 13px;cursor:pointer;font-weight:700}.period-chip:hover,.period-chip.active{background:#eef2ff;color:#283c9a;border-color:#a5b4fc}.orders-filters{margin-bottom:8px}.orders-search{min-width:230px}.orders-search input{width:100%}.manual-limit-note{font-size:12px;color:#8a6116;background:#fffaf0;border:1px solid #f6d99b;border-radius:10px;padding:9px 11px}.orders-cards .card{padding:14px}.orders-sync-strip{margin:0 0 14px}.sync-status-list{margin-top:10px}.sync-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;color:#475467;font-size:13px}.sync-line b{color:#101828}.sync-line .small-muted{margin-left:auto}.sync-error{width:100%;color:#b42318;font-size:12px;padding-left:18px}.compact-auto-note{font-size:13px;color:#475467;line-height:1.45}.orders-table-panel{padding:0;overflow:hidden}.orders-table-panel .table-wrap{padding:0}.orders-table-panel table{font-size:13px}.orders-table-panel th{padding:12px 14px;background:#f8fafc}.orders-table-panel td{padding:12px 14px;vertical-align:middle}.orders-table-panel tbody tr:hover{background:#fafbff}.order-product{display:flex;flex-direction:column;gap:3px;min-width:180px;white-space:normal}.order-product b{color:#101828}.order-product span{color:var(--muted);font-size:12px}.btn:disabled{opacity:.65;cursor:wait}
@media(max-width:900px){.orders-hero{align-items:flex-start;flex-direction:column}.orders-auto-badge{white-space:normal}.sync-line .small-muted{margin-left:0;width:100%}.orders-search{min-width:100%}}

/* v0.15 — FBO stocks and warehouses */
.stocks-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#f7fffc 0%,#f4f8ff 100%);border-color:#cfe8df}.stocks-hero h3{font-size:24px;margin:3px 0 6px}.stocks-hero p{margin:0;color:var(--muted);line-height:1.45}.stocks-filter-panel{padding-bottom:12px}.stocks-filters{margin-bottom:8px}.stocks-cards .card{padding:14px}.stocks-meta{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 14px}.stocks-meta span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#475467;font-size:12px}.stocks-meta b{color:#101828}.stocks-meta .stock-cost-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.stocks-table-panel{padding:0;overflow:hidden}.stocks-table-panel table{font-size:13px}.stocks-table-panel th{padding:12px 14px;background:#f8fafc}.stocks-table-panel td{padding:12px 14px;vertical-align:middle}.stocks-table-panel tbody tr:hover{background:#f8fffc}.stocks-table-panel .stock-main-number{font-size:15px;font-weight:800;color:#166534}
@media(max-width:900px){.stocks-hero{align-items:flex-start;flex-direction:column}.stocks-meta{margin-top:0}}
.pill.warn{background:#fff7ed;color:#9a3412}

/* v0.16 — FBO supplies and clearer API key management */
.supplies-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fffaf2 0%,#f5f8ff 100%);border-color:#f0dcc0}.supplies-hero h3{font-size:24px;margin:3px 0 6px}.supplies-hero p{margin:0;color:var(--muted);line-height:1.45}.supplies-filter-panel{padding-bottom:12px}.supplies-cards .card{padding:14px}.supplies-table-panel{padding:0;overflow:hidden}.supplies-table-panel table{font-size:13px}.supplies-table-panel th{padding:12px 14px;background:#f8fafc}.supplies-table-panel td{padding:12px 14px;vertical-align:middle}.supplies-table-panel tbody tr:hover{background:#fffaf5}.supply-status{font-weight:700}.supply-status.s1{background:#f2f4f7;color:#475467}.supply-status.s2{background:#e0e7ff;color:#3730a3}.supply-status.s3{background:#dbeafe;color:#1d4ed8}.supply-status.s4{background:#fff7ed;color:#9a3412}.supply-status.s5{background:#dcfce7;color:#166534}.supply-status.s6{background:#ecfdf3;color:#027a48}.package-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.package-chip{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:11px 12px}.package-chip span{font-size:12px;color:var(--muted)}.api-token-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}.compact-btn{padding:7px 10px;font-size:12px;white-space:nowrap}.api-token-status{color:#344054}.api-token-status .small-muted{display:inline-block;margin-top:5px}.api-check-list{display:grid;gap:6px;margin-top:8px}
@media(max-width:900px){.supplies-hero{align-items:flex-start;flex-direction:column}.api-token-head{flex-direction:column}.compact-btn{width:100%}}

/* v0.17 — token diagnostics and supply planning */
.pill.info{background:#e0f2fe;color:#075985}
.planning-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#f4f8ff 0%,#f7fffb 100%);border-color:#d5e4ef}
.planning-hero h3{font-size:24px;margin:3px 0 6px}.planning-hero p{margin:0;color:var(--muted);line-height:1.45}
.planning-formula{white-space:nowrap;background:#fff;border:1px solid #cfe0ed;border-radius:999px;padding:10px 14px;color:#344054;font-size:13px;font-weight:800}
.planning-filter-panel{padding-bottom:12px}.planning-filters{margin-bottom:8px}.planning-note{font-size:12px;color:#475467;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:9px 11px;line-height:1.45}
.planning-cards{grid-template-columns:repeat(6,minmax(145px,1fr))}.planning-cards .card{padding:14px}.planning-cards .card .value{font-size:21px}
.planning-table-panel{padding:0;overflow:hidden}.planning-table-panel table{font-size:13px}.planning-table-panel th{padding:12px 14px;background:#f8fafc}.planning-table-panel td{padding:12px 14px;vertical-align:middle}.planning-table-panel tbody tr:hover{background:#f8fbff}.planning-qty{font-size:15px;font-weight:800;color:#283c9a}
@media(max-width:1200px){.planning-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.planning-hero{align-items:flex-start;flex-direction:column}.planning-formula{white-space:normal}.planning-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.planning-cards{grid-template-columns:1fr}}

/* v0.18 — modern workspace, advertising and growth analytics */
:root{
  --bg:#f4f6fb;
  --panel:#ffffff;
  --text:#182033;
  --muted:#667085;
  --brand:#5b4ce6;
  --brand2:#8b5cf6;
  --line:#e7e9f1;
  --good:#07966f;
  --bad:#d92d20;
  --warn:#dc6803;
  --soft:#f0efff;
  --sidebar:#121528;
  --sidebar2:#1b1f38;
  --shadow:0 10px 35px rgba(20,25,50,.07);
}
body{background:linear-gradient(180deg,#f7f8fc 0,#f2f4f9 100%);letter-spacing:-.005em}
.sidebar{width:282px;padding:18px 14px 14px;background:linear-gradient(180deg,#121528 0%,#171b31 100%);border-right:1px solid rgba(255,255,255,.05);gap:14px;overflow:hidden;box-shadow:12px 0 40px rgba(18,21,40,.08)}
.brand{padding:5px 8px 14px}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#5b4ce6 55%,#2563eb);box-shadow:0 10px 30px rgba(91,76,230,.35)}.brand h1{font-size:18px;letter-spacing:-.02em}.brand p{color:#838ca8}
.app-nav{overflow-y:auto;padding:0 4px 12px;scrollbar-width:thin;scrollbar-color:#343952 transparent}.nav-group-label{padding:14px 10px 7px;color:#7e87a4;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;color:#aeb6cd;border-radius:11px;font-size:13.5px;font-weight:650;transition:background .16s ease,color .16s ease,transform .16s ease}.nav:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}.nav.active{background:linear-gradient(90deg,rgba(124,92,246,.22),rgba(91,76,230,.12));color:#fff;box-shadow:inset 3px 0 0 #8b7cff}.nav-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.055);font-size:14px;color:#bcc5df}.nav.active .nav-icon{background:rgba(139,124,255,.22);color:#fff}.nav-new{margin-left:auto;font-size:8px;letter-spacing:.05em;background:#7c5cff;color:#fff;border-radius:999px;padding:3px 5px;font-weight:900}.license{margin:0 4px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#d7dceb;box-shadow:none}
.main{margin-left:282px;padding:22px 28px 44px;max-width:1800px}.topbar{position:sticky;top:0;z-index:20;margin:-22px -28px 22px;padding:18px 28px 14px;background:rgba(247,248,252,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,233,241,.9)}.topbar h2{font-size:26px;letter-spacing:-.035em}.topbar p{font-size:13px}.top-actions select{min-width:185px}.top-actions .btn{padding:10px 13px}
input,select{border:1px solid #dfe3ec;border-radius:11px;padding:10px 12px;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:0;border-color:#9184f6;box-shadow:0 0 0 4px rgba(91,76,230,.10)}
.btn{border-radius:11px;background:linear-gradient(135deg,#6657e8,#5042d8);box-shadow:0 6px 14px rgba(91,76,230,.16);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px rgba(91,76,230,.22);filter:none}.btn.secondary{background:#f0efff;color:#4b3fc3;box-shadow:none;border:1px solid #e1ddff}.btn.secondary:hover{background:#e9e6ff}.btn.danger{box-shadow:none}.panel{border:1px solid rgba(224,227,237,.95);border-radius:18px;box-shadow:var(--shadow);padding:18px}.card{border:1px solid rgba(224,227,237,.95);border-radius:17px;box-shadow:0 8px 26px rgba(20,25,50,.055);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ddd9ff}.card.good:before{background:#12b76a}.card.warn:before{background:#f79009}.card.bad:before{background:#f04438}.card .label{text-transform:none;font-size:12px}.card .value{letter-spacing:-.035em}
.filters{gap:10px}.smart-toolbar{padding:14px 16px}.modern-filters{margin-bottom:8px}.modern-filters label{min-width:130px}.modern-filters .orders-search{flex:1;min-width:210px}.feature-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 25px;overflow:hidden;position:relative}.feature-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-85px;top:-130px;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0))}.feature-hero h3{font-size:26px;margin:3px 0 7px;letter-spacing:-.035em}.feature-hero p{max-width:720px;margin:0;color:var(--muted);line-height:1.5}.hero-side-badge{position:relative;z-index:2;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);padding:10px 13px;border-radius:999px;box-shadow:0 6px 20px rgba(20,25,50,.08);font-size:12px;font-weight:800;white-space:nowrap}.advertising-hero{background:linear-gradient(135deg,#fff7ed 0%,#fff 52%,#f6f1ff 100%);border-color:#f3dfc8}.growth-hero{background:linear-gradient(135deg,#eef9ff 0%,#fff 52%,#f4efff 100%);border-color:#dbe8f4}.products-hero{background:linear-gradient(135deg,#f2f0ff 0%,#fff 55%,#edf9f5 100%);border-color:#dedaf9}
.insight-cards{grid-template-columns:repeat(6,minmax(145px,1fr))}.insight-cards .card{padding:15px}.insight-cards .card .value{font-size:21px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px}.chart-panel,.insight-panel,.funnel-panel,.search-panel{min-height:310px}.chart-panel .panel-head{align-items:flex-start}.chart-panel h3,.insight-panel h3,.funnel-panel h3,.search-panel h3{margin-bottom:4px}.chart-legend{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.legend-dot{width:9px;height:9px;border-radius:3px;display:inline-block;margin-left:4px}.legend-dot.spend{background:#f59e0b}.legend-dot.sales{background:#6657e8;border-radius:50%}.chart-canvas{height:245px;display:flex;align-items:center;justify-content:center}.chart-canvas svg{width:100%;height:100%;overflow:visible}.chart-axis{stroke:#dfe3ec;stroke-width:1}.chart-bar{fill:#fbbf24;opacity:.48}.chart-line{stroke:#6657e8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:#6657e8;stroke-width:2}.chart-canvas text{font-size:11px;fill:#98a2b3}.insight-row{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}.insight-row:last-child{border-bottom:0}.insight-row div{display:flex;flex-direction:column;gap:4px}.insight-row span{font-size:12px;color:var(--muted)}.insight-icon{width:34px;height:34px;min-width:34px;border-radius:11px;display:grid;place-items:center;background:#f0efff;color:#5145cd;font-weight:900}.insight-icon.good{background:#ecfdf3;color:#027a48}.insight-icon.warn{background:#fff7ed;color:#b54708}
.analytics-note{font-size:12px;color:#475467;background:#f5f7ff;border:1px solid #e1e5f5;border-radius:10px;padding:9px 11px}.funnel-visual{display:grid;gap:11px;margin-top:18px}.funnel-stage{position:relative}.funnel-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#475467;margin-bottom:5px}.funnel-label b{font-size:14px;color:#101828}.funnel-track{height:28px;background:#f2f4f7;border-radius:9px;overflow:hidden}.funnel-track span{display:block;height:100%;min-width:3%;border-radius:9px;background:linear-gradient(90deg,#7668ee,#9f8cff);box-shadow:inset 0 0 20px rgba(255,255,255,.16)}.funnel-stage:nth-child(2) .funnel-track span{background:linear-gradient(90deg,#4e8de9,#75b6f4)}.funnel-stage:nth-child(3) .funnel-track span{background:linear-gradient(90deg,#00a77b,#5bd3b0)}.funnel-stage:nth-child(4) .funnel-track span{background:linear-gradient(90deg,#f79009,#fac565)}.funnel-conversion{position:absolute;right:8px;bottom:5px;color:white;font-size:10px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.16)}.search-summary-card{padding:13px 0;border-bottom:1px solid var(--line)}.search-summary-card:last-child{border-bottom:0}.search-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.search-metrics span{display:flex;flex-direction:column;gap:2px;padding:9px;background:#f8f9fc;border-radius:10px;color:var(--muted);font-size:10px}.search-metrics strong{font-size:15px;color:#1d2939}.modern-table-panel{padding:0;overflow:hidden}.modern-table-panel table{font-size:12.5px}.modern-table-panel th{padding:13px 14px;background:#f8f9fc;color:#667085;border-bottom:1px solid #e9ebf2;font-size:11px;text-transform:uppercase;letter-spacing:.035em}.modern-table-panel td{padding:12px 14px;vertical-align:middle}.modern-table-panel tbody tr{transition:background .12s ease}.modern-table-panel tbody tr:hover{background:#fafaff}
.empty-state{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:var(--muted);padding:24px}.empty-state b{color:#344054}.empty-state.compact{min-height:180px}.empty-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f0efff;color:#6657e8;font-size:24px}.product-cell{display:flex;align-items:center;gap:10px;min-width:210px}.product-thumb{width:42px;height:52px;border-radius:9px;object-fit:cover;background:#f2f4f7;border:1px solid #eaecf0}.product-thumb.placeholder{display:grid;place-items:center;color:#8176dd;font-size:10px;font-weight:900;background:#f0efff}.icon-action{width:34px;height:34px;border:1px solid #ddd9ff;background:#f4f2ff;color:#5042d8;border-radius:10px;font-weight:900;cursor:pointer}.icon-action:hover{background:#e9e6ff}.positive{color:#067647}.negative{color:#b42318}
.settings-layout{grid-template-columns:minmax(0,1fr);max-width:1180px}.settings-main{gap:18px}.step-panel{padding:22px}.step-number{background:linear-gradient(135deg,#6e5eea,#4e41d0)}
.notice,.ok,.error{border:1px solid transparent}.notice{border-color:#dcd8ff;background:#f3f1ff;color:#4438a7}.ok{border-color:#abefc6;background:#ecfdf3}.error{border-color:#fecdca;background:#fef3f2}.manual-limit-note{border-color:#fedf89;background:#fffaeb}.pill{font-weight:700}.pill.info{background:#eef4ff;color:#3538cd}
@media(max-width:1350px){.insight-cards{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.chart-panel,.insight-panel,.funnel-panel,.search-panel{min-height:auto}}
@media(max-width:1050px){.sidebar{width:232px}.main{margin-left:232px}.topbar{margin-left:-28px}.insight-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:static;width:auto;max-height:none}.app-nav{max-height:none}.main{margin-left:0;padding:16px}.topbar{position:static;margin:-16px -16px 18px;padding:16px}.feature-hero{align-items:flex-start;flex-direction:column}.hero-side-badge{white-space:normal}.insight-cards{grid-template-columns:1fr}.dashboard-grid{display:block}.chart-panel,.insight-panel,.funnel-panel,.search-panel{margin-bottom:14px}.search-metrics{grid-template-columns:1fr}.modern-filters label{width:100%}.modern-filters input,.modern-filters select{width:100%}}

/* v0.19 — denser business dashboards and clearer drill-downs */
.card.action-card{position:relative;padding-bottom:46px}.mini-card-action{position:absolute;left:18px;bottom:14px;border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer;padding:0}.card-note{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.35}.stock-link{border:0;background:transparent;padding:0;color:inherit;cursor:pointer;text-align:left}.stock-link:hover{color:var(--accent)}.warehouse-mini{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;margin:2px;border-radius:999px;background:#f1f5f9;font-size:12px;white-space:nowrap}.products-table-panel{overflow-x:auto;max-width:100%}.products-table-panel>table,.products-wide-table{min-width:1750px}.products-table-panel th:first-child,.products-table-panel td:first-child{position:sticky;left:0;z-index:2;background:#fff;min-width:260px}.products-table-panel th:first-child{z-index:3;background:#f8fafc}.growth-chart-panel{margin-top:18px}.growth-bars{display:grid;gap:13px}.growth-bar-row{display:grid;grid-template-columns:minmax(190px,300px) 1fr;gap:18px;align-items:center}.growth-bar-label{display:flex;flex-direction:column;min-width:0}.growth-bar-label b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.growth-bar-label span{font-size:12px;color:var(--muted)}.growth-bar-track{position:relative;height:22px;background:#eef2f7;border-radius:999px;overflow:hidden}.growth-bar-track span{position:absolute;left:0;top:0;height:100%;border-radius:999px}.growth-bar-track .orders{background:linear-gradient(90deg,#7c3aed,#4f46e5);opacity:.88}.growth-bar-track .buyouts{top:6px;height:10px;background:#10b981}.report-title{display:flex;gap:10px;align-items:flex-start}.report-title>div{display:flex;flex-direction:column}.report-title span:not(.pill){font-size:12px;color:var(--muted)}.report-money{font-size:15px;color:#0f766e}.payout-date{display:flex;flex-direction:column}.payout-date span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.reports-modern-table{min-width:1120px}.orders-modern-table{min-width:1250px}.stocks-modern-table{min-width:1100px}.table-wrap{overflow-x:auto}.stock-main-number b,.stock-main-number{font-size:15px}.pill.info{background:#e0f2fe;color:#0369a1}.card.info{background:linear-gradient(145deg,#fff,#f0f9ff);border-color:#bae6fd}.modern-filters select,.modern-filters input,.stocks-filters select,.stocks-filters input,.planning-filters select,.planning-filters input{min-height:42px}.reports-overview .panel-head{margin-bottom:12px}
@media(max-width:900px){.growth-bar-row{grid-template-columns:1fr;gap:6px}.products-table-panel th:first-child,.products-table-panel td:first-child{position:static}.settings-layout{display:block}}

/* v0.19 — richer FBO supplies */
.supply-number,.supply-dates,.supply-route,.supply-progress{display:flex;flex-direction:column;gap:4px;min-width:130px}
.supply-number span,.supply-dates span,.supply-route span,.supply-progress span{font-size:12px;color:var(--muted)}
.supply-progress em{color:#d94d64;font-style:normal;font-weight:700}
.mini-progress{height:7px;border-radius:999px;background:rgba(129,143,163,.18);overflow:hidden;min-width:120px}
.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6a74f9,#36c89a)}
.compact-btn{padding:8px 12px;white-space:nowrap}
.supply-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.supply-detail-grid>div{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);display:flex;flex-direction:column;gap:4px}
.supply-detail-grid span{font-size:12px;color:var(--muted)}
.supply-detail-grid b{font-size:14px;overflow-wrap:anywhere}
.supply-modal-progress{padding:14px 16px;margin:12px 0;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.supply-modal-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.supply-coeffs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.supply-coeffs span{padding:8px 11px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);font-size:12px;color:var(--muted)}
.supply-coeffs b{color:var(--text)}
@media(max-width:900px){.supply-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.supply-detail-grid{grid-template-columns:1fr}}

/* v0.19 — summary refinements */
.card-note{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.35}
.expense-action-card{display:flex;align-items:center;justify-content:space-between;gap:12px}
.card-action-button{border:0;border-radius:10px;padding:8px 11px;background:rgba(106,116,249,.14);color:#6873ef;font-weight:800;cursor:pointer;white-space:nowrap}
.card-action-button:hover{background:rgba(106,116,249,.22)}
.advertising-summary-card .value{color:#e18a2d}
.summary-products-table{min-width:670px}
#bestProducts,#badProducts{overflow-x:auto}
:root{--accent:var(--brand);--border:var(--line);--surface-soft:#f8fafc}

/* v0.21 — official-report views, unified periods and sortable tables */
.official-source-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;background:linear-gradient(135deg,#f1fff8,#f8fbff);border-color:#b7ebd1}.official-source-strip>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.official-source-strip span:not(.official-mark){font-size:12px;color:var(--muted)}.official-mark{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d1fadf;color:#067647;font-weight:900}.coverage-badge{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #d0d5dd;font-size:12px;color:#344054;white-space:nowrap}.compact-filters{align-items:flex-end}.range-field{position:relative;display:flex;flex-direction:column;gap:6px;min-width:260px}.range-field>span{font-size:12px;color:var(--muted);font-weight:700}.range-trigger{height:42px;text-align:left;padding:0 38px 0 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);font:inherit;cursor:pointer;position:relative}.range-trigger:after{content:'▾';position:absolute;right:13px;color:var(--muted)}.range-field.open .range-trigger{border-color:#8b83ef;box-shadow:0 0 0 3px rgba(108,99,230,.12)}.range-popover{display:none;position:absolute;left:0;top:68px;z-index:40;width:380px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(16,24,40,.17);grid-template-columns:1fr 1fr;gap:12px}.range-field.open .range-popover{display:grid}.range-popover label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.range-popover input{width:100%;min-height:42px}.range-popover .btn{grid-column:1/-1}.range-coverage{grid-column:1/-1;padding:9px 11px;border-radius:10px;background:#fffaeb;color:#7a2e0e;font-size:12px;line-height:1.4}.sort-header{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}.sort-header span{font-size:12px;color:#98a2b3}.sort-header.active{color:#5042d8}.sort-header.active span{color:#5042d8}.entity-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.entity-tab{border:1px solid transparent;background:transparent;color:#667085;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.entity-tab span{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-left:4px;padding:0 6px;border-radius:999px;background:#f2f4f7;font-size:11px}.entity-tab.active{background:#f0efff;color:#5042d8;border-color:#ddd9ff}.entity-tab.active span{background:#fff}.view-switcher{display:inline-flex;padding:4px;border-radius:13px;background:#f2f4f7;margin-bottom:15px}.view-switch{border:0;background:transparent;padding:9px 14px;border-radius:10px;color:#667085;font-weight:800;cursor:pointer}.view-switch.active{background:#fff;color:#5042d8;box-shadow:0 3px 9px rgba(16,24,40,.08)}.pack-info{display:flex;flex-direction:column;gap:3px;font-size:12px;min-width:150px}.pack-info span{color:var(--muted)}.pack-info b{color:var(--text)}.planning-modern-table{min-width:1550px}.conversion-donuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.donut-card{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#fafaff)}.donut-card svg{width:88px;height:88px;transform:rotate(-90deg)}.donut-card circle{fill:none;stroke-width:10}.donut-bg{stroke:#eef0f6}.donut-value{stroke:#6e5eea;stroke-linecap:round}.donut-card text{transform:rotate(90deg);transform-origin:center;font-size:14px;font-weight:900;fill:#1d2939}.donut-card>div{display:flex;flex-direction:column;gap:4px}.donut-card>div span{font-size:12px;color:var(--muted)}.two-cols{grid-template-columns:1fr 1fr}.products-wide-table td:first-child,.products-wide-table th:first-child{min-width:250px}.products-table-panel{scrollbar-gutter:stable both-edges}.products-table-panel::-webkit-scrollbar{height:12px}.products-table-panel::-webkit-scrollbar-thumb{background:#c9c5eb;border-radius:999px;border:3px solid #f7f7fb}
@media(max-width:900px){.official-source-strip{align-items:flex-start;flex-direction:column}.coverage-badge{white-space:normal}.range-field{width:100%;min-width:0}.range-popover{width:min(92vw,380px)}.conversion-donuts{grid-template-columns:1fr}.two-cols{grid-template-columns:1fr}.entity-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.entity-tab{text-align:left}.view-switcher{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.view-switch{padding:9px 6px;font-size:12px}}
@media(max-width:720px){.products-table-panel{overflow:visible}.products-wide-table{display:block;min-width:0}.products-wide-table thead{display:none}.products-wide-table tbody{display:grid;gap:12px}.products-wide-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff;box-shadow:0 5px 14px rgba(16,24,40,.05)}.products-wide-table td{display:flex;flex-direction:column;gap:4px;padding:8px!important;border:0!important;min-width:0}.products-wide-table td:before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;font-weight:800}.products-wide-table td:first-child{grid-column:1/-1;position:static!important}.products-wide-table .product-cell{min-width:0}.range-popover{grid-template-columns:1fr}.range-popover .btn,.range-coverage{grid-column:1}.entity-tabs{grid-template-columns:1fr}.view-switcher{grid-template-columns:1fr}.donut-card{padding:12px}.donut-card svg{width:72px;height:72px}}

/* v0.21 — single range calendar */
.range-popover>label{display:none}
.range-calendar{grid-column:1/-1;min-width:0}
.calendar-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-bottom:10px}
.calendar-head b{text-align:center;font-size:14px}
.calendar-nav{width:36px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-size:24px;line-height:1;cursor:pointer}
.calendar-nav:hover:not(:disabled){border-color:#8b83ef;background:#f5f3ff;color:#5042d8}.calendar-nav:disabled{opacity:.35;cursor:not-allowed}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.calendar-weekdays{margin-bottom:4px}.calendar-weekdays span{text-align:center;font-size:10px;font-weight:800;color:#98a2b3;text-transform:uppercase}
.calendar-day{height:36px;border:0;border-radius:9px;background:transparent;color:#344054;cursor:pointer;position:relative;font:inherit;font-size:12px}
.calendar-day:hover:not(:disabled){background:#f0efff;color:#5042d8}.calendar-day.outside{color:#c4c8d0}.calendar-day.disabled{color:#d0d5dd;text-decoration:line-through;cursor:not-allowed;background:#fafafa}
.calendar-day.in-range{background:#eeecff;border-radius:0}.calendar-day.range-start,.calendar-day.range-end{background:#6255df;color:#fff;font-weight:900;border-radius:9px}.calendar-day.range-start+ .calendar-day.in-range{border-radius:0}
.calendar-day.today:not(.range-start):not(.range-end){box-shadow:inset 0 0 0 1px #8b83ef;font-weight:800}
.calendar-selection{margin-top:10px;padding:9px 11px;border-radius:10px;background:#f8fafc;color:#475467;font-size:12px;text-align:center}
.range-popover [data-range-apply]:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:720px){.range-popover{width:min(94vw,370px)}.calendar-day{height:34px}}
.incomplete-value{font-size:15px;line-height:1.2;color:#b54708;font-weight:800}

/* v0.21: отчетный календарь и компактный список еженедельных отчетов */
.calendar-day.no-report{background:repeating-linear-gradient(135deg,#fafafa,#fafafa 4px,#f3f4f6 4px,#f3f4f6 8px);color:#c7cbd2;text-decoration:none}
.calendar-selection-error{color:#b42318;font-weight:700}
.report-period{display:flex;flex-direction:column;gap:4px;min-width:190px}.report-period span{font-size:12px;color:var(--muted)}
.reports-finance-table th:nth-child(n+4):nth-child(-n+6),.reports-finance-table td:nth-child(n+4):nth-child(-n+6){text-align:right}
.negative-soft{color:#b54708}.reports-finance-table .payout-date{min-width:145px}

/* v0.22 tax transparency */
.tax-summary-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(16,185,129,.06));border-color:rgba(59,130,246,.18)}
.tax-summary-strip>div:first-child{display:flex;flex-direction:column;gap:4px}.tax-summary-strip span{color:var(--muted);font-size:13px}.tax-summary-actions{display:flex;gap:8px;flex-wrap:wrap}
.tax-cost-check{grid-column:span 2;align-items:flex-start!important;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(15,23,42,.025)}
.tax-settings-note{margin:10px 0 14px}.tax-modal-card{max-width:980px}.tax-breakdown-card{border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:14px;background:var(--panel)}
.tax-breakdown-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.tax-breakdown-head>div{display:flex;flex-direction:column;gap:4px}.tax-breakdown-head span{color:var(--muted);font-size:13px}.tax-breakdown-head strong{font-size:24px;color:var(--accent)}
.tax-formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:14px 0}.tax-formula-grid>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line)}.tax-formula-grid span{color:var(--muted)}
@media(max-width:720px){.tax-summary-strip{align-items:flex-start;flex-direction:column}.tax-formula-grid{grid-template-columns:1fr}.tax-cost-check{grid-column:span 1}.tax-summary-actions{width:100%}.tax-summary-actions .btn{flex:1}}

/* v0.23 — clearer guidance, polished interactions and restrained motion */
:root{
  --brand:#4f46e5;
  --brand2:#7c3aed;
  --brand-soft:#eef2ff;
  --shadow-sm:0 4px 16px rgba(15,23,42,.055);
  --shadow-md:0 14px 40px rgba(15,23,42,.09);
}
body{
  background:
    radial-gradient(circle at 86% 2%,rgba(99,102,241,.075),transparent 28%),
    radial-gradient(circle at 40% 100%,rgba(14,165,233,.045),transparent 30%),
    var(--bg);
}
.sidebar{background:linear-gradient(180deg,#101828 0%,#111d34 66%,#0e172a 100%);box-shadow:10px 0 35px rgba(15,23,42,.09)}
.logo{box-shadow:0 10px 28px rgba(79,70,229,.32)}
.nav{position:relative;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.nav:hover{transform:translateX(2px)}
.nav.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 6px 6px 0;background:#a5b4fc}
.topbar{position:sticky;top:0;z-index:40;margin:-22px -22px 18px;padding:18px 22px;background:rgba(245,247,251,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.72)}
.view.active{animation:view-enter .28s cubic-bezier(.2,.75,.3,1)}
@keyframes view-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.card,.panel{box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#d7dcf7}
.panel:hover{box-shadow:0 9px 28px rgba(15,23,42,.07)}
.btn,.icon-action,.card-action-button,.link,.tab,.view-toggle button,.quick-periods button{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}
.btn:hover,.icon-action:hover,.card-action-button:hover{transform:translateY(-1px)}
.btn:active,.icon-action:active,.card-action-button:active{transform:translateY(0) scale(.985)}
input:focus,select:focus{outline:3px solid rgba(79,70,229,.12);border-color:#8b83ef;box-shadow:0 0 0 1px rgba(79,70,229,.1)}
tbody tr{transition:background-color .14s ease}
tbody tr:hover{background:#fafbff}

.label-with-tip{display:inline-flex;align-items:center;gap:6px}
.help-tip{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #c7d2fe;background:#f4f5ff;color:#5148c8;font-size:11px;font-weight:900;font-style:normal;line-height:1;cursor:help;vertical-align:middle;flex:0 0 18px;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.help-tip:hover,.help-tip:focus-visible{background:#4f46e5;color:#fff;transform:translateY(-1px);outline:none}
.floating-tooltip{position:fixed;z-index:2000;max-width:min(330px,calc(100vw - 24px));padding:10px 12px;border-radius:11px;background:#101828;color:#f8fafc;font-size:12px;line-height:1.45;box-shadow:0 14px 38px rgba(15,23,42,.28);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}
.floating-tooltip.visible{opacity:1;transform:none}
.sort-header{display:inline-flex;align-items:center;gap:5px;width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left;white-space:nowrap}
.sort-header:hover{color:#3730a3}.sort-header.active{color:#3730a3}
.sort-mark{font-size:12px;opacity:.58}.sort-header.active .sort-mark{opacity:1}
.metric-link{border:0;background:transparent;padding:0;color:#4f46e5;font-size:15px;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(79,70,229,.28);text-underline-offset:3px}
.metric-link:hover{color:#3730a3;text-decoration-color:currentColor}
.card .label{display:flex;align-items:center;gap:6px}
.section-intro,.orders-hero,.stocks-hero,.supplies-hero,.planning-hero,.advertising-hero,.growth-hero{background:linear-gradient(135deg,#ffffff 0%,#fafbff 56%,#f3f5ff 100%);border-color:#dde2fa}
.section-kicker{color:#5148c8;font-weight:800;letter-spacing:.055em}
.empty-state{border-radius:14px;background:linear-gradient(145deg,#fbfcff,#f8fafc)}

@media(max-width:760px){
  .topbar{position:static;margin:-16px -16px 18px;padding:16px;background:transparent;border-bottom:0;backdrop-filter:none}
  .view.active{animation:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* v0.24 — premium shell, typography and polished layout foundation */
:root{
  --bg:#f3f5fb;
  --panel:#ffffff;
  --text:#111827;
  --muted:#667085;
  --line:#e7eaf3;
  --line-strong:#d6dceb;
  --brand:#6255df;
  --brand2:#8b5cf6;
  --brand3:#14b8a6;
  --brand-soft:#f3f1ff;
  --soft:#f6f7fb;
  --good:#0f9f6e;
  --bad:#d92d20;
  --warn:#dc6803;
  --radius-xl:24px;
  --radius-lg:20px;
  --radius-md:16px;
  --radius-sm:12px;
  --shadow-sm:0 8px 24px rgba(15,23,42,.05);
  --shadow-md:0 20px 50px rgba(15,23,42,.09);
  --shadow-lg:0 28px 80px rgba(15,23,42,.14);
}
html{font-size:15px}
body{
  font-family:"Manrope",Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:-.012em;
  background:
    radial-gradient(circle at 0% 0%,rgba(99,102,241,.10),transparent 28%),
    radial-gradient(circle at 100% 10%,rgba(20,184,166,.07),transparent 24%),
    linear-gradient(180deg,#f7f8fd 0%,#f3f5fb 42%,#eef2f8 100%);
  color:var(--text);
}
body::before,
body::after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(60px);opacity:.55}
body::before{width:320px;height:320px;left:-80px;top:12%;background:rgba(99,102,241,.16)}
body::after{width:280px;height:280px;right:-60px;bottom:8%;background:rgba(20,184,166,.10)}
.sidebar,.main,.landing-screen,.auth-screen{position:relative;z-index:1}
.sidebar{
  width:284px;
  padding:22px 18px 18px;
  background:
    linear-gradient(210deg,rgba(133,92,248,.10),transparent 24%),
    linear-gradient(180deg,#0f172a 0%,#121c31 42%,#101828 100%);
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:18px 0 38px rgba(15,23,42,.08);
}
.brand{gap:14px}
.logo{
  width:52px;height:52px;border-radius:18px;
  background:linear-gradient(135deg,#7c3aed 0%,#6255df 52%,#0ea5e9 100%);
  box-shadow:0 16px 34px rgba(98,85,223,.34), inset 0 1px 1px rgba(255,255,255,.32);
  font-size:15px;letter-spacing:.04em;
}
.brand h1{font-size:20px;font-weight:800;letter-spacing:-.03em}
.brand p{font-size:12px;color:#98a2b3}
.app-nav{gap:10px}
.nav-group-label{padding:8px 12px 0;color:#98a2b3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.10em}
.nav{
  display:flex;align-items:center;gap:11px;
  padding:12px 14px;
  border:1px solid transparent;
  border-radius:15px;
  font-size:14px;font-weight:700;
}
.nav:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.05)}
.nav.active{
  background:linear-gradient(135deg,rgba(98,85,223,.18),rgba(14,165,233,.10));
  color:#fff;border-color:rgba(165,180,252,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 20px rgba(2,6,23,.18);
}
.nav.active:before{left:-1px;top:8px;bottom:8px;width:4px;border-radius:0 8px 8px 0;background:linear-gradient(180deg,#c4b5fd,#67e8f9)}
.nav-icon{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:rgba(255,255,255,.05);color:#dbe3f0;font-size:13px;flex:0 0 28px
}
.nav.active .nav-icon{background:rgba(255,255,255,.10);color:#fff}
.nav-new{
  margin-left:auto;padding:3px 7px;border-radius:999px;
  background:rgba(255,255,255,.10);color:#e9d5ff;font-size:10px;font-weight:800;letter-spacing:.05em
}
.license{
  margin-top:auto;padding:14px;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.07);color:#d0d5dd;line-height:1.45
}
.main{margin-left:284px;padding:28px 28px 32px}
.topbar{
  margin:-28px -28px 20px;padding:20px 28px 18px;
  background:rgba(247,248,253,.78);
  border-bottom:1px solid rgba(214,220,235,.66);
  backdrop-filter:blur(18px) saturate(1.05)
}
.topbar h2{font-size:32px;font-weight:800;letter-spacing:-.04em}
.topbar p{font-size:14px;color:var(--muted)}
select,input{
  border:1px solid var(--line);
  border-radius:14px;
  padding:11px 14px;
  min-height:44px;
  font:inherit;
  background:rgba(255,255,255,.86);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.45);
}
select:hover,input:hover{border-color:#cfd6e6}
input::placeholder{color:#98a2b3}
.btn{
  border-radius:14px;padding:12px 18px;
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand2) 100%);
  box-shadow:0 10px 24px rgba(98,85,223,.22);
  font-weight:800;letter-spacing:-.01em
}
.btn.secondary{
  background:linear-gradient(180deg,#fff 0%,#f8faff 100%);
  color:#3f4a5f;border:1px solid var(--line);
  box-shadow:var(--shadow-sm)
}
.btn.secondary:hover{background:#fff;border-color:#cfd6e6}
.link{font-weight:700}
.panel,.card{
  position:relative;
  border:1px solid rgba(231,234,243,.95);
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94));
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.panel::before,.card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,0))
}
.card{padding:18px}
.card .label{font-size:12px;font-weight:700;color:#667085;text-transform:uppercase;letter-spacing:.06em}
.card .value{font-size:29px;font-weight:800;letter-spacing:-.04em}
.panel{padding:18px}
.panel h3{font-size:17px;font-weight:800;letter-spacing:-.02em}
.panel-head{margin-bottom:2px}
.cards{gap:16px}
.warning{
  border-radius:16px;padding:12px 14px;
  background:linear-gradient(180deg,#fffaf5,#fff7ed);
}
.notice,.ok,.error{
  border-radius:14px;border:1px solid transparent
}
.notice{background:#f5f3ff;border-color:#ddd6fe;color:#4c1d95}
.ok{background:#ecfdf3;border-color:#b7ebc9;color:#027a48}
.error{background:#fff2f1;border-color:#fecdca;color:#b42318}
.help-tip{
  width:20px;height:20px;border-radius:999px;
  border:1px solid #d7dcff;background:#f8f7ff;color:#5b50d6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)
}
.floating-tooltip{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#101828,#0f172a);
  color:#f8fafc;border-radius:14px;box-shadow:var(--shadow-lg)
}
.section-kicker,.official-mark{font-weight:800}
.official-source-strip,
.orders-hero,.stocks-hero,.supplies-hero,.planning-hero,.advertising-hero,.growth-hero,.section-intro,
.tax-summary-strip{
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,247,255,.98)),
    linear-gradient(135deg,rgba(98,85,223,.08),rgba(14,165,233,.05));
  border-color:#dde3fb;
}
.table-wrap{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
table{font-size:13px}
th,td{padding:11px 12px}
th{
  top:0;z-index:1;
  background:linear-gradient(180deg,#fbfcfe 0%,#f5f7fb 100%);
  color:#475467;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  border-bottom:1px solid #e5e7ef
}
td{color:#1f2937}
tbody tr:nth-child(even){background:rgba(248,250,252,.55)}
tbody tr:hover{background:#f8faff}
.pill{padding:5px 10px;border-radius:999px;font-weight:700;border:1px solid transparent}
.pill.good{background:#ecfdf3;color:#067647;border-color:#b7ebc9}
.pill.bad{background:#fff1f3;color:#c01048;border-color:#fecdd6}
.pill.warn{background:#fff7ed;color:#b54708;border-color:#fed7aa}
.range-trigger{
  width:100%;justify-content:space-between;
  border-radius:14px;border:1px solid var(--line);
  background:#fff;padding:11px 14px;font:inherit;font-weight:700;color:var(--text)
}
.range-popover{
  border-radius:20px;border:1px solid var(--line);
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-lg)
}
.calendar-day{border-radius:11px;font-weight:700}
.calendar-day.in-range{background:#f0edff}
.calendar-day.range-start,.calendar-day.range-end{background:linear-gradient(135deg,#6255df,#8b5cf6);box-shadow:0 8px 18px rgba(98,85,223,.28)}
.metric-link{font-size:16px;font-weight:800}
.top-actions select{min-width:210px}
.landing-screen{
  background:
    radial-gradient(circle at 20% 10%,rgba(99,102,241,.12),transparent 24%),
    radial-gradient(circle at 100% 0%,rgba(20,184,166,.10),transparent 18%),
    linear-gradient(180deg,#f9faff 0%,#f4f6fc 100%)
}
.hero h1{font-family:"Manrope",Inter,sans-serif;font-weight:800;letter-spacing:-.06em}
.hero-card,.feature,.auth-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.9));
  border:1px solid rgba(231,234,243,.95)
}
.hero-card{color:var(--text)}
.mini-card{background:linear-gradient(180deg,#fafbff,#f6f8fd);border-color:#edf0f8;color:var(--text)}
.mini-card span{color:#667085}
.auth-screen{background:radial-gradient(circle at top,rgba(124,58,237,.24),transparent 26%),rgba(15,23,42,.70);backdrop-filter:blur(10px)}
.auth-card{box-shadow:0 30px 80px rgba(15,23,42,.28);border-radius:28px}
.tabs{background:#f2f4fb;padding:5px}.tab{font-weight:800}.tab.active{box-shadow:0 8px 18px rgba(15,23,42,.08)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#d3d9e8;border-radius:999px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#b9c3d9;border:3px solid transparent;background-clip:padding-box}
@media(max-width:1050px){
  .sidebar{width:236px}.main{margin-left:236px}.top-actions select{min-width:170px}
}
@media(max-width:760px){
  .sidebar{width:auto;padding:14px}
  .main{margin-left:0;padding:16px}
  .topbar{margin:-16px -16px 18px;padding:16px;background:rgba(247,248,253,.94)}
  .cards{grid-template-columns:1fr}.panel,.card{border-radius:18px}
}

/* v0.25 — Premium Light design system */
.view{max-width:1680px;margin:0 auto}
.logo svg{width:31px;height:31px;overflow:visible}
.logo svg path{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.nav-icon svg{width:17px;height:17px}
.nav-icon svg path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.topbar-heading{display:flex;flex-direction:column;min-width:0}
.page-eyebrow{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-bottom:5px;color:#6558d9;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.page-eyebrow:before{content:"";width:17px;height:2px;border-radius:999px;background:linear-gradient(90deg,#6255df,#14b8a6)}
.workspace-select{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 13px;border:1px solid rgba(216,221,235,.94);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 8px 24px rgba(15,23,42,.045)}
.workspace-select>span{font-size:11px;font-weight:800;color:#98a2b3;text-transform:uppercase;letter-spacing:.07em}
.workspace-select select{min-width:190px;min-height:36px;border:0;background:transparent;padding:5px 28px 5px 4px;box-shadow:none;font-weight:700}
.workspace-select select:focus{outline:none;box-shadow:none}
.topbar-logout{display:flex;align-items:center;gap:8px;padding:11px 14px}
.topbar-logout svg{width:18px;height:18px}
.topbar-logout svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.cards{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px}
.metric-card{min-height:132px;padding:17px 18px 18px;isolation:isolate;animation:metric-in .42s both cubic-bezier(.22,.75,.25,1)}
.metric-card:nth-child(2){animation-delay:.035s}.metric-card:nth-child(3){animation-delay:.07s}.metric-card:nth-child(4){animation-delay:.105s}.metric-card:nth-child(5){animation-delay:.14s}.metric-card:nth-child(6){animation-delay:.175s}
@keyframes metric-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.metric-card-top{display:flex;align-items:center;gap:11px;position:relative;z-index:2}
.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f1efff,#faf9ff);color:#6255df;border:1px solid #e3dfff;box-shadow:0 8px 18px rgba(98,85,223,.10);flex:0 0 38px}
.metric-icon svg{width:20px;height:20px}
.metric-icon path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.metric-card .label{margin:0;min-width:0;line-height:1.35}
.metric-card .value{position:relative;z-index:2;margin-top:17px;line-height:1.05}
.metric-glow{position:absolute;right:-38px;bottom:-52px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(98,85,223,.13),rgba(98,85,223,0) 69%);z-index:0}
.metric-card.good .metric-icon{background:linear-gradient(145deg,#ebfff7,#f8fffc);border-color:#b7ebd1;color:#079455}.metric-card.good .metric-glow{background:radial-gradient(circle,rgba(15,159,110,.16),rgba(15,159,110,0) 69%)}
.metric-card.bad .metric-icon{background:linear-gradient(145deg,#fff0f0,#fffafa);border-color:#fecaca;color:#d92d20}.metric-card.bad .metric-glow{background:radial-gradient(circle,rgba(217,45,32,.13),rgba(217,45,32,0) 69%)}
.metric-card.warn .metric-icon{background:linear-gradient(145deg,#fff7e8,#fffcf5);border-color:#fed7aa;color:#dc6803}.metric-card.warn .metric-glow{background:radial-gradient(circle,rgba(220,104,3,.14),rgba(220,104,3,0) 69%)}
.metric-card.info .metric-icon{background:linear-gradient(145deg,#edf8ff,#f9fdff);border-color:#bae6fd;color:#0284c7}.metric-card.info .metric-glow{background:radial-gradient(circle,rgba(2,132,199,.13),rgba(2,132,199,0) 69%)}
.metric-card:hover .metric-icon{transform:translateY(-1px) rotate(-2deg)}
.metric-icon{transition:transform .2s ease}

.panel{margin-bottom:18px}
.panel-head h3{margin-bottom:2px}
.panel-head .small-muted{margin:3px 0 0}
.official-source-strip,.orders-hero,.stocks-hero,.supplies-hero,.planning-hero,.advertising-hero,.growth-hero,.section-intro,.products-hero{position:relative;overflow:hidden;padding:21px 22px}
.official-source-strip:after,.orders-hero:after,.stocks-hero:after,.supplies-hero:after,.planning-hero:after,.advertising-hero:after,.growth-hero:after,.section-intro:after,.products-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;top:-95px;background:radial-gradient(circle,rgba(98,85,223,.11),rgba(98,85,223,0) 68%);pointer-events:none}
.orders-hero h3,.stocks-hero h3,.supplies-hero h3,.planning-hero h3,.advertising-hero h3,.growth-hero h3,.products-hero h3{font-size:25px;letter-spacing:-.035em}
.orders-auto-badge{position:relative;z-index:1;border-color:#dfe4f1;box-shadow:0 8px 20px rgba(15,23,42,.05);background:rgba(255,255,255,.88)}
.status-dot{animation:status-pulse 2.6s infinite}
@keyframes status-pulse{0%,100%{box-shadow:0 0 0 4px rgba(22,163,74,.10)}50%{box-shadow:0 0 0 7px rgba(22,163,74,.04)}}

.compact-filters,.modern-filters,.orders-filters,.stocks-filters,.supplies-filters,.planning-filters{padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(15,23,42,.035)}
.filters>label,.range-field{font-weight:700;color:#667085}
.filters>label>span,.range-field>span{font-size:11px;text-transform:uppercase;letter-spacing:.055em;color:#8a94a6}
.range-trigger{min-height:44px;box-shadow:0 4px 12px rgba(15,23,42,.025)}
.quick-periods{padding:5px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:15px;background:#f7f8fc;gap:4px}
.period-chip{border:0;border-radius:11px;background:transparent;padding:9px 14px}
.period-chip:hover{background:#fff}.period-chip.active{background:#fff;color:#5547d7;border:0;box-shadow:0 5px 15px rgba(15,23,42,.08)}
.entity-tabs{gap:5px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#f6f7fb;border-bottom:1px solid var(--line)}
.entity-tab{border-radius:12px;padding:10px 14px}
.entity-tab.active{color:#fff;background:linear-gradient(135deg,#6255df,#7c3aed);border-color:transparent;box-shadow:0 8px 18px rgba(98,85,223,.22)}
.entity-tab.active span{color:#5547d7}
.view-switcher{border:1px solid var(--line);background:#f6f7fb;border-radius:16px;padding:5px}
.view-switch{border-radius:12px;padding:10px 15px}.view-switch.active{color:#5547d7;box-shadow:0 6px 16px rgba(15,23,42,.08)}

.table-wrap{position:relative;box-shadow:0 10px 30px rgba(15,23,42,.045)}
.table-wrap table{border-collapse:separate;border-spacing:0}
.table-wrap th:first-child{border-top-left-radius:16px}.table-wrap th:last-child{border-top-right-radius:16px}
.sort-header{gap:7px}
.sort-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#eef1f7;color:#98a2b3;font-size:10px}
.sort-header.active .sort-mark{background:#e8e4ff;color:#5547d7}

.chart-box{min-height:280px;padding:10px;border:1px solid #edf0f6;border-radius:18px;background:linear-gradient(180deg,#fbfcff,#fff)}
.chart-box svg{width:100%;height:auto;overflow:visible}
.chart-axis{stroke:#dfe3ed;stroke-width:1}
.chart-line{stroke:#6255df;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 6px rgba(98,85,223,.18))}
.chart-bar{fill:url(#barFill);opacity:.78}
.chart-point{fill:#fff;stroke:#6255df;stroke-width:3}
.chart-box text{fill:#98a2b3;font-size:11px;font-family:"Manrope",sans-serif}
.donut-card{border-radius:20px;box-shadow:0 8px 22px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease}
.donut-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08)}
.donut-value{stroke:#6255df;filter:drop-shadow(0 3px 4px rgba(98,85,223,.18))}

.sync-line{background:linear-gradient(180deg,#fbfcfe,#f8fafc);border-radius:15px}
.manual-limit-note{border-radius:13px}
.warning-panel{border-color:#f4dfc7;background:linear-gradient(180deg,#fff,#fffcf8)}
.tax-summary-strip{border-color:#dddafb;background:linear-gradient(135deg,#f7f5ff 0%,#fff 55%,#f0fdf9 100%)}
.tax-summary-actions .btn{box-shadow:none}

.step-panel{border-radius:22px;padding:23px}.step-number{width:38px;height:38px;border-radius:14px;box-shadow:0 10px 22px rgba(98,85,223,.22)}
.tariff-card{border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.tariff-card.popular{background:linear-gradient(145deg,#f7f5ff,#fff);box-shadow:0 14px 34px rgba(98,85,223,.11)}
.cabinet-item{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fafbfe}

.modal{background:rgba(15,23,42,.58);backdrop-filter:blur(11px)}
.modal-card{border:1px solid rgba(255,255,255,.58);border-radius:26px;box-shadow:0 34px 90px rgba(15,23,42,.28);animation:modal-in .22s ease both}
@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.modal-close{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#667085;background:#f5f6fa;font-size:22px}
.modal-close:hover{background:#eceefa;color:#344054}

.hero-card{position:relative;overflow:hidden;padding:24px;background:linear-gradient(145deg,#111827 0%,#18233a 56%,#241b4b 100%);color:#fff;border-color:rgba(255,255,255,.06);box-shadow:0 32px 80px rgba(15,23,42,.26)}
.hero-card:before{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.34),rgba(167,139,250,0) 70%)}
.hero-preview-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:7px}
.hero-preview-head>div{display:flex;flex-direction:column;gap:3px}.hero-preview-head span{font-size:11px;color:#aab3c5;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.hero-preview-head b{font-size:17px}
.live-chip{display:inline-flex!important;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#dbeafe!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}
.live-chip i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}
.hero-sparkline{position:relative;z-index:1;height:112px;margin:2px -7px 4px}.hero-sparkline svg{width:100%;height:100%}.hero-line{fill:none;stroke:#c4b5fd;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 4px 5px rgba(167,139,250,.25))}.hero-area{fill:url(#heroArea)}
.hero-card .mini-card{position:relative;z-index:1;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px)}
.hero-card .mini-card span{color:#aab3c5}.hero-card .mini-card b{color:#fff}.hero-card .mini-card.good b{color:#6ee7b7}.hero-card .mini-card.warn b{color:#fdba74}
.feature{position:relative;overflow:hidden;padding:22px;border-radius:22px}.feature:before{content:"";display:block;width:42px;height:42px;margin-bottom:15px;border-radius:14px;background:linear-gradient(135deg,#ede9fe,#e0f2fe);box-shadow:inset 0 0 0 1px rgba(98,85,223,.09)}.feature:nth-child(2):before{background:linear-gradient(135deg,#dcfce7,#e0f2fe)}.feature:nth-child(3):before{background:linear-gradient(135deg,#ffedd5,#fef3c7)}
.feature h3{font-size:17px}

@media(max-width:1100px){.workspace-select>span{display:none}.workspace-select{padding-left:8px}.workspace-select select{min-width:150px}}
@media(max-width:900px){.topbar{align-items:flex-start}.top-actions{width:100%;justify-content:space-between}.workspace-select{flex:1}.workspace-select select{width:100%}.metric-card{min-height:122px}}
@media(max-width:760px){.topbar-logout span{display:none}.topbar-logout{padding:11px}.entity-tabs{display:grid}.quick-periods{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.period-chip{padding:9px 6px}.metric-card{min-height:116px}.metric-card .value{font-size:25px}}
@media(prefers-reduced-motion:reduce){.metric-card,.modal-card,.status-dot{animation:none!important}}
/* v0.25 layout correction */
.sidebar{position:fixed}
.main{position:relative}
@media(max-width:760px){.sidebar{position:static}}
/* premium metric grid rhythm */
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards.small-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:1300px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cards,.cards.small-cards{grid-template-columns:1fr}}


/* v0.26 — compact soft premium refinements */
:root{
  --shadow-sm:0 5px 18px rgba(15,23,42,.045);
  --shadow-md:0 12px 32px rgba(15,23,42,.075);
}
html{font-size:14px}
body{line-height:1.42;letter-spacing:-.008em}
.main{padding-top:20px}
.topbar{padding-top:15px;padding-bottom:13px;margin-bottom:16px}
.topbar h2{font-size:24px;letter-spacing:-.035em}
.topbar p{font-size:12.5px}
.panel{padding:15px;border-radius:16px;box-shadow:var(--shadow-sm)}
.card{padding:14px;border-radius:15px;box-shadow:0 5px 18px rgba(20,25,50,.045)}
.cards{gap:12px;margin-bottom:13px}
.card .label{font-size:10.5px;letter-spacing:.025em}
.card .value{font-size:23px;letter-spacing:-.035em}
.metric-card-top{gap:8px;margin-bottom:9px}
.metric-icon{width:30px;height:30px;border-radius:9px}
.metric-icon svg{width:15px;height:15px}
.panel h3{font-size:15.5px;margin-bottom:9px}
.small-muted{font-size:11px}
.feature-hero,.orders-hero,.stocks-hero,.supplies-hero,.planning-hero,.advertising-hero,.growth-hero,.section-intro{padding:17px 19px;min-height:0}
.feature-hero h3,.orders-hero h3,.stocks-hero h3,.supplies-hero h3,.planning-hero h3,.advertising-hero h3,.growth-hero h3,.section-intro h3{font-size:20px;margin:2px 0 4px;letter-spacing:-.03em}
.feature-hero p,.orders-hero p,.stocks-hero p,.supplies-hero p,.planning-hero p,.advertising-hero p,.growth-hero p,.section-intro p{font-size:12px;line-height:1.45}
.section-kicker{font-size:9.5px;letter-spacing:.10em}
.btn{padding:9px 14px;border-radius:11px;font-size:12px;box-shadow:0 4px 10px rgba(91,76,230,.13)}
.btn.secondary{box-shadow:none}
input,select{min-height:39px;padding:8px 11px;border-radius:10px;font-size:12px}
.filters{gap:8px;margin-bottom:12px}.filters label,.modal label{font-size:11px;gap:5px}
.smart-toolbar,.orders-filter-panel,.stocks-filter-panel,.supplies-filter-panel,.planning-filter-panel{padding:12px 14px}
.help-tip{
  width:14px!important;height:14px!important;flex-basis:14px!important;
  border:0!important;background:#eef0f6!important;color:#7b8498!important;
  font-size:8px!important;font-weight:800!important;box-shadow:none!important;
  opacity:.82;vertical-align:1px
}
.help-tip:hover,.help-tip:focus-visible{background:#e4e1ff!important;color:#5b50d6!important;transform:none!important;opacity:1}
.label-with-tip{gap:4px}
.floating-tooltip{font-size:11px;line-height:1.42;padding:8px 10px;border-radius:10px;max-width:min(300px,calc(100vw - 22px))}
.orders-auto-badge,.hero-side-badge{
  gap:6px;padding:6px 9px;border-radius:999px;
  font-size:10px;font-weight:750;box-shadow:none;cursor:help;color:#596174
}
.status-dot{width:6px;height:6px;box-shadow:0 0 0 3px rgba(22,163,74,.09)}
.status-dot.off{box-shadow:0 0 0 3px rgba(152,162,179,.09)}
.compact-manual-note{display:none}
.quick-periods{gap:6px;margin-bottom:10px}.period-chip{padding:6px 10px;font-size:11px}
.entity-tab,.view-switch{padding:8px 10px;font-size:11px}
.stocks-meta{margin-bottom:11px}.stocks-meta span{padding:5px 9px;font-size:10.5px}
.warning{padding:9px 11px;border-radius:12px}
.notice,.ok,.error{padding:8px 10px;border-radius:11px;font-size:11.5px}

/* Horizontal tables must remain usable on every screen size. */
.table-wrap,
.orders-table-panel,.stocks-table-panel,.supplies-table-panel,.planning-table-panel,
.modern-table-panel,.products-table-panel,.reports-overview{
  display:block!important;
  width:100%;max-width:100%;
  overflow-x:auto!important;overflow-y:visible!important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#cbd2e2 transparent;
}
.table-wrap>table,
.table-wrap>#productsTable,
.table-wrap>#productsTable>table{
  width:max-content!important;
  min-width:100%!important;
}
.orders-table-panel table{min-width:1050px!important}
.stocks-table-panel table{min-width:1050px!important}
.supplies-table-panel table{min-width:1280px!important}
.planning-table-panel table{min-width:1450px!important}
.products-table-panel #productsTable,.products-table-panel table{min-width:1350px!important}
#adTable{min-width:1120px!important}
#growthTable{min-width:1180px!important}
#reportsTable{min-width:1080px!important}
#costsTable{min-width:1000px!important}
#controlTable{min-width:960px!important}
.table-wrap::-webkit-scrollbar{height:10px}
.table-wrap::-webkit-scrollbar-thumb{background:#cbd2e2;border:3px solid transparent;background-clip:padding-box;border-radius:999px}
.table-wrap::-webkit-scrollbar-track{background:transparent}
.modern-table-panel table,.orders-table-panel table,.stocks-table-panel table,.supplies-table-panel table,.planning-table-panel table{font-size:11.5px}
th{font-size:9.5px!important;letter-spacing:.035em!important;padding:10px 11px!important}
td{padding:10px 11px!important}
.product-cell{min-width:190px}.product-thumb{width:36px;height:44px}.order-product{min-width:160px}.order-product span{font-size:10.5px}

/* Synchronisation details are available on demand instead of occupying the page. */
.orders-sync-strip{margin:0 0 10px}
.sync-compact{
  display:block;width:max-content;max-width:100%;
  margin:0 0 9px;color:#667085;font-size:10.5px
}
.sync-compact>summary{
  list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;
  padding:5px 8px;border:1px solid #e5e8f0;border-radius:999px;background:rgba(255,255,255,.72)
}
.sync-compact>summary::-webkit-details-marker{display:none}
.sync-compact.has-error>summary{color:#b42318;border-color:#fecdca;background:#fff7f6}
.sync-compact .sync-status-list{display:grid;gap:5px;margin-top:7px;min-width:min(650px,90vw)}
.sync-compact .sync-line{margin:0;padding:7px 9px;border-radius:10px;font-size:10.5px}
.sync-compact.disconnected{padding:5px 8px;border-radius:999px;background:#f7f8fb;border:1px solid #e8eaf1}

/* Softer interactions */
.card:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(15,23,42,.06)}
.panel:hover{box-shadow:0 7px 22px rgba(15,23,42,.055)}
.nav:hover{transform:translateX(1px)}

@media(max-width:760px){
  html{font-size:13.5px}
  .panel{padding:13px}.card{padding:12px}
  .topbar h2{font-size:22px}
  .feature-hero,.orders-hero,.stocks-hero,.supplies-hero,.planning-hero,.advertising-hero,.growth-hero,.section-intro{padding:14px}
  .feature-hero h3,.orders-hero h3,.stocks-hero h3,.supplies-hero h3,.planning-hero h3,.advertising-hero h3,.growth-hero h3,.section-intro h3{font-size:18px}
  /* Keep a true horizontal table instead of converting wide analytics into oversized cards. */
  .products-wide-table{display:table!important;min-width:1350px!important}
  .products-wide-table thead{display:table-header-group!important}
  .products-wide-table tbody{display:table-row-group!important}
  .products-wide-table tr{display:table-row!important;border:0!important;padding:0!important;box-shadow:none!important}
  .products-wide-table td{display:table-cell!important;padding:10px 11px!important;border-bottom:1px solid var(--line)!important}
  .products-wide-table td:before{display:none!important}
  .products-wide-table td:first-child{position:static!important}
}


/* v0.27 — conversion-focused premium landing page */
.landing-screen{padding:0;background:linear-gradient(180deg,#f9faff 0%,#f4f6fc 42%,#eef2f8 100%);overflow:hidden}
.premium-landing-header{position:sticky;top:0;z-index:120;max-width:none;margin:0;padding:15px max(28px,calc((100vw - 1240px)/2));background:rgba(249,250,255,.82);border-bottom:1px solid rgba(220,225,238,.72);backdrop-filter:blur(18px) saturate(1.1)}
.premium-landing-header .landing-brand{min-width:230px}.premium-landing-header .logo{width:44px;height:44px;border-radius:15px}.premium-landing-header .logo svg{width:27px;height:27px}.premium-landing-header .brand h1{font-size:17px}.premium-landing-header .brand p{font-size:10.5px}
.landing-nav{display:flex;align-items:center;gap:28px}.landing-nav a{color:#596174;text-decoration:none;font-size:12px;font-weight:750;transition:color .15s ease}.landing-nav a:hover{color:#5547d7}
.premium-landing-header .landing-actions{min-width:230px;justify-content:flex-end}.premium-landing-header .btn{padding:9px 14px;font-size:11.5px}
.premium-landing-main{max-width:1240px;padding:0 24px 40px}
.premium-hero{min-height:650px;grid-template-columns:1.04fr .96fr;gap:58px;padding:74px 0 52px;align-items:center}
.hero-copy{position:relative;z-index:2}.premium-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:21px;padding:7px 11px;background:rgba(255,255,255,.76);border:1px solid #e0e3f3;color:#5547d7;box-shadow:0 8px 25px rgba(36,45,80,.05);font-size:10.5px;letter-spacing:.015em}.premium-badge span{width:7px;height:7px;border-radius:50%;background:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.10)}
.premium-hero h1{max-width:710px;margin:0;font-size:54px;line-height:1.035;letter-spacing:-.062em;font-weight:800;color:#101828}.premium-hero h1 em{font-style:normal;background:linear-gradient(100deg,#6255df,#8b5cf6 55%,#0ea5a4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:690px!important;margin:23px 0 0!important;font-size:16px!important;line-height:1.7!important;color:#596174!important}
.premium-hero .hero-buttons{margin-top:29px}.landing-primary-cta{display:inline-flex;align-items:center;gap:14px}.landing-primary-cta span,.landing-final-button span{font-size:17px;transition:transform .18s ease}.landing-primary-cta:hover span,.landing-final-button:hover span{transform:translateX(3px)}
.hero-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#667085;font-size:10.5px;font-weight:650}.hero-trust-row span{display:inline-flex;align-items:center;gap:6px}.hero-trust-row i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ecfdf3;color:#079455;font-size:9px;font-style:normal;font-weight:900}
.landing-dashboard-preview{padding:17px 18px 18px!important;border-radius:26px!important;box-shadow:0 40px 100px rgba(15,23,42,.28)!important;transform:perspective(1200px) rotateY(-2.3deg) rotateX(1deg);transition:transform .35s ease,box-shadow .35s ease}.landing-dashboard-preview:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 48px 110px rgba(15,23,42,.31)!important}
.preview-window-bar{position:relative;z-index:1;display:flex;align-items:center;gap:6px;margin:-2px 0 14px;color:#98a2b3}.preview-window-bar>span{width:7px;height:7px;border-radius:50%;background:#475467}.preview-window-bar>span:first-child{background:#fb7185}.preview-window-bar>span:nth-child(2){background:#fbbf24}.preview-window-bar>span:nth-child(3){background:#34d399}.preview-window-bar b{margin-left:6px;font-size:10px;color:#98a2b3;font-weight:700}
.preview-main-metric{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;margin:15px 0 -5px}.preview-main-metric span{font-size:10px;color:#aab3c5;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.preview-main-metric strong{font-size:31px;line-height:1.1;letter-spacing:-.045em;color:#fff}.preview-main-metric small{font-size:9.5px;color:#98a2b3}
.landing-dashboard-preview .hero-sparkline{height:96px;margin-top:4px}.landing-mini-grid{gap:8px;margin-top:7px}.landing-mini-grid .mini-card{padding:11px 12px;border-radius:13px}.landing-mini-grid .mini-card span{font-size:9px;margin-bottom:4px}.landing-mini-grid .mini-card b{font-size:15px}.landing-mini-grid .mini-card small{display:block;margin-top:3px;color:#98a2b3;font-size:8px;line-height:1.35}
.landing-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:7px 0 96px;padding:18px 6px;border-top:1px solid #dde2ed;border-bottom:1px solid #dde2ed}.landing-proof-strip>div{display:flex;flex-direction:column;gap:4px;padding:0 23px;border-right:1px solid #e1e5ef}.landing-proof-strip>div:last-child{border-right:0}.landing-proof-strip strong{font-size:14px;color:#172033}.landing-proof-strip span{font-size:10.5px;line-height:1.45;color:#7b8498}
.landing-section{scroll-margin-top:90px;margin:0 0 112px}.landing-section-head{max-width:750px;margin-bottom:38px}.landing-section-head.compact{max-width:600px;margin-bottom:28px}.landing-kicker{display:inline-block;margin-bottom:11px;color:#6255df;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.13em}.landing-kicker.light{color:#c4b5fd}.landing-section-head h2,.landing-value-copy h2,.security-copy h2,.landing-final-cta h2{margin:0;font-size:36px;line-height:1.14;letter-spacing:-.047em;color:#172033}.landing-section-head p,.landing-value-copy>p,.security-copy p,.landing-final-cta p{max-width:720px;margin:14px 0 0;color:#667085;font-size:13.5px;line-height:1.7}
.landing-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:14px}.landing-feature-card{position:relative;min-height:245px;padding:24px;border:1px solid #e5e8f1;border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 12px 36px rgba(20,30,60,.05);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing-feature-card:hover{transform:translateY(-4px);border-color:#d8d9f3;box-shadow:0 22px 50px rgba(20,30,60,.09)}.landing-feature-card.featured{grid-column:span 2;min-height:315px;background:linear-gradient(145deg,#111827,#18233a 57%,#251b50);color:#fff;border-color:rgba(255,255,255,.04);box-shadow:0 25px 64px rgba(15,23,42,.18)}.landing-feature-card.wide{grid-column:span 2}.landing-feature-card:after{content:"";position:absolute;right:-52px;bottom:-72px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(98,85,223,.10),transparent 68%)}.landing-feature-card.featured:after{width:260px;height:260px;background:radial-gradient(circle,rgba(167,139,250,.24),transparent 69%)}
.landing-feature-icon{position:relative;z-index:1;display:grid;place-items:center;width:39px;height:39px;margin-bottom:20px;border-radius:13px;background:linear-gradient(145deg,#eeeaff,#faf9ff);color:#6255df;border:1px solid #dfdcfa;font-size:16px;font-weight:850}.featured .landing-feature-icon{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.09);color:#c4b5fd}.orders-icon{color:#0284c7;background:#edf8ff;border-color:#c9eafa}.stocks-icon{color:#079455;background:#ecfdf3;border-color:#c8f0d7}.supply-icon{color:#dc6803;background:#fff7ed;border-color:#fed7aa}.product-icon{color:#7f56d9;background:#f4f3ff;border-color:#ded8ff}.ad-icon{color:#c11574;background:#fdf2fa;border-color:#fcceee}
.feature-label{position:relative;z-index:1;display:block;margin-bottom:7px;color:#8b83ef;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.featured .feature-label{color:#a5b4fc}.landing-feature-card h3{position:relative;z-index:1;margin:0 0 11px;font-size:20px;line-height:1.25;letter-spacing:-.035em}.landing-feature-card.featured h3{max-width:560px;font-size:27px;color:#fff}.landing-feature-card p{position:relative;z-index:1;margin:0;color:#667085;font-size:12px;line-height:1.65}.landing-feature-card.featured p{max-width:610px;color:#b6c0d1;font-size:13px}.landing-feature-card ul{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 0;padding:0;list-style:none}.landing-feature-card li{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#d7deeb;font-size:9.5px;font-weight:700}
.landing-how-section{padding:50px 46px;border:1px solid #e3e6f0;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,247,255,.9));box-shadow:0 20px 55px rgba(20,30,60,.06)}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.landing-steps article{position:relative;padding:4px 30px 3px 0;border-right:1px solid #e1e5ef}.landing-steps article:last-child{border-right:0}.step-index{display:block;margin-bottom:20px;color:#6255df;font-size:11px;font-weight:850;letter-spacing:.09em}.landing-steps h3{margin:0 0 8px;font-size:17px;letter-spacing:-.025em}.landing-steps p{margin:0;color:#667085;font-size:11.5px;line-height:1.65}
.landing-value-section{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px}.landing-check-list{display:grid;gap:11px;margin-top:23px}.landing-check-list span{display:flex;align-items:flex-start;gap:9px;color:#475467;font-size:11.5px;line-height:1.55}.landing-check-list i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ecfdf3;color:#079455;font-style:normal;font-size:10px;font-weight:900;flex:0 0 19px}
.landing-insight-card{padding:18px;border:1px solid #e4e7f0;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 22px 58px rgba(20,30,60,.09)}.insight-head{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 14px;border-bottom:1px solid #edf0f5}.insight-head span{font-size:11px;font-weight:800;color:#475467}.insight-head b{padding:5px 8px;border-radius:999px;background:#fff7ed;color:#b54708;font-size:9px}.insight-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:11px;padding:14px 5px;border-bottom:1px solid #f0f2f6}.insight-row:last-child{border-bottom:0}.insight-row>div{display:flex;flex-direction:column;gap:2px}.insight-row b{font-size:11.5px}.insight-row small{font-size:9px;color:#98a2b3}.insight-row strong{font-size:10.5px;color:#475467}.insight-dot{width:8px;height:8px;border-radius:50%}.insight-dot.bad{background:#f04438;box-shadow:0 0 0 4px #fef3f2}.insight-dot.warn{background:#f79009;box-shadow:0 0 0 4px #fffaeb}.insight-dot.info{background:#2e90fa;box-shadow:0 0 0 4px #eff8ff}
.landing-security-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:42px 46px;border-radius:28px;background:linear-gradient(145deg,#111827,#18233a 62%,#1d2850);box-shadow:0 28px 75px rgba(15,23,42,.20)}.security-copy h2{color:#fff}.security-copy p{color:#aab3c5}.security-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.security-badges span{display:flex;flex-direction:column;gap:5px;min-height:110px;padding:17px 15px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.security-badges b{color:#fff;font-size:11px}.security-badges small{color:#98a2b3;font-size:8.8px;line-height:1.45}
.landing-final-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:75px;padding:46px 50px;border-radius:28px;background:linear-gradient(135deg,#6255df,#7c3aed 58%,#3f83d5);box-shadow:0 28px 68px rgba(98,85,223,.26);color:#fff}.landing-final-cta h2{max-width:720px;color:#fff;font-size:32px}.landing-final-cta p{color:#e6e5ff}.landing-final-button{flex:0 0 auto;background:#fff;color:#4f46e5;box-shadow:0 12px 30px rgba(37,28,106,.24)}.landing-final-button:hover{filter:none;background:#fafaff}
.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0 2px;border-top:1px solid #dde2ed;color:#8a94a6}.landing-footer .small-logo{width:36px;height:36px;border-radius:12px}.landing-footer .small-logo svg{width:21px;height:21px}.landing-footer .brand h1{font-size:13px}.landing-footer .brand p{font-size:9px}.landing-footer>span{max-width:580px;text-align:right;font-size:9px;line-height:1.5}
.auth-screen{z-index:1000!important}.auth-card{position:relative}.auth-close{z-index:2}
@media(max-width:1050px){.landing-nav{display:none}.premium-landing-header .landing-brand,.premium-landing-header .landing-actions{min-width:0}.premium-hero{gap:34px}.premium-hero h1{font-size:46px}.landing-bento{grid-template-columns:repeat(2,1fr)}.landing-feature-card.featured,.landing-feature-card.wide{grid-column:span 2}.landing-value-section{gap:35px}.landing-security-section{grid-template-columns:1fr}.security-badges{max-width:620px}}
@media(max-width:760px){.premium-landing-header{position:relative;padding:13px 16px;align-items:center;flex-direction:row}.premium-landing-header .brand p{display:none}.premium-landing-header .logo{width:38px;height:38px}.premium-landing-header .landing-actions .btn.secondary{display:none}.premium-landing-main{padding:0 16px 28px}.premium-hero{min-height:auto;grid-template-columns:1fr;padding:52px 0 40px}.premium-hero h1{font-size:39px}.hero-lead{font-size:14px!important}.premium-hero .hero-buttons{display:grid}.premium-hero .btn{width:100%;justify-content:center}.hero-trust-row{display:grid;gap:8px}.landing-dashboard-preview{transform:none}.landing-proof-strip{grid-template-columns:1fr 1fr;margin-bottom:70px}.landing-proof-strip>div{padding:13px;border-right:0;border-bottom:1px solid #e1e5ef}.landing-section{margin-bottom:76px}.landing-section-head h2,.landing-value-copy h2,.security-copy h2,.landing-final-cta h2{font-size:29px}.landing-bento{grid-template-columns:1fr}.landing-feature-card.featured,.landing-feature-card.wide{grid-column:auto}.landing-feature-card.featured h3{font-size:23px}.landing-how-section{padding:30px 24px}.landing-steps{grid-template-columns:1fr}.landing-steps article{padding:0 0 20px;border-right:0;border-bottom:1px solid #e1e5ef}.landing-steps article:last-child{border-bottom:0}.landing-value-section{grid-template-columns:1fr}.landing-security-section{padding:30px 24px}.security-badges{grid-template-columns:1fr}.security-badges span{min-height:auto}.landing-final-cta{align-items:flex-start;flex-direction:column;padding:32px 25px}.landing-final-button{width:100%;justify-content:center}.landing-footer{align-items:flex-start;flex-direction:column}.landing-footer>span{text-align:left}.auth-card{padding:22px}}

/* v0.28 — official weekly report reconciliation */
.table-header-label{display:inline-flex;align-items:center;gap:6px;min-height:22px;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;white-space:nowrap}
.reports-modern-table{min-width:1420px}
.reports-modern-table th,.reports-modern-table td{vertical-align:middle}
.reports-modern-table th:last-child,.reports-modern-table td:last-child{text-align:center}
.report-number{font-variant-numeric:tabular-nums;white-space:nowrap;color:#344054}
.report-money{font-size:14px;color:#067647;font-variant-numeric:tabular-nums}
.report-open-btn{padding:8px 12px;min-height:34px;font-size:12px;box-shadow:none}
.payout-date{display:flex;flex-direction:column;gap:2px;min-width:142px}
.payout-date b{font-variant-numeric:tabular-nums}
.report-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px 16px;border-bottom:1px solid var(--line)}
.report-detail-head h3{margin:4px 0 5px;font-size:22px;letter-spacing:-.035em}
.report-detail-head p{margin:0;color:var(--text);font-weight:700}
.report-detail-head>div>span:last-child{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.report-metrics-cards{margin-top:16px}
.report-section-title{margin:22px 0 10px;font-size:15px;letter-spacing:-.02em}
.report-detail-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;margin-top:12px;background:#fff}
.report-detail-table-wrap .report-section-title{position:sticky;left:0;margin:0;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line);z-index:2}
.report-detail-table{min-width:1540px}
.report-detail-table th,.report-detail-table td{font-size:12px}
.report-detail-table th:first-child,.report-detail-table td:first-child{min-width:250px;white-space:normal}
.report-detail-table th:nth-child(2),.report-detail-table td:nth-child(2){min-width:130px}
@media(max-width:760px){
  .report-detail-head{flex-direction:column}.reports-modern-table{min-width:1320px}
  .report-detail-head h3{font-size:19px}.report-detail-table{min-width:1480px}
}

/* v0.32 — unified weekly report breakdown */
.reports-finance-table th:last-child{width:1%;min-width:92px}
.reports-finance-table th:last-child .table-header-label{display:none}
.report-metrics-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.coverage-badge span{font-weight:700;color:#475467}

/* v0.33 — smart table navigation and custom column order */
.table-wrap>div[id$="Table"],
.table-wrap>#productsTable,
.report-detail-table-wrap{
  min-width:0;
}
.table-wrap>div[id$="Table"]>table,
.table-wrap>#productsTable>table,
.report-detail-table-wrap>table{
  width:100%;
}
.smart-table-toolbar{
  position:sticky;
  left:0;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:min(100%,760px);
  min-width:520px;
  margin:0 0 9px;
  padding:7px 10px;
  border:1px solid #e8eaf2;
  border-radius:10px;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 16px rgba(15,23,42,.045);
  color:#7a8497;
  font-size:11px;
  font-weight:650;
  backdrop-filter:blur(10px);
}
.smart-table-toolbar span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.smart-table-toolbar span b{color:#6255df;font-size:14px}
.table-reset-columns{
  border:0;
  background:transparent;
  color:#6255df;
  padding:3px 5px;
  cursor:pointer;
  font:inherit;
  font-weight:750;
  white-space:nowrap;
}
.table-reset-columns:hover{text-decoration:underline}
.draggable-table-header{display:flex;align-items:center;gap:5px;min-width:max-content}
.column-grip{
  display:inline-grid;
  place-items:center;
  width:15px;
  height:22px;
  margin-left:-5px;
  border-radius:5px;
  color:#98a2b3;
  cursor:grab;
  opacity:.22;
  user-select:none;
  font-size:12px;
  line-height:1;
  letter-spacing:-4px;
  transition:opacity .16s ease,background .16s ease,color .16s ease;
}
th:hover .column-grip,.column-grip:focus{opacity:1;background:#eef0ff;color:#6255df;outline:none}
.column-grip:active{cursor:grabbing}
th.column-dragging{opacity:.55;background:#f1f0ff!important}
th.column-drop-before:before,th.column-drop-after:after{
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  width:3px;
  z-index:12;
  border-radius:999px;
  background:#6255df;
  box-shadow:0 0 0 3px rgba(98,85,223,.12);
}
th.column-drop-before:before{left:-2px}
th.column-drop-after:after{right:-2px}
.smart-table-scroll-dock{
  position:fixed;
  bottom:11px;
  z-index:190;
  display:none;
  height:17px;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid rgba(199,205,220,.9);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(15,23,42,.18);
  backdrop-filter:blur(12px);
  scrollbar-width:thin;
  scrollbar-color:#aeb7ca transparent;
}
.smart-table-scroll-dock.visible{display:block}
.smart-table-scroll-inner{height:1px;pointer-events:none}
.smart-table-scroll-dock::-webkit-scrollbar{height:15px}
.smart-table-scroll-dock::-webkit-scrollbar-track{background:transparent}
.smart-table-scroll-dock::-webkit-scrollbar-thumb{
  min-width:48px;
  border:4px solid transparent;
  border-radius:999px;
  background:#aeb7ca;
  background-clip:padding-box;
}
.smart-table-scroll-dock::-webkit-scrollbar-thumb:hover{background:#7e8aa2;background-clip:padding-box}
@media(max-width:760px){
  .smart-table-toolbar{min-width:440px}
  .column-grip{opacity:.65}
  .smart-table-scroll-dock{bottom:7px}
}

/* Column-order-safe table details */
.products-table-panel th:first-child,.products-table-panel td:first-child,
.products-wide-table th:first-child,.products-wide-table td:first-child{min-width:0}
.products-wide-table th[data-column-id="товар"],
.products-wide-table td[data-column-id="товар"]{min-width:250px}
.reports-modern-table th,.reports-modern-table td{text-align:left}
.reports-modern-table th.num,.reports-modern-table td.num{text-align:right!important}
.reports-modern-table th[data-column-id="actions"],
.reports-modern-table td[data-column-id="actions"]{width:1%;min-width:92px;text-align:center!important}
.reports-finance-table th:not([data-column-id="actions"]) .table-header-label{display:inline-flex!important}
.reports-finance-table th[data-column-id="actions"] .table-header-label{display:none!important}
.report-detail-table th[data-column-id="операция"],
.report-detail-table td[data-column-id="операция"]{min-width:250px;white-space:normal}
.report-detail-table th[data-column-id="документ"],
.report-detail-table td[data-column-id="документ"]{min-width:130px}
@media(max-width:720px){
  .products-wide-table td:first-child{grid-column:auto}
  .products-wide-table td[data-column-id="товар"]{grid-column:1/-1;position:static!important}
}

/* v0.34 — focused summary, configurable widgets and viewport-safe calendars */
.summary-main-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.summary-metric-card{min-height:148px;display:flex;flex-direction:column;cursor:default}
.summary-metric-card[data-summary-action]{cursor:pointer}
.summary-metric-card[data-summary-action]:focus-visible{outline:3px solid rgba(98,85,223,.18);border-color:#8b83ef}
.summary-card-secondary{margin-top:7px;color:#667085;font-size:11px;line-height:1.45;min-height:16px}
.metric-comparison{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:10px;color:#667085}
.metric-comparison span{padding:4px 7px;border-radius:999px;font-weight:850;white-space:nowrap}
.metric-comparison small{font-size:9.5px;color:#98a2b3}
.metric-comparison.good span{background:#ecfdf3;color:#067647}.metric-comparison.bad span{background:#fff1f3;color:#c01048}.metric-comparison.neutral span{background:#f2f4f7;color:#475467}
.metric-value-divider{color:#c4c8d0;font-weight:500;padding:0 2px}
.summary-visual-grid{align-items:stretch}
.summary-chart-panel{min-height:390px;overflow:hidden}
.summary-chart-panel .panel-head{margin-bottom:8px}
.summary-waterfall,.summary-trend{min-height:315px;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden}
.summary-waterfall svg{width:100%;min-width:840px;height:auto;display:block}
.summary-trend{position:relative;display:block;padding-top:24px}
.summary-trend svg{width:100%;min-width:540px;height:auto;display:block}
.waterfall-zero,.summary-trend-zero{stroke:#d9deea;stroke-width:1;stroke-dasharray:4 5}
.waterfall-connector{stroke:#cbd2df;stroke-width:1.5;stroke-dasharray:3 3}
.waterfall-total{fill:#6255df}.waterfall-final{fill:#0f9f6e}.waterfall-positive{fill:#2e90fa}.waterfall-negative{fill:#f79009}
.waterfall-value{font-size:9.5px;font-weight:800;fill:#344054}.waterfall-label{font-size:9px;font-weight:750;fill:#667085}
.summary-chart-legend{position:absolute;left:12px;top:0;display:flex;gap:14px;align-items:center;color:#667085;font-size:10px;font-weight:750}
.summary-chart-legend span{display:flex;align-items:center;gap:6px}.summary-chart-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.summary-chart-legend i.sales{background:#6255df}.summary-chart-legend i.profit{background:#0f9f6e}
.summary-trend-sales{stroke:#6255df;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 5px rgba(98,85,223,.16))}
.summary-trend-profit{stroke:#0f9f6e;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 5px rgba(15,159,110,.14))}
.summary-trend-sales-point{fill:#fff;stroke:#6255df;stroke-width:3}.summary-trend-profit-point{fill:#fff;stroke:#0f9f6e;stroke-width:3}
.summary-trend text{font-size:10px;fill:#98a2b3;font-family:"Manrope",sans-serif}
.summary-widgets-modal-card{width:min(650px,94vw)}
.summary-widget-list{display:grid;gap:8px;margin:5px 0 8px}
.summary-widget-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:opacity .15s ease,border-color .15s ease,box-shadow .15s ease}
.summary-widget-item:hover{border-color:#d8d5fb;box-shadow:0 7px 18px rgba(15,23,42,.05)}.summary-widget-item.dragging{opacity:.45;border-style:dashed}
.summary-widget-grip{color:#98a2b3;font-size:17px;cursor:grab;user-select:none}.summary-widget-item .check{margin:0;font-size:13px!important}
.summary-widget-move{display:flex;gap:4px}.summary-widget-move button{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#f8f9fc;color:#6255df;cursor:pointer;font-weight:850}.summary-widget-move button:hover{background:#f0efff}
.summary-widget-actions{display:flex;justify-content:space-between;gap:10px;margin-top:7px}
.summary-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.summary-details-grid>div{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#fafbff)}
.summary-details-grid span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:#7a8497}.summary-details-grid b{font-size:17px;color:#1d2939}.summary-details-grid small{font-size:10px;line-height:1.4;color:#98a2b3}

/* The range calendar is rendered as a fixed popover, so it is not clipped by panels
   and automatically opens above the trigger when there is not enough space below. */
.range-popover{position:fixed!important;left:10px;top:10px;z-index:1200;width:min(400px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow-y:auto;overscroll-behavior:contain}
.range-field.open .range-popover{display:grid}
.calendar-report-shortcuts{margin-top:10px;padding-top:10px;border-top:1px solid #edf0f5}
.calendar-report-shortcuts>span{display:block;margin-bottom:7px;color:#98a2b3;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.calendar-report-shortcuts>div{display:flex;gap:6px;flex-wrap:wrap}
.calendar-report-shortcuts button{border:1px solid #dedbf9;border-radius:999px;background:#f7f5ff;color:#5145cd;padding:5px 8px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.calendar-report-shortcuts button:hover{background:#eeebff;border-color:#b9b2f4}
input[type="date"]{color-scheme:light;font-variant-numeric:tabular-nums}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}

@media(max-width:1350px){.summary-main-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-visual-grid{grid-template-columns:1fr}.summary-chart-panel{min-height:350px}.summary-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.summary-main-cards{grid-template-columns:1fr}.summary-widget-actions{flex-direction:column-reverse}.summary-widget-actions .btn{width:100%}.summary-details-grid{grid-template-columns:1fr}.summary-chart-panel{padding:12px}.summary-waterfall,.summary-trend{justify-content:flex-start}.range-popover{border-radius:18px}.calendar-day{height:38px}.calendar-report-shortcuts>div{display:grid;grid-template-columns:1fr 1fr}.calendar-report-shortcuts button{width:100%}}

/* v0.34 follow-up: chart readability */
.summary-waterfall{justify-content:flex-start}
.summary-chart-legend i.margin{background:#f79009}
.summary-trend-margin{stroke:#f79009;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5}
.summary-trend-margin-point{fill:#fff;stroke:#f79009;stroke-width:2.5}
.summary-margin-axis{fill:#b54708!important;font-size:9px!important;font-weight:800}
.summary-single-week{width:100%;min-height:250px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:18px;border:1px solid #edf0f6;border-radius:18px;background:linear-gradient(145deg,#fbfcff,#fff)}
.summary-single-week>span{font-size:11px;font-weight:850;color:#6255df;text-transform:uppercase;letter-spacing:.055em}.summary-single-week>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-single-week b{display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#667085;font-size:10px}.summary-single-week strong{color:#1d2939;font-size:18px}.summary-single-week small{color:#98a2b3;font-size:10px}
.summary-widget-actions{position:sticky;bottom:-22px;padding:12px 0 2px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 25%);z-index:2}
@media(max-width:620px){.summary-single-week>div{grid-template-columns:1fr}.summary-chart-legend{flex-wrap:wrap}}

/* v0.35 — exact other-WB-expense breakdown and compact card actions */
.summary-card-footer{margin-top:auto;padding-top:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap}
.summary-card-footer .metric-comparison{margin-top:0;padding-top:0;flex:1;min-width:140px}
.summary-card-action{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(98,85,223,.22);border-radius:10px;background:rgba(98,85,223,.07);color:#5146c8;font:inherit;font-size:10.5px;font-weight:850;line-height:1;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.summary-card-action span{font-size:15px;line-height:.8}.summary-card-action:hover{background:rgba(98,85,223,.13);border-color:rgba(98,85,223,.36);transform:translateY(-1px)}
.summary-card-action:focus-visible{outline:3px solid rgba(98,85,223,.18);outline-offset:2px}
.other-expenses-modal-card{width:min(680px,94vw)}
.other-expense-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 12px;padding:16px 18px;border:1px solid rgba(98,85,223,.18);border-radius:16px;background:linear-gradient(135deg,rgba(98,85,223,.09),rgba(46,144,250,.05))}
.other-expense-total span{font-size:13px;font-weight:800;color:#667085}.other-expense-total b{font-size:23px;color:#1d2939;white-space:nowrap}
.other-expense-list{display:grid;gap:8px}
.other-expense-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.other-expense-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.other-expense-row b{font-size:13px;color:#344054}.other-expense-row span{font-size:10.5px;line-height:1.4;color:#98a2b3}.other-expense-row strong{font-size:15px;color:#344054;white-space:nowrap}.other-expense-row strong.positive{color:#067647}
.other-expense-check{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:11px 14px;border-top:1px dashed var(--line);color:#667085;font-size:11px}.other-expense-check b{font-size:14px;color:#344054}
@media(max-width:620px){.summary-card-footer{align-items:flex-start;flex-direction:column}.summary-card-action{width:100%;justify-content:center}.other-expense-row{align-items:flex-start;flex-direction:column;gap:8px}.other-expense-row strong{font-size:16px}.other-expense-total b{font-size:20px}}

/* v0.38 — clear summary modes, short operational periods and expense cards */
.summary-mode-switcher{
  margin:0 0 12px;
  padding:14px 16px 16px;
  border:1px solid rgba(98,85,223,.14);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(98,85,223,.045),rgba(15,159,154,.035),rgba(255,255,255,.92));
  box-shadow:0 8px 28px rgba(31,41,55,.045);
}
.summary-mode-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:10px}
.summary-mode-heading>div{display:flex;flex-direction:column;gap:2px}.summary-mode-heading span{font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#7c6ee6}.summary-mode-heading b{font-size:14px;color:#27324a}.summary-mode-heading>small{font-size:11px;color:var(--muted,#667085);text-align:right}
.summary-mode-tabs{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 62px minmax(260px,1fr);
  align-items:stretch;
  gap:10px;
  margin:0;
  max-width:980px;
}
.summary-mode-tab{
  border:1px solid var(--line,#dfe4ec);
  background:rgba(255,255,255,.8);
  border-radius:16px;
  padding:13px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  color:inherit;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(31,41,55,.045);
  transition:.18s ease;
}
.summary-mode-tab:hover{transform:translateY(-1px);border-color:#bfc8df;box-shadow:0 8px 22px rgba(31,41,55,.075)}
.summary-mode-tab.active{background:linear-gradient(135deg,rgba(86,78,211,.12),rgba(255,255,255,.94));border-color:rgba(86,78,211,.42);box-shadow:0 8px 24px rgba(86,78,211,.12)}
.summary-mode-tab[data-summary-mode="current"].active{background:linear-gradient(135deg,rgba(14,165,164,.13),rgba(255,255,255,.94));border-color:rgba(14,165,164,.42);box-shadow:0 8px 24px rgba(14,165,164,.11)}
.summary-mode-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(86,78,211,.12);font-size:18px;font-weight:800;flex:0 0 auto}
.summary-mode-tab[data-summary-mode="current"] .summary-mode-icon{background:rgba(14,165,164,.13);color:#087c79}
.summary-mode-tab span:last-child{display:flex;flex-direction:column;gap:2px}.summary-mode-tab b{font-size:14px}.summary-mode-tab small{font-size:12px;color:var(--muted,#6b7280);font-weight:500}
.summary-mode-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#8a94a8}.summary-mode-arrow i{width:38px;height:30px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-style:normal;font-size:18px;box-shadow:0 4px 12px rgba(31,41,55,.05)}.summary-mode-arrow small{font-size:9px;font-weight:750}
.preliminary-source-strip{border-color:rgba(14,165,164,.28)!important;background:linear-gradient(135deg,rgba(14,165,164,.08),rgba(255,255,255,.9))!important}.preliminary-source-strip .official-mark{background:#0f9f9a!important}
.estimate-freshness{display:flex;flex-wrap:wrap;gap:10px 22px;padding:9px 12px;border-radius:12px;background:rgba(15,159,154,.07);font-size:12px;color:var(--muted,#667085)}.estimate-freshness b{color:var(--text,#172033)}
.calendar-current-shortcuts{margin:0 0 10px;padding:9px 10px;border:1px solid rgba(15,159,154,.16);border-radius:12px;background:rgba(15,159,154,.055)}.calendar-current-shortcuts>span{display:block;margin-bottom:6px;font-size:10px;font-weight:850;color:#4f6670}.calendar-current-shortcuts>div{display:flex;flex-wrap:wrap;gap:6px}.calendar-current-shortcuts button{border:1px solid rgba(15,159,154,.22);border-radius:9px;background:#fff;padding:6px 9px;color:#087c79;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer}.calendar-current-shortcuts button:hover{background:rgba(15,159,154,.1)}
.expenses-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px}.expenses-summary>div{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fafbff}.expenses-summary span{font-size:10px;color:var(--muted)}.expenses-summary b{font-size:14px;color:#27324a}
@media (max-width:760px){.summary-mode-heading{align-items:flex-start;flex-direction:column;gap:4px}.summary-mode-heading>small{text-align:left}.summary-mode-tabs{grid-template-columns:1fr;max-width:none}.summary-mode-arrow{min-height:34px;flex-direction:row}.summary-mode-arrow i{transform:rotate(90deg)}.summary-mode-tab{padding:11px 13px}.expenses-summary{grid-template-columns:1fr}}
.summary-card-warning{margin-top:7px;padding:0;border:0;background:transparent;color:#a15c12;font:600 11px/1.35 inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.summary-card-warning:hover{color:#7a4308}
.compact-waterfall-warning{margin:0 0 12px}
.waterfall-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:4px}
.waterfall-scroll svg{min-width:880px;display:block}

/* v0.39 — stable summary switching, clear source selector and expense workspace */
.summary-mode-switcher{
  padding:16px 18px 18px;
  border-color:rgba(86,78,211,.13);
  background:linear-gradient(135deg,rgba(86,78,211,.045),rgba(255,255,255,.97));
}
.summary-mode-heading{align-items:center;margin-bottom:12px}
.summary-mode-heading b{font-size:16px;letter-spacing:-.01em}
.summary-mode-heading>small{max-width:620px;line-height:1.45}
.summary-mode-tabs{
  grid-template-columns:1fr 1fr;
  gap:0;
  max-width:none;
  padding:4px;
  border:1px solid rgba(98,85,223,.14);
  border-radius:18px;
  background:rgba(246,247,251,.92);
}
.summary-mode-tab{
  min-height:66px;
  border-color:transparent;
  border-radius:14px;
  box-shadow:none;
  background:transparent;
}
.summary-mode-tab:hover{transform:none;border-color:rgba(98,85,223,.15);box-shadow:none;background:rgba(255,255,255,.72)}
.summary-mode-tab.active,.summary-mode-tab[data-summary-mode="current"].active{
  background:#fff;
  border-color:rgba(98,85,223,.22);
  box-shadow:0 7px 20px rgba(31,41,55,.08);
}
.summary-mode-tab[data-summary-mode="current"].active{border-color:rgba(14,165,164,.28)}
.summary-context-strip{margin-top:0!important;padding:10px 14px!important;min-height:52px}
.summary-context-strip>div:first-child{gap:8px!important}.summary-context-strip #summarySourceText{font-size:11px;color:var(--muted)}
#view-summary.summary-loading .summary-main-cards,
#view-summary.summary-loading .summary-visual-grid,
#view-summary.summary-loading .warning-panel,
#view-summary.summary-loading>.grid.two:last-child{opacity:.55;pointer-events:none;transition:opacity .15s ease}
#view-summary.summary-loading .summary-mode-switcher{position:relative}
#view-summary.summary-loading .summary-mode-switcher:after{content:"Обновляем сводку…";position:absolute;right:18px;bottom:8px;padding:4px 8px;border-radius:999px;background:#fff;color:#667085;font-size:10px;font-weight:800;box-shadow:0 3px 10px rgba(31,41,55,.08)}

.expenses-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px;background:linear-gradient(135deg,rgba(98,85,223,.07),rgba(255,255,255,.96))}
.expenses-hero h3{margin:3px 0 4px}.expenses-hero p{margin:0;color:var(--muted);font-size:12px}
.expenses-filters{margin-bottom:12px}
.expenses-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}
.expenses-page-grid{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.55fr);gap:12px;align-items:start}
.expense-form-panel{position:sticky;top:12px}
.expense-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.expense-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:#526078}
.expense-comment-field{grid-column:1/-1}
.expense-toggle-grid{display:grid;gap:9px;margin-top:14px}
.expense-toggle-card{position:relative;display:flex!important;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fbfcff;cursor:pointer;transition:.16s ease}
.expense-toggle-card:hover{border-color:#c9c4f5;background:#f9f8ff}
.expense-toggle-card input{position:absolute;opacity:0;pointer-events:none}
.expense-toggle-control{width:38px;height:22px;border-radius:999px;background:#d7dce7;position:relative;flex:0 0 auto;margin-top:1px;transition:.18s ease}
.expense-toggle-control:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(31,41,55,.2);transition:.18s ease}
.expense-toggle-card input:checked+.expense-toggle-control{background:#6255df}
.expense-toggle-card input:checked+.expense-toggle-control:after{transform:translateX(16px)}
.expense-toggle-card input:focus-visible+.expense-toggle-control{outline:3px solid rgba(98,85,223,.2);outline-offset:2px}
.expense-toggle-card>span:last-child{display:flex;flex-direction:column;gap:3px}.expense-toggle-card b{font-size:12px;color:#263248}.expense-toggle-card small{font-size:10.5px;line-height:1.4;color:#7b8495}
.expense-tax-note{display:none;padding:11px 13px;border:1px dashed #d8dde8;border-radius:13px;background:#f8f9fb;color:#667085;font-size:10.5px;line-height:1.45}
.expense-form-actions{display:flex;align-items:center;gap:12px;margin-top:14px;min-height:38px}.expense-form-actions #expenseSaveMsg{flex:1}.compact-message{padding:8px 10px!important;margin:0!important}
.expenses-list-panel{min-width:0}.expenses-modern-table th[data-column-id="видрасхода"],.expenses-modern-table td[data-column-id="видрасхода"]{min-width:210px}.expenses-modern-table th[data-column-id="комментарий"],.expenses-modern-table td[data-column-id="комментарий"]{min-width:220px;white-space:normal}.expense-delete{color:#c11545!important;font-size:20px!important;line-height:1!important}

@media(max-width:1180px){.expenses-page-grid{grid-template-columns:1fr}.expense-form-panel{position:static}.expenses-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .summary-mode-heading{align-items:flex-start}.summary-mode-tabs{grid-template-columns:1fr;gap:4px}.summary-mode-tab{min-height:58px}
  #view-summary.summary-loading .summary-mode-switcher:after{position:static;display:inline-flex;margin-top:8px}
  .expenses-hero{align-items:flex-start;flex-direction:column}.expenses-hero .btn{width:100%}.expenses-cards{grid-template-columns:1fr}.expense-form-grid{grid-template-columns:1fr}.expense-comment-field{grid-column:auto}.expense-form-actions{align-items:stretch;flex-direction:column}.expense-form-actions .btn{width:100%}
}


/* v0.40 — unified WB deductions, clearer report source tabs and site-wide loading state */
.summary-mode-switcher{padding:18px;border-color:rgba(91,76,230,.16);background:linear-gradient(135deg,rgba(91,76,230,.055),rgba(14,165,164,.035),#fff)}
.summary-mode-heading>div{display:flex;flex-direction:column;gap:2px}.summary-mode-heading>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#6255df;font-weight:850}.summary-mode-heading>small{max-width:720px}
.summary-mode-tabs{gap:8px;padding:6px;background:rgba(244,246,251,.88)}
.summary-mode-tab{min-height:86px;padding:14px 16px;text-align:left;align-items:flex-start}
.summary-mode-tab span:last-child{gap:4px}.summary-mode-tab b{font-size:14.5px}.summary-mode-tab small{font-size:11px;line-height:1.42;max-width:520px}
.summary-mode-tab.active{box-shadow:0 8px 24px rgba(91,76,230,.1)}.summary-mode-tab[data-summary-mode="current"].active{box-shadow:0 8px 24px rgba(14,165,164,.09)}
.summary-context-strip{border-style:dashed;background:rgba(255,255,255,.86)}
#view-summary.summary-loading .summary-mode-switcher:after{display:none!important}
.app-loading-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(245,247,251,.72);backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.app-loading-overlay.active{opacity:1;visibility:visible;pointer-events:all}
.app-loading-card{width:min(360px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 24px 23px;border:1px solid rgba(91,76,230,.13);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(31,41,55,.16);transform:translateY(8px) scale(.985);transition:transform .2s ease}
.app-loading-overlay.active .app-loading-card{transform:translateY(0) scale(1)}
.app-loading-symbol{width:58px;height:58px;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:14px;border-radius:18px;background:linear-gradient(135deg,rgba(91,76,230,.13),rgba(14,165,164,.12));box-shadow:inset 0 0 0 1px rgba(91,76,230,.08)}
.app-loading-symbol span{width:7px;height:7px;border-radius:50%;background:#6255df;animation:ekwb-loader-dot 1.05s ease-in-out infinite}.app-loading-symbol span:nth-child(2){animation-delay:.14s;background:#7568e6}.app-loading-symbol span:nth-child(3){animation-delay:.28s;background:#0f9f9a}
.app-loading-card b{font-size:16px;color:#202a3d;letter-spacing:-.01em}.app-loading-card>span{max-width:290px;margin-top:6px;color:#6b7280;font-size:11.5px;line-height:1.45}
body.app-busy{cursor:progress}
@keyframes ekwb-loader-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-7px);opacity:1}}
@media(max-width:760px){.summary-mode-tab{min-height:78px}.summary-mode-heading>small{font-size:11px}.app-loading-card{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.app-loading-overlay,.app-loading-card,.app-loading-symbol span{transition:none;animation:none}.app-loading-symbol span{opacity:1}}

/* v0.41 — compact source selector, visible delivery loader and denser tables */
.summary-mode-switcher{
  padding:14px 16px 16px;
  background:linear-gradient(135deg,rgba(91,76,230,.045),rgba(14,165,164,.025),#fff);
}
.summary-mode-heading{margin-bottom:9px}
.summary-mode-heading>div{flex-direction:row;align-items:baseline;gap:9px}
.summary-mode-heading>div>span{font-size:9px}
.summary-mode-heading b{font-size:14px}
.summary-mode-tabs{gap:7px;padding:5px}
.summary-mode-tab{min-height:54px;padding:10px 14px;align-items:center}
.summary-mode-tab span:last-child{display:block}
.summary-mode-tab b{font-size:13.5px;line-height:1.25}
.summary-mode-tab small,.summary-mode-heading>small{display:none!important}
.summary-mode-icon{width:31px;height:31px;border-radius:10px;font-size:16px}

/* The page stays visible while a single, neutral loading animation is shown. */
.app-loading-overlay{
  padding:18px;
  background:rgba(246,248,252,.18);
  backdrop-filter:blur(1.2px);
  -webkit-backdrop-filter:blur(1.2px);
}
.delivery-loader{
  position:relative;
  width:230px;
  height:112px;
  overflow:hidden;
  border:1px solid rgba(91,76,230,.13);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 50px rgba(31,41,55,.13),inset 0 1px 0 rgba(255,255,255,.9);
}
.delivery-loader-road{position:absolute;left:0;right:0;bottom:18px;height:3px;background:#d9deea;overflow:hidden}
.delivery-loader-road i{position:absolute;top:0;width:30px;height:3px;border-radius:999px;background:#fff;animation:delivery-road 1.05s linear infinite}
.delivery-loader-road i:nth-child(1){left:10px}.delivery-loader-road i:nth-child(2){left:70px}.delivery-loader-road i:nth-child(3){left:130px}.delivery-loader-road i:nth-child(4){left:190px}
.delivery-loader-truck{position:absolute;left:58px;bottom:20px;width:118px;height:58px;animation:delivery-truck-bob .72s ease-in-out infinite alternate}
.delivery-loader-cargo{position:absolute;left:0;bottom:13px;width:72px;height:43px;border-radius:9px 9px 5px 5px;background:linear-gradient(145deg,#6f63e7,#5143cb);box-shadow:0 8px 18px rgba(81,67,203,.22)}
.delivery-loader-cargo:before{content:"";position:absolute;inset:7px;border-radius:5px;border:1px solid rgba(255,255,255,.2)}
.delivery-loader-box{position:absolute;left:23px;top:10px;width:27px;height:24px;display:grid;place-items:center;border-radius:5px;background:#fff4d6;color:#9a6700;font-size:8px;font-weight:900;letter-spacing:.04em;box-shadow:0 4px 9px rgba(31,41,55,.14);animation:delivery-box .72s ease-in-out infinite alternate}
.delivery-loader-box:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:3px;background:#f1cf78;opacity:.8}
.delivery-loader-cab{position:absolute;left:70px;bottom:13px;width:45px;height:35px;border-radius:8px 12px 5px 5px;background:linear-gradient(145deg,#19aaa5,#0b8582);box-shadow:0 8px 18px rgba(11,133,130,.18)}
.delivery-loader-cab:before{content:"";position:absolute;left:9px;top:7px;width:21px;height:12px;border-radius:4px 8px 3px 3px;background:#dff7fa;border:1px solid rgba(255,255,255,.6)}
.delivery-loader-cab:after{content:"";position:absolute;right:-4px;bottom:4px;width:9px;height:7px;border-radius:2px;background:#f8c24e}
.delivery-loader-cab span{position:absolute;left:-3px;bottom:2px;width:7px;height:5px;border-radius:2px;background:#334155}
.delivery-wheel{position:absolute;bottom:2px;width:20px;height:20px;border:5px solid #344054;border-radius:50%;background:#e8ecf4;box-shadow:inset 0 0 0 2px #98a2b3;animation:delivery-wheel .7s linear infinite}
.delivery-wheel:after{content:"";position:absolute;inset:3px;border-top:2px solid #667085;border-radius:50%}
.wheel-left{left:17px}.wheel-right{left:83px}
body.app-busy{cursor:progress}
@keyframes delivery-road{from{transform:translateX(0)}to{transform:translateX(-60px)}}
@keyframes delivery-truck-bob{from{transform:translateY(0)}to{transform:translateY(-2px)}}
@keyframes delivery-box{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-2px) rotate(1deg)}}
@keyframes delivery-wheel{to{transform:rotate(360deg)}}

/* All generated tables get a usable horizontal viewport. */
.smart-scroll-table{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#cbd2e2 transparent;
  scrollbar-gutter:stable;
}
.smart-scroll-table::-webkit-scrollbar{height:10px}
.smart-scroll-table::-webkit-scrollbar-thumb{background:#cbd2e2;border:3px solid transparent;background-clip:padding-box;border-radius:999px}
.smart-scroll-table>table{width:max-content;min-width:100%}

/* Header text may wrap; numeric columns no longer inherit the width of a long title. */
.draggable-table-header{min-width:0;max-width:100%;align-items:flex-start;white-space:normal}
.table-header-label,.sort-header{min-width:0;max-width:132px;white-space:normal;line-height:1.18;text-align:left}
.table-header-text{display:inline;overflow-wrap:normal;word-break:normal;hyphens:auto}
.sort-header .label-with-tip,.table-header-label .label-with-tip{align-items:flex-start;min-width:0}
th.table-col-compact,td.table-col-compact{width:1%;min-width:76px;max-width:118px}
th.table-col-compact .draggable-table-header{justify-content:flex-end}
th.table-col-compact .sort-header,th.table-col-compact .table-header-label{max-width:92px;text-align:right;justify-content:flex-end}
td.table-col-compact{white-space:nowrap;text-align:right}
.summary-products-table{min-width:520px}
.summary-products-table th[data-column-id="товар"],.summary-products-table td[data-column-id="товар"]{min-width:190px;max-width:260px}
.summary-products-table th[data-column-id="проблема"],.summary-products-table td[data-column-id="проблема"]{min-width:145px;white-space:normal}
.summary-products-table .order-product{min-width:170px}

/* Long descriptive cells can wrap instead of forcing the whole grid wider. */
td[data-column-id="комментарий"],td[data-column-id="описание"],td[data-column-id="проблема"],td[data-column-id="распределение"]{white-space:normal;min-width:150px;max-width:300px}

@media(max-width:760px){
  .summary-mode-heading>div{flex-direction:column;align-items:flex-start;gap:1px}
  .summary-mode-tabs{grid-template-columns:1fr 1fr;gap:5px}
  .summary-mode-tab{min-height:52px;padding:9px 10px}
  .summary-mode-tab b{font-size:12px}
  .summary-mode-icon{width:28px;height:28px}
  .delivery-loader{width:210px}
  .delivery-loader-truck{left:49px}
}
@media(max-width:520px){
  .summary-mode-tabs{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .delivery-loader-road i,.delivery-loader-truck,.delivery-loader-box,.delivery-wheel{animation:none!important}
}

/* v0.42 — clearer summary sources, compact delivery loader and profit route */
.summary-mode-tab{
  min-height:72px;
  align-items:flex-start;
  padding:12px 14px;
}
.summary-mode-tab span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.summary-mode-tab small{
  display:block!important;
  max-width:520px;
  color:#667085;
  font-size:10.8px;
  line-height:1.38;
  font-weight:550;
}
.summary-mode-tab.active small{color:#4f5870}
.summary-mode-icon{margin-top:1px}

/* Give both charts the full content width; the profit route is intentionally
   read left-to-right and should not be squeezed into half of the page. */
.summary-visual-grid{grid-template-columns:1fr!important}
.summary-products-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}
.summary-products-stack .panel{min-width:0}

.summary-waterfall{min-height:0;display:block;overflow:visible}
.profit-route{display:flex;flex-direction:column;gap:15px;width:100%}
.profit-route-flow{
  display:grid;
  grid-template-columns:minmax(150px,1fr) 34px minmax(145px,.92fr) 34px minmax(155px,1fr) 34px minmax(160px,1fr) 34px minmax(165px,1.06fr);
  align-items:stretch;
  gap:7px;
  min-width:980px;
  padding:4px 2px 8px;
}
.profit-route-node{
  position:relative;
  display:flex;
  min-height:118px;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:15px 15px 14px;
  border:1px solid #e1e6f0;
  border-radius:17px;
  background:linear-gradient(155deg,#fff,#f8f9fc);
  box-shadow:0 8px 23px rgba(31,41,55,.055);
  overflow:hidden;
}
.profit-route-node:after{content:"";position:absolute;inset:auto -20px -35px auto;width:84px;height:84px;border-radius:50%;background:rgba(98,85,223,.055)}
.profit-route-node>span{position:relative;z-index:1;color:#667085;font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.profit-route-node>strong{position:relative;z-index:1;color:#202a3d;font-size:20px;line-height:1.12;letter-spacing:-.035em;white-space:nowrap}
.profit-route-node>small{position:relative;z-index:1;color:#7a8498;font-size:10.5px;line-height:1.35}
.profit-route-node.start{border-color:rgba(98,85,223,.19);background:linear-gradient(150deg,rgba(98,85,223,.095),#fff 75%)}
.profit-route-node.wb-cost.negative{border-color:rgba(239,68,68,.17);background:linear-gradient(150deg,rgba(239,68,68,.075),#fff 76%)}
.profit-route-node.wb-cost.positive{border-color:rgba(16,185,129,.2);background:linear-gradient(150deg,rgba(16,185,129,.08),#fff 76%)}
.profit-route-node.payout{border-color:rgba(14,165,164,.19);background:linear-gradient(150deg,rgba(14,165,164,.09),#fff 76%)}
.profit-route-node.seller-cost{border-color:rgba(245,158,11,.18);background:linear-gradient(150deg,rgba(245,158,11,.075),#fff 76%)}
.profit-route-node.final.good{border-color:rgba(16,185,129,.3);background:linear-gradient(145deg,rgba(16,185,129,.14),rgba(255,255,255,.98) 78%)}
.profit-route-node.final.bad{border-color:rgba(239,68,68,.28);background:linear-gradient(145deg,rgba(239,68,68,.12),rgba(255,255,255,.98) 78%)}
.profit-route-node.final.good>strong{color:#07835d}.profit-route-node.final.bad>strong{color:#c93636}
.profit-route-operator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7d879b}
.profit-route-operator b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e1e6ef;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(31,41,55,.06);font-size:17px;line-height:1}
.profit-route-operator span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.profit-route-breakdowns{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.profit-route-breakdown{min-width:0;padding:12px 13px;border:1px solid #e6eaf2;border-radius:15px;background:#fafbfe}
.profit-route-breakdown-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.profit-route-breakdown-title b{font-size:11.5px;color:#344054}.profit-route-breakdown-title span{font-size:11px;font-weight:800;color:#667085;white-space:nowrap}
.profit-route-details{display:flex;flex-wrap:wrap;gap:7px}
.profit-route-detail{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;border:1px solid #e3e7ef;border-radius:11px;background:#fff}
.profit-route-detail small{color:#667085;font-size:9.5px;white-space:nowrap}.profit-route-detail b{font-size:10.5px;white-space:nowrap;color:#344054}
.profit-route-detail.negative b{color:#c54646}.profit-route-detail.positive b{color:#07835d}
.profit-route-warning{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(245,158,11,.25);border-radius:11px;background:rgba(255,247,230,.82);color:#8b5c08;font-size:10.5px;font-weight:700;cursor:pointer}
.profit-route-warning span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f7b84b;color:#fff;font-size:11px}

/* No page blur: the user keeps seeing the already loaded screen. */
.app-loading-overlay{
  padding:12px;
  background:rgba(246,248,252,.055);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.delivery-loader{
  width:164px;
  height:76px;
  border:1px solid rgba(91,76,230,.12);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 34px rgba(31,41,55,.12),inset 0 1px 0 #fff;
}
.delivery-loader-vehicle{position:absolute;left:8px;top:3px;width:148px;height:66px;overflow:visible}
.delivery-vehicle-body{animation:delivery-vehicle-bob .72s ease-in-out infinite alternate;transform-origin:center}
.delivery-cargo{fill:#6558db}.delivery-cab{fill:#11a19c}.delivery-window{fill:#ddf6f5;stroke:rgba(255,255,255,.7);stroke-width:1}.delivery-bumper{fill:#f3b941}
.delivery-package{fill:#fff1c9;stroke:#eccb77;stroke-width:1}.delivery-package-line{fill:none;stroke:#ddb65d;stroke-width:1.4;opacity:.9}
.delivery-wheel-svg{fill:#344054;stroke:#fff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:delivery-wheel-svg .72s linear infinite}
.delivery-wheel-hub{fill:#aeb7c8}
.delivery-loader-road{left:14px;right:14px;bottom:10px;height:2px;border-radius:999px;background:#d8ddea}
.delivery-loader-road i{top:0;width:24px;height:2px;animation-duration:.9s}
.delivery-loader-road i:nth-child(1){left:5px}.delivery-loader-road i:nth-child(2){left:60px}.delivery-loader-road i:nth-child(3){left:115px}
@keyframes delivery-vehicle-bob{from{transform:translateY(0)}to{transform:translateY(-1.6px)}}
@keyframes delivery-wheel-svg{to{transform:rotate(360deg)}}

@media(max-width:1100px){
  .profit-route{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}
  .profit-route-breakdowns{min-width:820px}
}
@media(max-width:760px){
  .summary-mode-tab{min-height:70px;align-items:flex-start}.summary-mode-tab b{font-size:12.5px}.summary-mode-tab small{font-size:10px}
  .delivery-loader{width:150px;height:72px}.delivery-loader-vehicle{left:5px;top:3px;width:140px}
  .profit-route-flow{min-width:930px}.profit-route-breakdowns{min-width:760px}
}
@media(prefers-reduced-motion:reduce){.delivery-vehicle-body,.delivery-wheel-svg{animation:none!important}}

/* v0.45 — profit drivers, notification center, compact product ranking and strict loader */
.notification-bell{
  position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;
  border:1px solid #e1e6ef;border-radius:13px;background:#fff;color:#475467;
  box-shadow:0 5px 16px rgba(31,41,55,.055);cursor:pointer;transition:.16s ease;
}
.notification-bell:hover,.notification-bell[aria-expanded="true"]{border-color:rgba(91,76,230,.3);color:#5548d7;background:#faf9ff;transform:translateY(-1px)}
.notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-count{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:900;line-height:15px;text-align:center}
.notification-backdrop{position:fixed;inset:0;z-index:390;background:rgba(15,23,42,.12);opacity:0;transition:opacity .18s ease}
.notification-backdrop.active{opacity:1}
.notification-drawer{position:fixed;z-index:400;right:0;top:0;bottom:0;width:min(390px,94vw);display:flex;flex-direction:column;padding:20px;background:#fff;border-left:1px solid #e6eaf1;box-shadow:-20px 0 55px rgba(31,41,55,.13);transform:translateX(104%);transition:transform .22s ease}
.notification-drawer.active{transform:translateX(0)}
.notification-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #edf0f5}
.notification-drawer-head span{display:block;margin-bottom:3px;color:#7c8496;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.notification-drawer-head h3{margin:0;font-size:20px}
.notification-drawer-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#f4f6fa;color:#667085;font-size:25px;line-height:1;cursor:pointer}
.notification-drawer-body{flex:1;min-height:0;overflow:auto;padding:12px 2px}
.notification-item{display:grid;grid-template-columns:12px 1fr;gap:11px;padding:13px 8px;border-bottom:1px solid #eef1f5}
.notification-item-icon{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#f4a340;box-shadow:0 0 0 4px rgba(244,163,64,.12)}
.notification-item.bad .notification-item-icon{background:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.11)}.notification-item.info .notification-item-icon{background:#5b4ce6;box-shadow:0 0 0 4px rgba(91,76,230,.11)}
.notification-item b{font-size:12.5px;color:#273247}.notification-item p{margin:4px 0 7px;color:#697386;font-size:11px;line-height:1.45}
.notification-item button{padding:0;border:0;background:transparent;color:#5749d7;font-size:10.5px;font-weight:800;cursor:pointer}
.notification-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7a8497}.notification-empty b{color:#374151;font-size:14px}.notification-empty span{max-width:245px;margin-top:5px;font-size:11px;line-height:1.45}
.notification-control-link{width:100%;margin-top:10px}

/* The selected source descriptions remain inside the tabs only. */
.summary-mode-tab small{font-size:10.5px;line-height:1.35}

.summary-profit-changes{width:100%;min-height:290px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:3px 2px 6px}
.profit-change-summary{display:grid;grid-template-columns:1fr minmax(150px,.72fr) 1fr;align-items:stretch;gap:10px}
.profit-change-summary>div{display:flex;min-height:86px;flex-direction:column;justify-content:center;padding:13px 15px;border:1px solid #e5e9f1;border-radius:15px;background:#fafbfe}
.profit-change-summary span{color:#747e91;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.profit-change-summary b{margin-top:5px;color:#273247;font-size:20px;letter-spacing:-.025em}.profit-change-summary small{margin-top:4px;color:#8a93a4;font-size:9.5px}
.profit-change-summary .profit-change-total{align-items:center;text-align:center;background:linear-gradient(145deg,rgba(16,185,129,.08),#fff);border-color:rgba(16,185,129,.18)}
.profit-change-summary .profit-change-total.negative{background:linear-gradient(145deg,rgba(229,72,77,.07),#fff);border-color:rgba(229,72,77,.17)}
.profit-change-summary .profit-change-total.positive b{color:#07835d}.profit-change-summary .profit-change-total.negative b{color:#ca3d43}
.profit-change-list{display:flex;flex-direction:column;gap:7px}
.profit-change-row{display:grid;grid-template-columns:minmax(145px,.78fr) minmax(190px,1.4fr) 112px;align-items:center;gap:12px;padding:7px 9px;border-radius:10px;transition:background .14s ease}.profit-change-row:hover{background:#f8f9fc}
.profit-change-label{display:flex;align-items:center;gap:8px;min-width:0}.profit-change-label b{overflow:hidden;color:#475467;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.profit-change-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%}.profit-change-dot.positive{background:#10a878}.profit-change-dot.negative{background:#df5a60}
.profit-change-track{position:relative;height:7px;overflow:hidden;border-radius:999px;background:#edf0f5}.profit-change-track span{display:block;height:100%;border-radius:inherit;min-width:4px}.profit-change-track span.positive{background:linear-gradient(90deg,#55ccb0,#0d9b72)}.profit-change-track span.negative{background:linear-gradient(90deg,#ef9b9f,#df555b)}
.profit-change-row>strong{text-align:right;font-size:10.5px;white-space:nowrap}.profit-change-row>strong.positive{color:#07835d}.profit-change-row>strong.negative{color:#c94147}

.summary-products-panel{margin-top:18px}.summary-products-head{margin-bottom:10px}.summary-products-head h3{margin-bottom:3px}
.summary-product-tabs{display:inline-flex;gap:4px;margin-bottom:10px;padding:4px;border:1px solid #e5e9f1;border-radius:12px;background:#f5f7fb}
.summary-product-tab{border:0;border-radius:9px;background:transparent;padding:8px 13px;color:#667085;font-size:11px;font-weight:800;cursor:pointer}.summary-product-tab.active{background:#fff;color:#5143cc;box-shadow:0 3px 9px rgba(31,41,55,.08)}
.summary-products-compact{min-height:155px}.summary-products-mini{min-width:500px!important}.summary-products-mini th,.summary-products-mini td{padding-top:8px;padding-bottom:8px}.summary-products-mini .order-product{min-width:210px}.summary-products-mini .order-product b{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-products-mini th:nth-child(n+2),.summary-products-mini td:nth-child(n+2){width:118px}

/* Strict geometric loading indicator. The existing page stays fully visible. */
.app-loading-overlay{padding:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.app-loading-line{position:absolute;left:0;right:0;top:0;height:3px;overflow:hidden;background:rgba(91,76,230,.08)}
.app-loading-line span{display:block;width:34%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,#5b4ce6,#13a39f,transparent);animation:geometry-loader-line 1.15s ease-in-out infinite}
.geometry-loader{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(91,76,230,.14);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(31,41,55,.13),inset 0 1px 0 #fff}
.geometry-loader svg{width:48px;height:48px;overflow:visible}.geometry-loader-track{fill:none;stroke:#e7eaf1;stroke-width:3}
.geometry-loader-ring{fill:none;stroke-linecap:round;transform-origin:32px 32px}.geometry-loader-ring-a{stroke:#5b4ce6;stroke-width:3;stroke-dasharray:54 97;animation:geometry-loader-spin 1.05s linear infinite}.geometry-loader-ring-b{stroke:#13a39f;stroke-width:2.5;stroke-dasharray:31 76;animation:geometry-loader-spin-reverse .85s linear infinite}.geometry-loader-mark{fill:none;stroke:#344054;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.78}
.delivery-loader,.delivery-loader-vehicle,.delivery-loader-road{display:none!important}
@keyframes geometry-loader-spin{to{transform:rotate(360deg)}}@keyframes geometry-loader-spin-reverse{to{transform:rotate(-360deg)}}@keyframes geometry-loader-line{0%{transform:translateX(-105%)}100%{transform:translateX(300%)}}

@media(max-width:760px){
  .profit-change-summary{grid-template-columns:1fr 1fr}.profit-change-summary .profit-change-total{grid-column:1/-1;grid-row:2}.profit-change-row{grid-template-columns:minmax(120px,.9fr) 1fr 96px}.notification-bell{width:40px;height:40px}.summary-products-mini .order-product{min-width:180px}
}
@media(max-width:520px){.profit-change-summary{grid-template-columns:1fr}.profit-change-summary .profit-change-total{grid-column:auto;grid-row:auto}.profit-change-row{grid-template-columns:1fr 86px}.profit-change-track{grid-column:1/-1;grid-row:2}.profit-change-label b{white-space:normal}.summary-mode-tab small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.geometry-loader-ring-a,.geometry-loader-ring-b,.app-loading-line span{animation:none!important}}

/* v0.45 — compact product ranking and clean, configurable tables */
.summary-products-panel{padding:18px 20px 16px}
.summary-products-head{margin-bottom:8px}
.summary-product-tabs{margin-bottom:8px}
.summary-products-compact{min-height:0;overflow:visible}
.summary-product-ranking{display:flex;flex-direction:column;border:1px solid #e8ebf1;border-radius:16px;overflow:hidden;background:#fff}
.summary-product-rank-row{appearance:none;width:100%;display:grid;grid-template-columns:32px minmax(240px,1fr) minmax(135px,.32fr) minmax(92px,.22fr) 18px;align-items:center;gap:13px;min-height:62px;padding:10px 14px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease}
.summary-product-rank-row:last-child{border-bottom:0}
.summary-product-rank-row:hover{position:relative;z-index:1;background:#fafaff;box-shadow:inset 3px 0 0 #6657e8}
.summary-product-rank-row:focus-visible{outline:2px solid rgba(91,76,230,.36);outline-offset:-2px}
.summary-product-rank-number{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#f0efff;color:#5548d7;font-size:11px;font-weight:900}
.summary-product-status-dot{width:9px;height:9px;margin-left:9px;border-radius:50%;background:#f2a13c;box-shadow:0 0 0 5px rgba(242,161,60,.11)}
.summary-product-status-dot.bad{background:#df5158;box-shadow:0 0 0 5px rgba(223,81,88,.10)}
.summary-product-rank-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.summary-product-rank-main>b{display:block;overflow:hidden;color:#293548;font-size:12.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.summary-product-rank-main>small{display:flex;align-items:center;gap:7px;color:#8a93a4;font-size:9.5px;white-space:nowrap}
.summary-product-meta-sep{color:#c1c6d0}
.summary-product-rank-metric{display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;white-space:nowrap}
.summary-product-rank-metric small{color:#8a93a4;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
.summary-product-rank-metric strong{color:#344054;font-size:12px}.summary-product-rank-metric strong.positive{color:#07835d}.summary-product-rank-metric strong.negative{color:#c94147}
.summary-product-issue{min-width:0;text-align:right}.summary-product-issue em{display:inline-block;max-width:100%;overflow:hidden;padding:5px 8px;border-radius:999px;background:#fff5e8;color:#9a5b11;font-size:9.5px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.summary-product-issue em.bad{background:#fff0f1;color:#b4373e}
.summary-product-rank-arrow{color:#b0b7c5;font-size:22px;font-weight:300;line-height:1}

/* Table headers stay on one line. Full names remain available in tooltips. */
.table-header-text,.table-header-label,.sort-header{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
th{font-size:11px!important;letter-spacing:.015em!important;line-height:1.15!important;padding:10px 12px!important}
td{font-size:11.5px;line-height:1.38;padding:10px 12px}
.draggable-table-header{min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap}
.table-header-label,.sort-header{min-width:0}
.sort-mark{flex:0 0 18px;width:18px;height:18px;font-size:9px}
.column-grip{flex:0 0 auto;opacity:.42}

/* Basic view keeps only key columns. */
table.table-has-view-modes.table-view-basic [data-basic="0"]{display:none!important}
.smart-table-toolbar{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:0!important;padding:8px 10px;margin:0 0 9px;border:1px solid #e8ebf1;border-radius:12px;background:#fafbfe;color:#697386}
.smart-table-toolbar-note{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;font-weight:700}
.smart-table-toolbar-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smart-table-toolbar-note b{color:#5b4ce6;font-size:13px}
.table-view-switch{display:inline-flex;flex:0 0 auto;gap:3px;padding:3px;border:1px solid #e2e6ee;border-radius:10px;background:#f1f3f7}
.table-view-switch button{border:0;border-radius:7px;background:transparent;padding:6px 10px;color:#667085;font-size:9.5px;font-weight:800;cursor:pointer;white-space:nowrap}
.table-view-switch button.active{background:#fff;color:#5143cc;box-shadow:0 2px 7px rgba(31,41,55,.09)}
.table-reset-columns{flex:0 0 auto;border:0;background:transparent;color:#6a5cdf;font-size:9.5px;font-weight:800;cursor:pointer;white-space:nowrap}

/* User-controlled column width. */
th[data-column-id]{position:sticky}
.column-resizer{position:absolute;z-index:8;right:-3px;top:6px;bottom:6px;width:7px;cursor:col-resize;touch-action:none}
.column-resizer:after{content:"";position:absolute;left:3px;top:20%;bottom:20%;width:1px;border-radius:999px;background:#d8dde7;opacity:0;transition:.13s ease}
th:hover>.column-resizer:after,th.column-resizing>.column-resizer:after{opacity:1;background:#7768e9}
body.is-resizing-column{cursor:col-resize!important;user-select:none!important}
th.column-resizing{background:#f2f0ff!important}

/* Horizontal scrolling remains available; the first chosen column stays visible. */
.table-wrap,.report-detail-table-wrap,.smart-scroll-table{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
@media(min-width:761px){
  .table-wrap table[data-table-key] th:first-child,.report-detail-table-wrap table[data-table-key] th:first-child{position:sticky!important;left:0;z-index:7;background:#f8fafc}
  .table-wrap table[data-table-key] td:first-child,.report-detail-table-wrap table[data-table-key] td:first-child{position:sticky!important;left:0;z-index:3;background:#fff;box-shadow:5px 0 9px -10px rgba(15,23,42,.35)}
  .table-wrap table[data-table-key] tbody tr:nth-child(even) td:first-child,.report-detail-table-wrap table[data-table-key] tbody tr:nth-child(even) td:first-child{background:#fbfcfe}
}

/* Old hard minimums are no longer allowed to stretch the basic view. */
.table-has-view-modes.table-view-basic{min-width:100%!important;width:max-content!important}
.table-has-view-modes.table-view-all{width:max-content!important;min-width:100%!important}
.products-table-panel .table-has-view-modes.table-view-basic,.orders-table-panel .table-has-view-modes.table-view-basic,.stocks-table-panel .table-has-view-modes.table-view-basic,.supplies-table-panel .table-has-view-modes.table-view-basic,.planning-table-panel .table-has-view-modes.table-view-basic{min-width:100%!important}

@media(max-width:900px){
  .summary-product-rank-row{grid-template-columns:31px minmax(190px,1fr) 125px 88px 15px;gap:9px;padding-inline:11px}
  .smart-table-toolbar-note span{display:none}
}
@media(max-width:620px){
  .summary-product-rank-row{grid-template-columns:28px minmax(0,1fr) 15px;gap:9px;min-height:74px}
  .summary-product-rank-metric,.summary-product-issue{grid-row:2;align-items:flex-start;text-align:left}
  .summary-product-rank-row.leader .summary-product-rank-metric:nth-of-type(1){grid-column:2}.summary-product-rank-row.leader .summary-product-rank-metric.compact{grid-column:2;margin-left:125px}
  .summary-product-rank-row.attention .summary-product-issue{grid-column:2}.summary-product-rank-row.attention .summary-product-rank-metric{grid-column:2;margin-left:155px}
  .summary-product-rank-arrow{grid-column:3;grid-row:1/3}
  .summary-product-rank-main>b{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .smart-table-toolbar{align-items:stretch;flex-wrap:wrap}.table-view-switch{order:3;width:100%}.table-view-switch button{flex:1}.table-reset-columns{margin-left:auto}
}
@media(max-width:620px){
  .summary-product-rank-row .summary-product-rank-metric{grid-column:2;grid-row:2;align-items:flex-start;text-align:left;margin:0!important}
  .summary-product-rank-row .summary-product-rank-metric.compact{display:none}
  .summary-product-rank-row.attention .summary-product-issue{grid-column:2;grid-row:2;text-align:left}
  .summary-product-rank-row.attention .summary-product-rank-metric{display:none}
}

/* Compact operation names for loyalty/cashback rows in report details. */
.report-operation-cell{display:flex;min-width:180px;max-width:330px;flex-direction:column;gap:3px}
.report-operation-cell>b{overflow:hidden;color:#344054;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.report-operation-cell>span{overflow:hidden;color:#8a93a4;font-size:9.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){
  .report-operation-cell{min-width:155px;max-width:240px}
}

/* v0.47 — full-width tables, stronger help controls, cost workflow and notification state */
.help-tip{
  width:20px!important;height:20px!important;flex-basis:20px!important;
  border:1.5px solid #8f84ec!important;background:#f3f1ff!important;color:#5547d7!important;
  font-size:12px!important;font-weight:900!important;box-shadow:0 2px 7px rgba(91,76,230,.12);
}
.help-tip:hover,.help-tip:focus-visible{background:#5b4ce6!important;color:#fff!important;border-color:#5b4ce6!important;transform:translateY(-1px)!important;box-shadow:0 5px 13px rgba(91,76,230,.22)!important}

.cost-focus-btn{display:inline-flex!important;align-items:center;gap:8px;background:linear-gradient(135deg,#5748dd,#7568ec)!important;box-shadow:0 7px 18px rgba(87,72,221,.22);padding-inline:15px!important}
.cost-focus-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(87,72,221,.28)}
.cost-focus-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cost-template-download{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfc9ff!important;background:#f3f1ff!important;color:#5144ca!important}
.summary-card-link{display:inline-flex;align-items:center;gap:6px;color:#5749d7;font-size:10px;font-weight:850;white-space:nowrap}
.summary-card-link b{font-size:13px;font-weight:700}
.summary-metric-card[data-summary-action="costs"]{border-color:rgba(91,76,230,.22)}
.summary-metric-card[data-summary-action="costs"]:hover{border-color:rgba(91,76,230,.42);box-shadow:0 12px 28px rgba(91,76,230,.11);transform:translateY(-1px)}

/* Every table always shows its full set of columns. */
table[data-table-key] [data-basic="0"]{display:table-cell!important}
.table-view-switch{display:none!important}
table[data-table-key]{width:max-content!important;min-width:100%!important}
.table-header-label,.sort-header{max-width:none!important;white-space:nowrap!important}
.table-header-text{white-space:nowrap!important}
.smart-table-toolbar{position:sticky;left:0;z-index:9;width:max-content;min-width:100%!important}
.table-scroll-actions{display:inline-flex;align-items:center;gap:5px;margin-left:auto}
.table-scroll-actions button{display:grid;place-items:center;width:30px;height:28px;border:1px solid #dde1ea;border-radius:9px;background:#fff;color:#4f46c8;font-size:15px;font-weight:850;cursor:pointer;transition:.14s ease}
.table-scroll-actions button:hover{border-color:#aaa1f2;background:#f3f1ff;transform:translateY(-1px)}
.table-reset-columns{margin-left:0}
@media(max-width:620px){.table-scroll-actions{order:2;margin-left:auto}.smart-table-toolbar-note{max-width:45%}.table-reset-columns{order:3;width:100%;text-align:right}}

.notification-drawer-actions{display:flex;align-items:center;gap:8px}
.notification-read-all{border:0;background:transparent;color:#5b4ce6;font-size:10px;font-weight:850;cursor:pointer;padding:7px 5px;white-space:nowrap}
.notification-read-all:hover{text-decoration:underline}.notification-read-all[hidden]{display:none!important}
.notification-item{border-radius:10px;transition:background-color .15s ease,opacity .15s ease}
.notification-item.unread{background:#fcfbff}.notification-item.read{opacity:.58;background:#f8fafc}
.notification-item-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.notification-item-title>span{color:#98a2b3;font-size:9px;font-weight:750}
.notification-item-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.notification-item-actions .notification-read{color:#7b8495;font-weight:700}
.notification-item-actions .notification-read:hover{color:#4f46c8}
.control-modern-table{min-width:1050px}


/* v0.48 — deduplicated cost template and adaptive, collision-free table headers */
.help-tip{
  width:16px!important;height:16px!important;flex:0 0 16px!important;
  border-width:1.25px!important;font-size:9.5px!important;line-height:1!important;
  box-shadow:0 1px 4px rgba(91,76,230,.12)!important;
}
.help-tip:hover,.help-tip:focus-visible{transform:none!important;box-shadow:0 3px 9px rgba(91,76,230,.18)!important}

.cost-focus-btn{
  min-height:50px!important;padding:7px 18px 7px 8px!important;gap:10px!important;
  border:1px solid rgba(5,115,105,.22)!important;border-radius:14px!important;
  background:linear-gradient(135deg,#087f76,#0f9f91)!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(8,127,118,.24)!important;
}
.cost-focus-btn:hover{background:linear-gradient(135deg,#076e67,#0b8f83)!important;box-shadow:0 13px 28px rgba(8,127,118,.29)!important}
.cost-focus-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cost-focus-btn svg{width:19px!important;height:19px!important;stroke:#fff!important}
.cost-focus-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08;text-align:left}
.cost-focus-copy b{font-size:13px;letter-spacing:-.01em}.cost-focus-copy small{margin-top:3px;color:rgba(255,255,255,.78);font-size:9.5px;font-weight:700}
.cost-template-download.is-loading{opacity:.72;cursor:wait}

/* Header controls get their own grid tracks. Titles are never allowed to
   occupy the space reserved for sorting, help or drag controls. */
table[data-table-key] th{box-sizing:border-box;vertical-align:middle;padding:9px 9px!important;overflow:visible}
table[data-table-key] .draggable-table-header{
  display:grid!important;grid-template-columns:12px minmax(0,1fr)!important;
  align-items:center!important;gap:5px!important;width:100%;min-width:0!important;
}
table[data-table-key] .column-grip{
  width:12px;min-width:12px;overflow:hidden;color:#a8b0bf;font-size:10px;line-height:1;
  letter-spacing:-3px;opacity:.42;cursor:grab;transition:opacity .14s ease,color .14s ease;
}
table[data-table-key] th:hover .column-grip,table[data-table-key] .column-grip:focus-visible{color:#6658dc;opacity:.9;outline:none}
table[data-table-key] .sort-header{
  display:grid!important;grid-template-columns:minmax(0,1fr) 14px!important;
  align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;
  max-width:none!important;padding:0!important;border:0!important;background:transparent!important;
  color:inherit;text-align:left!important;white-space:nowrap!important;
}
table[data-table-key] .table-header-label{
  display:block!important;width:100%;min-width:0!important;max-width:none!important;white-space:nowrap!important;
}
table[data-table-key] .sort-header .label-with-tip,
table[data-table-key] .table-header-label .label-with-tip{
  display:flex!important;align-items:center!important;gap:4px!important;width:100%;min-width:0!important;
}
table[data-table-key] .table-header-text{
  display:block!important;flex:1 1 auto;min-width:0!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;word-break:normal!important;hyphens:none!important;
}
table[data-table-key] .sort-mark{
  display:grid;place-items:center;width:14px;height:16px;min-width:14px;margin:0!important;
  color:#98a2b3;font-size:11px;line-height:1;opacity:.72;
}
table[data-table-key] .sort-header.active .sort-mark{color:#5547d7;opacity:1}
table[data-table-key] th.table-col-compact .draggable-table-header{justify-content:stretch!important}
table[data-table-key] th.table-col-compact .sort-header,
table[data-table-key] th.table-col-compact .table-header-label{max-width:none!important;text-align:right!important}
table[data-table-key] th.table-col-compact .label-with-tip{justify-content:flex-end}
table[data-table-key] th.table-col-compact .table-header-text{text-align:right}

/* Horizontal scrolling is the deliberate responsive behaviour. The header
   stays readable instead of wrapping or compressing controls on smaller screens. */
.table-wrap,.report-detail-table-wrap{overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
@media(max-width:1100px){
  table[data-table-key] th{padding-inline:8px!important}
  .smart-table-toolbar-note span{display:none}
  .smart-table-toolbar-note b{font-size:14px}
}
@media(max-width:720px){
  .cost-focus-btn{width:100%;justify-content:center}
  table[data-table-key] .column-grip{opacity:.28}
}


/* v0.49 — compact notifications, clean tables, stocks summary and product card */
.notification-drawer-head{align-items:center!important;gap:10px!important}
.notification-drawer-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto}
.notification-read-all{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;min-height:30px!important;padding:5px 9px!important;border:1px solid #e1defb!important;border-radius:9px!important;background:#f7f6ff!important;color:#5547d7!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important}
.notification-read-all:hover{background:#eeecff!important;text-decoration:none!important}
.notification-read-all span{font-size:11px;font-weight:900}

.product-filter-bar{padding:12px 14px!important}
.product-analytics-filters{display:flex!important;align-items:flex-end!important;width:100%!important;gap:12px!important;margin:0!important}
.product-analytics-filters .cost-focus-btn{margin-left:auto!important;align-self:stretch!important;min-height:58px!important;padding:8px 20px!important;border-radius:14px!important}
.product-analytics-filters .cost-focus-copy b{font-size:14px!important}.product-analytics-filters .cost-focus-copy small{font-size:10px!important}
.products-hero p{max-width:760px;margin:6px 0 0;color:var(--muted);line-height:1.45}

/* Table explanations are now attached to the heading itself; no question icon inside tables. */
table[data-table-key] .table-header-text.tooltip-source{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:transparent;text-underline-offset:4px}
table[data-table-key] .table-header-text.tooltip-source[data-tooltip]:hover{color:#5148c8;text-decoration-color:#a9a3e9}
table[data-table-key] .label-with-tip .help-tip{display:none!important}

.orders-sync-strip{display:none!important}
.view-switcher{grid-template-columns:repeat(2,minmax(0,1fr))!important}

.product-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:230px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.product-card-link:hover .order-product b{color:#5148c8}.product-card-link-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#f2f0ff;color:#5b4ce6;font-weight:900;opacity:.72;transition:.16s ease}.product-card-link:hover .product-card-link-arrow{opacity:1;transform:translateX(2px)}

.product-detail-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px}.product-detail-period{display:flex;align-items:flex-end;gap:10px}.product-detail-period label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;font-weight:750}.product-detail-period input{min-height:40px}
.product-profile-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px!important}.product-profile-main{display:flex;align-items:center;gap:18px;min-width:0}.product-profile-main>img,.product-detail-image-placeholder{width:112px;height:112px;flex:0 0 112px;border-radius:20px;object-fit:cover;border:1px solid var(--line);background:#f5f6fb}.product-detail-image-placeholder{display:grid;place-items:center;color:#8b90a4;font-weight:900}.product-profile-main h2{margin:4px 0 5px;font-size:24px;line-height:1.2}.product-profile-main p{margin:0;color:var(--muted)}.product-identity-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.product-identity-chips span{padding:6px 9px;border-radius:9px;background:#f7f8fb;border:1px solid #ebeef3;color:#687083;font-size:11px}.product-detail-cost-btn{flex:0 0 auto;min-width:190px!important;justify-content:center!important}.product-detail-period-caption{margin:14px 2px 8px;color:#7a8191;font-size:12px;font-weight:750}
.product-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.product-detail-metric{display:flex;flex-direction:column;gap:6px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 4px 13px rgba(16,24,40,.035)}.product-detail-metric span{color:var(--muted);font-size:11px;font-weight:750}.product-detail-metric b{font-size:20px;line-height:1.1}.product-detail-metric small{color:#7a8191;font-size:10px}
.product-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-detail-section{padding:18px!important}.product-detail-section.product-stock-section{grid-column:1/-1}.product-detail-list{display:grid;gap:0}.product-detail-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #eef0f4}.product-detail-row:last-child{border-bottom:0}.product-detail-row span{color:#667085;font-size:12px}.product-detail-row b{text-align:right;font-size:13px}.product-stock-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-stock-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 13px;border:1px solid #e9ebf1;border-radius:12px;background:#fafbfe}.product-stock-row span{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stock-row b{font-size:13px}.product-stock-row small{grid-column:1/-1;color:#7a8191;font-size:10px}

@media(max-width:1050px){.product-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.product-stock-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product-analytics-filters{flex-wrap:wrap!important}.product-analytics-filters .cost-focus-btn{margin-left:0!important}}
@media(max-width:720px){.product-detail-topbar{align-items:stretch;flex-direction:column}.product-detail-period{display:grid;grid-template-columns:1fr 1fr}.product-detail-period .btn{grid-column:1/-1}.product-profile-card{align-items:flex-start;flex-direction:column}.product-profile-main{align-items:flex-start}.product-profile-main>img,.product-detail-image-placeholder{width:78px;height:78px;flex-basis:78px;border-radius:15px}.product-profile-main h2{font-size:19px}.product-detail-cost-btn{width:100%!important}.product-detail-metrics,.product-detail-grid,.product-stock-list{grid-template-columns:1fr}.product-detail-section.product-stock-section{grid-column:auto}.notification-read-all{font-size:0!important}.notification-read-all span{font-size:12px!important}.notification-read-all:after{content:'Все';font-size:10px}}

/* v0.50 — unified product calendar, cleaner table scrolling and revised planning */
.products-table-panel:before{content:none!important;display:none!important}
.product-detail-topbar{align-items:center!important}
.product-detail-range{min-width:270px;margin:0}
.product-detail-range>span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:750}
.product-detail-range .range-trigger{min-width:270px;min-height:40px;text-align:left}
.product-packaging-section .panel-head{align-items:center}
.product-packaging-section .compact-btn{min-height:34px;padding:7px 11px;font-size:11px}
#view-planning .planning-filter-panel{margin-top:0}
#view-planning .planning-filters{align-items:flex-end}
@media(max-width:720px){
  .product-detail-range,.product-detail-range .range-trigger{width:100%;min-width:0}
  .product-detail-topbar{align-items:stretch!important}
}


/* v0.51 — shipment builder, clearer key profit and product controls */
.summary-profit-card{background:linear-gradient(145deg,#f4fbf8 0%,#e8f8f1 100%)!important;border-color:#9dd9bd!important;box-shadow:0 12px 30px rgba(20,130,85,.11)!important}.summary-profit-card .metric-icon{background:#d9f3e6!important;color:#087443!important}.summary-profit-card .value{color:#075f3a}.packaging-edit-btn{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important;box-shadow:0 7px 18px rgba(15,118,110,.22)!important}.packaging-edit-btn:hover{background:#0b5f59!important;transform:translateY(-1px)}.planning-build-btn{background:linear-gradient(135deg,#5b4de0,#4438ca);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(79,70,229,.2)}.planning-build-btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.planning-shipment-table{min-width:1180px!important}.planning-shipment-table th,.planning-shipment-table td{vertical-align:middle}.planning-select-cell{width:48px!important;min-width:48px!important;text-align:center!important}.planning-select-cell input{width:18px;height:18px;accent-color:#5b4de0}.planning-qty-input{width:112px;min-height:38px;border:1px solid var(--line);border-radius:9px;padding:6px 9px;font-weight:800;text-align:right}.planning-pack-select{min-width:180px;min-height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:5px 9px}.shipment-plan-modal-card{max-width:1120px}.shipment-plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.shipment-plan-head>div:first-child span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.shipment-plan-head h3{margin:3px 0 0}.shipment-plan-head>div:last-child{padding:9px 12px;border-radius:10px;background:#f4f3ff;color:#4036b5;font-size:13px}.shipment-plan-table-wrap{overflow:auto;max-height:65vh}.shipment-plan-table{min-width:880px}.shipment-plan-table tfoot td{position:sticky;bottom:0;background:#f8fafc;border-top:2px solid #d7dce5;font-size:14px}@media(max-width:900px){.shipment-plan-head{flex-direction:column}.planning-filters .planning-build-btn{width:100%}}

/* v0.53 — planning workflow */
.planning-product-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:230px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.planning-product-link>span{display:flex;flex-direction:column;gap:4px;min-width:0}.planning-product-link b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2939}.planning-product-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8191;font-size:10px}.planning-product-link i{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:#f1efff;color:#5b4de0;font-style:normal;font-weight:900;transition:.15s ease}.planning-product-link:hover i{background:#5b4de0;color:#fff;transform:translateX(2px)}
.planning-shipment-table{min-width:1380px!important}.planning-shipment-table th,.planning-shipment-table td{vertical-align:middle}.planning-shipment-table .planning-qty-input{width:100%;min-width:92px}.planning-shipment-table .planning-pack-select{width:100%;min-width:178px}.planning-shipment-table .smart-table-toolbar{position:sticky;left:0}
.shipment-plan-modal-card{max-width:1220px;padding-right:58px!important}.shipment-plan-head{padding-right:4px}.shipment-plan-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-right:4px}.shipment-plan-date{padding:9px 12px;border-radius:10px;background:#f4f3ff;color:#4036b5;font-size:13px;white-space:nowrap}.shipment-print-btn{background:#eef2ff!important;color:#4036b5!important;border:1px solid #d8d6ff!important}.shipment-print-btn:hover{background:#e3e7ff!important}
.shipment-warehouse-panel{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:12px;align-items:end;padding:13px 14px;border:1px solid #e5e7ef;border-radius:14px;background:#fafbfe;margin:0 0 14px}.shipment-warehouse-panel label{margin:0}.shipment-warehouse-info{min-height:42px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#697386;font-size:12px}.shipment-warehouse-info>div{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid #e7e9f0}.shipment-warehouse-info>div span{color:#7a8191}.shipment-warehouse-info>div b{color:#1d2939;font-size:14px}.shipment-warehouse-info small{flex-basis:100%;color:#8b90a4}
.shipment-plan-table{min-width:1120px}.shipment-plan-table th:nth-child(1),.shipment-plan-table td:nth-child(1){min-width:230px}.shipment-plan-table th:nth-child(2),.shipment-plan-table td:nth-child(2){min-width:150px}.shipment-plan-table th:nth-child(3),.shipment-plan-table td:nth-child(3){min-width:150px}
.planning-product-modal-card{max-width:1240px;padding-right:54px!important}.planning-product-modal-card #planningProductModalContent{min-width:0}.planning-product-modal-card .product-profile-card{margin-top:2px}.planning-product-modal-card .product-detail-period-caption{margin-top:6px}
@media(max-width:800px){.shipment-plan-modal-card{padding-right:22px!important}.shipment-plan-head-actions{margin-right:28px}.shipment-warehouse-panel{grid-template-columns:1fr}.shipment-plan-head{align-items:flex-start}.shipment-plan-head-actions{justify-content:flex-start}.planning-product-modal-card{padding-right:22px!important}}
@media print{
  body.printing-shipment-plan *{visibility:hidden!important}
  body.printing-shipment-plan #shipmentPlanModal,body.printing-shipment-plan #shipmentPlanModal *{visibility:visible!important}
  body.printing-shipment-plan #shipmentPlanModal{display:block!important;position:absolute!important;inset:0!important;background:#fff!important;padding:0!important}
  body.printing-shipment-plan #shipmentPlanModal .modal-card{position:static!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important;padding:10mm!important}
  body.printing-shipment-plan .modal-close,body.printing-shipment-plan .shipment-print-btn{display:none!important}
  body.printing-shipment-plan .shipment-plan-table-wrap{max-height:none!important;overflow:visible!important}
  body.printing-shipment-plan .shipment-plan-table{min-width:0!important;font-size:10px!important}
  body.printing-shipment-plan .shipment-plan-table th,body.printing-shipment-plan .shipment-plan-table td{padding:6px 7px!important;white-space:normal!important}
  body.printing-shipment-plan .shipment-plan-table tfoot td{position:static!important}
}

.shipment-plan-head-actions{padding:0!important;background:transparent!important;color:inherit!important;border-radius:0!important;font-size:inherit!important}
.planning-table-panel .smart-table-toolbar{position:sticky;left:0;z-index:9;min-width:100%!important}

/* v0.54 — contextual VAT, reliable shipment quantities and live WB tariffs */
.shipment-plan-modal-card{padding:24px 28px 26px!important;max-width:1220px}
.shipment-plan-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:46px;margin-bottom:16px}
.shipment-plan-head>div:first-child{min-width:0}
.shipment-plan-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;margin:0!important;padding:0!important}
.shipment-plan-date{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #dedbff;border-radius:11px;background:#f7f6ff;color:#4036b5;font-size:13px;white-space:nowrap}
.shipment-print-btn{display:inline-flex!important;align-items:center;gap:8px;min-height:42px;padding:9px 15px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#5b4de0,#4438ca)!important;color:#fff!important;box-shadow:0 8px 18px rgba(79,70,229,.22)!important;font-weight:800}
.shipment-print-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.shipment-print-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(79,70,229,.28)!important}
.shipment-warehouse-info{align-items:stretch}
.warehouse-rate-card{display:grid!important;grid-template-columns:auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:9px 11px!important;border-radius:11px!important;background:#fff!important;border:1px solid #e4e7ec!important}
.warehouse-rate-card span{grid-row:1 / span 2;align-self:center;padding-right:10px;border-right:1px solid #edf0f4;color:#667085!important;font-weight:800}
.warehouse-rate-card b{font-size:12px!important;white-space:nowrap;color:#1d2939!important}
.shipment-print-frame{position:fixed!important;width:1px!important;height:1px!important;right:0!important;bottom:0!important;border:0!important;opacity:0!important;pointer-events:none!important}
@media(max-width:820px){
  .shipment-plan-modal-card{padding:22px!important}
  .shipment-plan-head{align-items:flex-start;padding-right:34px;flex-direction:column}
  .shipment-plan-head-actions{justify-content:flex-start;flex-wrap:wrap}
}


/* v0.55 — supply planning usability */
.planning-table-panel{max-height:calc(100vh - 210px);min-height:380px;overflow:auto!important;position:relative}
.planning-table-panel .smart-table-toolbar{position:sticky!important;top:0;left:0;z-index:18;background:#fff;border-bottom:1px solid #e7eaf1}
.planning-table-panel .planning-shipment-table thead th{position:sticky!important;top:51px;z-index:14;background:#f7f9fc!important;box-shadow:0 1px 0 #dfe4ec,0 5px 12px -12px rgba(15,23,42,.55)}
.planning-table-panel .planning-shipment-table thead th:first-child{z-index:17!important}
.shipment-warehouse-field{min-width:0}
.warehouse-combobox{position:relative;margin-top:6px}
.warehouse-combobox input[type=search]{width:100%;min-height:42px;padding:9px 38px 9px 12px;border:1px solid #dfe3ec;border-radius:11px;background:#fff;font:inherit;color:#1f2937;outline:none}
.warehouse-combobox input[type=search]:focus{border-color:#7768e8;box-shadow:0 0 0 3px rgba(98,85,223,.12)}
.warehouse-search-results{display:none;position:absolute;z-index:90;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;padding:6px;background:#fff;border:1px solid #dfe3ec;border-radius:12px;box-shadow:0 18px 45px rgba(24,32,56,.18)}
.warehouse-search-results.open{display:block}
.warehouse-search-results button{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#20283a;text-align:left;cursor:pointer}
.warehouse-search-results button:hover,.warehouse-search-results button:focus{background:#f2f1ff;outline:none}
.warehouse-search-results button b{font-size:13px}.warehouse-search-results button span{font-size:11px;color:#7d8493}
.warehouse-search-empty{padding:12px;color:#7d8493;text-align:center;font-size:12px}
.warehouse-rate-card.is-unavailable{background:#fff8f8!important;border-color:#f1d9dd!important}.warehouse-rate-card.is-unavailable b{color:#a33b4b!important}
@media(max-width:900px){.planning-table-panel{max-height:calc(100vh - 180px);min-height:320px}.planning-table-panel .planning-shipment-table thead th{top:49px}}

/* v0.56 — compact shipment tariffs and clean sticky planning header */
.shipment-warehouse-panel{grid-template-columns:minmax(250px,340px) minmax(0,1fr);align-items:stretch;gap:14px;padding:14px;background:#fbfcff}
.shipment-warehouse-info{display:block;min-height:0;color:#667085}
.warehouse-rate-placeholder{display:flex;align-items:center;min-height:48px;padding:0 4px;color:#7a8191}
.warehouse-rate-date{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;color:#667085}
.warehouse-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.warehouse-rate-card{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important;align-items:center!important;min-width:0;padding:11px 12px!important;border:1px solid #e1e5ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 12px rgba(16,24,40,.035)}
.warehouse-rate-card>span{grid-column:1/-1!important;grid-row:auto!important;padding:0 0 7px!important;border:0!important;border-bottom:1px solid #edf0f4!important;color:#344054!important;font-size:12px!important;font-weight:900!important}
.warehouse-rate-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.warehouse-rate-card small{font-size:10px;color:#8a91a1;white-space:nowrap}
.warehouse-rate-card b{font-size:14px!important;color:#1d2939!important;white-space:nowrap}
.warehouse-rate-card.acceptance{grid-template-columns:1fr!important}
.warehouse-rate-card.acceptance .acceptance-value{display:flex;flex-direction:column;gap:4px}
.warehouse-rate-card.is-free{border-color:#b7e3cb!important;background:#f4fbf7!important}.warehouse-rate-card.is-free b{color:#087443!important}
.warehouse-rate-card.is-paid{border-color:#f1d8a5!important;background:#fffaf0!important}.warehouse-rate-card.is-paid b{color:#9a6700!important}
.warehouse-rate-card.is-unavailable{border-color:#efc9ce!important;background:#fff7f8!important}.warehouse-rate-card.is-unavailable b{color:#a33b4b!important}
.shipment-pallet-value{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.15}.shipment-pallet-value b{font-size:13px}.shipment-pallet-value small{font-size:10px;color:#7a8191;white-space:nowrap}

/* The planning toolbar scrolls away; only the table header remains fixed. */
.planning-table-panel .smart-table-toolbar{position:relative!important;top:auto!important;left:auto!important;z-index:1!important;border-bottom:1px solid #e8ebf1;background:#fff}
.planning-table-panel .planning-shipment-table thead th{position:sticky!important;top:0!important;z-index:14!important;background:#fff!important;border-bottom:1px solid #dfe4ec!important;box-shadow:0 7px 14px -14px rgba(15,23,42,.55)!important}
.planning-table-panel .planning-shipment-table thead th:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,rgba(91,77,224,.28),rgba(91,77,224,0))}
.planning-table-panel .planning-shipment-table thead th:first-child{z-index:17!important}
@media(max-width:900px){.shipment-warehouse-panel{grid-template-columns:1fr}.warehouse-rate-grid{grid-template-columns:1fr}.planning-table-panel .planning-shipment-table thead th{top:0!important}}

/* v0.57 — ручное формирование коробов и паллет */
.shipment-plan-modal-card{max-width:1380px!important;max-height:94vh!important;overflow:auto!important}
.shipment-builder-overview{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:9px;margin:0 0 11px}
.shipment-builder-overview>div{min-height:66px;padding:10px 12px;border:1px solid #e2e6ee;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:4px}
.shipment-builder-overview span{font-size:11px;color:#778096;font-weight:700}
.shipment-builder-overview b{font-size:19px;color:#182230}
.shipment-builder-overview .warn{background:#fffaf2;border-color:#f4d9ac}.shipment-builder-overview .warn b{color:#a25808}
.shipment-builder-overview .good{background:#f1fbf6;border-color:#bfe5cf}.shipment-builder-overview .good b{color:#087443}
.shipment-builder-warning,.shipment-builder-ready{display:flex;align-items:center;gap:9px;padding:9px 12px;margin-bottom:12px;border-radius:11px;font-size:12px}
.shipment-builder-warning{background:#fff8ed;border:1px solid #f2d5a2;color:#81500f}.shipment-builder-ready{background:#effbf5;border:1px solid #bce2cc;color:#08663d}
.shipment-builder-warning span,.shipment-builder-ready span{color:inherit;opacity:.8}
.shipment-builder-layout{display:grid;grid-template-columns:minmax(390px,.88fr) minmax(560px,1.35fr);gap:14px;align-items:start}
.shipment-products-panel,.shipment-packages-panel{border:1px solid #e2e6ee;border-radius:15px;background:#fafbfe;overflow:hidden}
.shipment-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#fff;border-bottom:1px solid #e6e9f0}
.shipment-section-head span{display:block;color:#7c8496;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.shipment-section-head h4{margin:3px 0 0;font-size:15px}
.shipment-package-buttons{display:flex;gap:7px}.shipment-package-buttons .btn{min-height:36px;padding:7px 11px}
.shipment-product-list{max-height:58vh;overflow:auto;padding:8px}
.shipment-product-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:9px 11px;padding:11px 10px;border:1px solid #e5e8ef;border-radius:12px;background:#fff;margin-bottom:7px}
.shipment-product-row:last-child{margin-bottom:0}.shipment-product-row.is-complete{background:#f7fcf9;border-color:#cee8d9}
.shipment-product-main{min-width:0}.shipment-product-main>b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shipment-product-main>span,.shipment-product-main>small{display:block;margin-top:3px;color:#758096;font-size:10px}.shipment-product-main>small{color:#58657a}
.shipment-product-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shipment-product-progress>div{padding:6px 8px;border-radius:8px;background:#f6f7fa;display:flex;justify-content:space-between;gap:7px;font-size:10px;color:#778096}.shipment-product-progress b{color:#273142;font-size:12px}.shipment-product-progress .is-remaining{background:#fff3e2;color:#9a5705}.shipment-product-progress .is-remaining b{color:#9a5705}.shipment-product-progress .is-done{background:#eaf8f1;color:#087443}.shipment-product-progress .is-done b{color:#087443}
.shipment-product-places{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.shipment-product-places span{padding:3px 6px;border-radius:6px;background:#eef0ff;color:#4840b6;font-size:9px;font-weight:800}.shipment-product-places .muted{background:#f1f3f6;color:#8b92a1;font-weight:600}
.shipment-product-row>.btn{justify-self:end;align-self:center;min-height:32px;padding:5px 9px}
.shipment-package-list{max-height:58vh;overflow:auto;padding:9px}
.shipment-packages-empty{padding:38px 20px;text-align:center;color:#798296}.shipment-packages-empty b{display:block;color:#344054;margin-bottom:5px}.shipment-packages-empty span{font-size:12px}
.shipment-package-card{border:1px solid #dfe4ed;border-radius:13px;background:#fff;margin-bottom:9px;overflow:hidden}.shipment-package-card:last-child{margin-bottom:0}
.shipment-package-card>header{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;background:#f8f9fc;border-bottom:1px solid #e5e8ef}.shipment-package-card>header>div:first-child span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7b8496;font-weight:800}.shipment-package-card h5{font-size:15px;margin:2px 0 0;color:#273142}.shipment-package-status{text-align:right}.shipment-package-status b,.shipment-package-status span{display:block}.shipment-package-status b{font-size:11px;color:#344054}.shipment-package-status span{font-size:9px;color:#7c8494;margin-top:2px}.shipment-package-delete{width:28px!important;height:28px!important;min-width:28px!important}
.shipment-package-items{padding:6px 11px}.shipment-package-empty{padding:12px;color:#8b92a1;font-size:11px;text-align:center}
.shipment-package-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf0f4}.shipment-package-item:last-child{border-bottom:0}.shipment-package-product{min-width:0}.shipment-package-product b{display:block;max-width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.shipment-package-product span{display:block;color:#7b8495;font-size:9px;margin-top:2px}
.shipment-package-item-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.shipment-package-item-actions input{width:72px;height:32px;padding:4px 7px;border:1px solid #d8dde6;border-radius:8px;text-align:right;font-weight:800}.shipment-package-item-actions>span{font-size:10px;color:#758096}.shipment-package-item-actions select{max-width:130px;height:32px;border:1px solid #d8dde6;border-radius:8px;background:#fff;padding:3px 6px;font-size:10px}
.shipment-package-add{display:grid;grid-template-columns:minmax(180px,1fr) 82px auto auto auto;gap:6px;padding:9px 10px;background:#fafbfc;border-top:1px solid #e7eaf0}.shipment-package-add select,.shipment-package-add input{height:34px;border:1px solid #d8dde6;border-radius:8px;background:#fff;padding:5px 7px;font-size:11px}.shipment-package-add input{text-align:right}.shipment-package-add .btn{min-height:34px;padding:5px 8px;font-size:10px}.shipment-package-add small{grid-column:1/-1;color:#768096;font-size:9px;margin-top:0}
.icon-action.danger{color:#b42318!important}.icon-action.danger:hover{background:#fff0ee!important;border-color:#f1b8b2!important}
@media(max-width:1150px){.shipment-builder-overview{grid-template-columns:repeat(3,1fr)}.shipment-builder-layout{grid-template-columns:1fr}.shipment-product-list,.shipment-package-list{max-height:42vh}}
@media(max-width:720px){.shipment-builder-overview{grid-template-columns:repeat(2,1fr)}.shipment-section-head{align-items:flex-start;flex-direction:column}.shipment-package-add{grid-template-columns:1fr 80px}.shipment-package-add .btn{grid-column:auto}.shipment-package-item{align-items:flex-start;flex-direction:column}.shipment-package-item-actions{width:100%;flex-wrap:wrap}.shipment-product-row{grid-template-columns:1fr}.shipment-product-row>.btn{justify-self:start}.shipment-package-buttons{width:100%}.shipment-package-buttons .btn{flex:1}}

/* v0.58 — box-to-pallet hierarchy and weight control */
.shipment-package-card.is-overweight{border-color:#efb4b4;box-shadow:0 0 0 1px rgba(190,45,45,.05)}
.shipment-package-card.is-overweight>header{background:#fff7f7}
.shipment-package-card.is-weight-near{border-color:#ecd8a2}
.shipment-package-card.is-weight-near>header{background:#fffdf6}
.shipment-weight-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;border-bottom:1px solid transparent;font-size:10px}
.shipment-weight-warning b,.shipment-weight-warning span{display:block}
.shipment-weight-warning span{opacity:.78;text-align:right}
.shipment-weight-warning.over{background:#fff0f0;border-color:#f3cccc;color:#a32424}
.shipment-weight-warning.near{background:#fff8e8;border-color:#eedcae;color:#8a5a08}
.shipment-weight-warning.partial{background:#f6f7fa;border-color:#e5e8ef;color:#667085}
.shipment-builder-weight-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;margin:-3px 0 12px;border-radius:11px;background:#fff0f0;border:1px solid #efc3c3;color:#9e2525;font-size:11px}
.shipment-builder-weight-alert span{opacity:.82;text-align:right}
.shipment-parent-chip{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:3px 7px;border:1px solid #d7dcff;border-radius:999px;background:#eef0ff;color:#4c46b8;font-size:9px;font-weight:800;cursor:pointer}
.shipment-parent-chip span{font-size:11px;line-height:1}
.shipment-pallet-boxes{border-bottom:1px solid #e5e8ef;background:#fbfcff;padding:9px 11px}
.shipment-pallet-boxes-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.shipment-pallet-boxes-head>div:first-child{display:flex;align-items:center;gap:7px}.shipment-pallet-boxes-head span{font-size:10px;color:#687386;font-weight:800}.shipment-pallet-boxes-head b{display:inline-flex;min-width:21px;height:21px;align-items:center;justify-content:center;border-radius:999px;background:#e9edff;color:#4e46bb;font-size:10px}.shipment-pallet-boxes-head small{font-size:9px;color:#8a92a1}
.shipment-pallet-box-add{display:flex;align-items:center;gap:6px}.shipment-pallet-box-add select{height:31px;min-width:165px;border:1px solid #d8dde6;border-radius:8px;background:#fff;padding:4px 7px;font-size:10px}.shipment-pallet-box-add .btn{min-height:31px;padding:4px 8px;font-size:10px}
.shipment-pallet-box-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.shipment-pallet-box{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #e1e5ed;border-radius:9px;background:#fff}.shipment-pallet-box>div{min-width:0}.shipment-pallet-box b,.shipment-pallet-box span{display:block}.shipment-pallet-box b{font-size:11px;color:#263143}.shipment-pallet-box span{margin-top:2px;font-size:9px;color:#7a8495}.shipment-pallet-box.is-overweight{border-color:#efbbbb;background:#fff7f7}.shipment-pallet-box.is-weight-near{border-color:#ead59e;background:#fffdf6}.shipment-pallet-box-empty{grid-column:1/-1;padding:8px;border:1px dashed #dce1ea;border-radius:9px;text-align:center;color:#8a92a1;font-size:10px}
@media(max-width:760px){.shipment-builder-weight-alert,.shipment-weight-warning,.shipment-pallet-boxes-head{align-items:flex-start;flex-direction:column}.shipment-builder-weight-alert span,.shipment-weight-warning span{text-align:left}.shipment-pallet-box-list{grid-template-columns:1fr}.shipment-pallet-box-add{width:100%}.shipment-pallet-box-add select{min-width:0;flex:1}}

/* v0.59 — volume control and explicit packing schemes */
.shipment-package-card.is-overvolume{border-color:#efb4b4;box-shadow:0 0 0 1px rgba(190,45,45,.05)}
.shipment-package-card.is-overvolume>header{background:#fff7f7}
.shipment-package-card.is-volume-near{border-color:#ecd8a2}
.shipment-package-card.is-volume-near>header{background:#fffdf6}
.shipment-limit-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;border-bottom:1px solid transparent;font-size:10px}
.shipment-limit-warning b,.shipment-limit-warning span{display:block}
.shipment-limit-warning span{opacity:.78;text-align:right}
.shipment-limit-warning.over{background:#fff0f0;border-color:#f3cccc;color:#a32424}
.shipment-limit-warning.near{background:#fff8e8;border-color:#eedcae;color:#8a5a08}
.shipment-limit-warning.partial{background:#f6f7fa;border-color:#e5e8ef;color:#667085}
.shipment-limit-warning.volume b:before{content:"◇";margin-right:6px;font-size:9px}
.shipment-limit-warning.weight b:before{content:"⚖";margin-right:6px;font-size:10px}
.shipment-builder-limit-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;margin:-3px 0 12px;border-radius:11px;font-size:11px}
.shipment-builder-limit-alert.danger{background:#fff0f0;border:1px solid #efc3c3;color:#9e2525}
.shipment-builder-limit-alert span{opacity:.82;text-align:right}
.shipment-pallet-box.is-overvolume{border-color:#efbbbb;background:#fff7f7}
.shipment-pallet-box.is-volume-near{border-color:#ead59e;background:#fffdf6}

.packing-mode-block{margin:14px 0 12px;padding:13px;border:1px solid #e2e6ee;border-radius:14px;background:#fafbfe}
.packing-mode-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.packing-mode-title b{font-size:13px;color:#273142}.packing-mode-title span{max-width:320px;text-align:right;font-size:10px;color:#7b8495}
.packing-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.packing-mode-options label{position:relative;display:block;margin:0;cursor:pointer}
.packing-mode-options input{position:absolute;opacity:0;pointer-events:none}
.packing-mode-options label>span{display:block;min-height:66px;padding:10px 11px;border:1px solid #dfe4ed;border-radius:11px;background:#fff;transition:.16s ease}
.packing-mode-options label:hover>span{border-color:#bfc7db;background:#fcfcff}
.packing-mode-options label.is-active>span{border-color:#7369df;background:#f2f0ff;box-shadow:0 0 0 1px rgba(91,77,224,.08)}
.packing-mode-options b,.packing-mode-options small{display:block}.packing-mode-options b{font-size:12px;color:#293345}.packing-mode-options small{margin-top:4px;font-size:9px;line-height:1.35;color:#798296}
.packing-fields>[hidden]{display:none!important}
.packing-derived{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:8px 11px;border:1px dashed #cfd5df;border-radius:10px;background:#fff}
.packing-derived span,.packing-derived small{font-size:9px;color:#7b8495}.packing-derived b{margin:3px 0;font-size:17px;color:#4338a8}
@media(max-width:720px){.packing-mode-title{flex-direction:column}.packing-mode-title span{text-align:left}.packing-mode-options{grid-template-columns:1fr}.shipment-builder-limit-alert,.shipment-limit-warning{align-items:flex-start;flex-direction:column}.shipment-builder-limit-alert span,.shipment-limit-warning span{text-align:left}}

/* v0.60: action kept inside the expenses filter bar after removing the duplicate hero panel. */
.expense-add-filter-btn{margin-left:auto;white-space:nowrap}
@media(max-width:900px){.expense-add-filter-btn{margin-left:0}}

/* v0.61 — profit economics, advertising intelligence, prices, search and news */
.section-tabs{display:inline-flex;align-items:center;gap:4px;margin:14px 0;padding:4px;border:1px solid #e2e6ed;border-radius:13px;background:#f7f8fb;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.section-tab{appearance:none;border:0;border-radius:9px;background:transparent;color:#687386;font:700 12px/1.2 inherit;padding:9px 14px;cursor:pointer;transition:.16s ease;white-space:nowrap}
.section-tab:hover{color:#293345;background:#fff}.section-tab.active{color:#4038a8;background:#fff;box-shadow:0 2px 8px rgba(39,45,66,.09)}
.ad-pane,.prices-pane,.growth-pane{display:none}.ad-pane.active,.prices-pane.active,.growth-pane.active{display:block}

.month-forecast-panel{margin:14px 0;padding:17px 18px;border:1px solid #dfe4ee;border-radius:16px;background:linear-gradient(135deg,#fbfcff 0%,#f6f4ff 100%)}
.month-forecast-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.month-forecast-head span:first-child{display:block;color:#7b8496;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.month-forecast-head h3{margin:4px 0 0;font-size:17px;color:#283142}.forecast-confidence{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #dfe4ee;color:#657085;font-size:10px;font-weight:800}.forecast-confidence.high{background:#edf9f1;border-color:#bfe4ca;color:#247444}.forecast-confidence.medium{background:#fff8e9;border-color:#eddba9;color:#8a6209}.forecast-confidence.early{background:#f1f3f8;color:#687386}
.month-forecast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.month-forecast-grid>div{padding:12px 13px;border:1px solid rgba(221,226,236,.9);border-radius:12px;background:rgba(255,255,255,.88)}.month-forecast-grid span,.month-forecast-grid small{display:block}.month-forecast-grid span{color:#737d8f;font-size:10px}.month-forecast-grid b{display:block;margin:5px 0 3px;color:#283142;font-size:20px}.month-forecast-grid small{color:#7d8797;font-size:9px}.month-forecast-grid .forecast-profit{border-color:#c9e2d2;background:#f3fbf5}.month-forecast-grid .forecast-profit b{color:#167044}.month-forecast-panel>p{margin:11px 0 0;color:#7a8495;font-size:10px;line-height:1.45}.month-forecast-empty{display:flex;align-items:center;justify-content:space-between;gap:18px}.month-forecast-empty span,.month-forecast-empty b{display:block}.month-forecast-empty span{font-size:10px;color:#798394;text-transform:uppercase;font-weight:800}.month-forecast-empty b{margin-top:4px;color:#303a4d}.month-forecast-empty p{max-width:420px;margin:0;color:#798394;font-size:10px;text-align:right}

#adPaneOverview .grid.two{align-items:stretch}.insight-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f4}.insight-row:last-child{border-bottom:0}.insight-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:#eef1f7;color:#596477;font-size:11px;font-weight:900}.insight-icon.bad{background:#fff0ef;color:#b42318}.insight-icon.warn{background:#fff7e7;color:#8a5d08}.insight-icon.good{background:#edf9f1;color:#167044}.insight-row b,.insight-row span{display:block}.insight-row b{font-size:11px;color:#30394a}.insight-row div>span{margin-top:3px;color:#7b8494;font-size:10px;line-height:1.4}.cluster-toolbar,.search-query-toolbar{margin-bottom:10px}.cluster-recommendation{display:block;max-width:330px;color:#5d6678;font-size:10px;line-height:1.4}.ad-clusters-table td:first-child{min-width:240px}

.price-sync-btn{background:#0e8f84!important;border-color:#0e8f84!important;color:#fff!important}.price-sync-btn:hover{background:#087b72!important}.prices-filter-panel{margin-bottom:8px}.data-freshness{margin:8px 0;color:#7a8495;font-size:10px;text-align:right}.prices-table .pill,.promotions-table .pill{white-space:nowrap}.modal-section-head{padding-right:38px;margin-bottom:14px}.modal-section-head h2{margin:4px 0 5px;font-size:20px;color:#273142}.modal-section-head p{margin:0;color:#7a8494;font-size:11px}.promotion-products-modal-card{max-width:min(1180px,94vw)}

.search-query-toolbar .filters{align-items:end}.search-query-toolbar label{min-width:min(520px,60vw)}.search-query-toolbar select{width:100%}.search-queries-table td:first-child{min-width:260px}

.news-modal-card{max-width:min(820px,92vw)}.news-detail-head{padding-right:40px}.news-detail-head h2{margin:10px 0 6px;font-size:22px;line-height:1.25;color:#263143}.news-detail-head p{margin:0;color:#7b8495;font-size:10px}.news-impact-card{margin:17px 0;padding:14px 15px;border:1px solid #dcdff4;border-radius:13px;background:#f7f6ff}.news-impact-card b{display:block;color:#4338a8;font-size:11px}.news-impact-card p{margin:6px 0 0;color:#5e6779;font-size:11px;line-height:1.5}.news-content{max-height:56vh;overflow:auto;padding-right:5px;color:#3f495b;font-size:12px;line-height:1.65;white-space:normal}

.products-wide-table .positive,.advertising-products-table .positive,.search-queries-table .positive{color:#167044}.products-wide-table .negative,.advertising-products-table .negative,.search-queries-table .negative{color:#b42318}

@media(max-width:900px){.section-tabs{max-width:100%;overflow:auto}.month-forecast-grid{grid-template-columns:1fr}.month-forecast-head,.month-forecast-empty{align-items:flex-start;flex-direction:column}.month-forecast-empty p{text-align:left}.search-query-toolbar label{min-width:0;width:100%}}

/* v0.61 search position trend */
.search-position-cell{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.search-position-cell span{font-size:11px;color:var(--muted);font-weight:600}

/* v0.62 — compact advertising workspace and graceful API access states */
.ad-workspace{display:none}.ad-workspace.active{display:block}
.ad-products-jump{margin-left:auto;background:linear-gradient(135deg,#6557e8,#5142ca)!important;border-color:#5142ca!important;color:#fff!important;box-shadow:0 9px 22px rgba(81,66,202,.2)}
.ad-products-jump:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(81,66,202,.25)}
.ad-overview-panel{position:relative;margin-top:10px;margin-bottom:12px}.ad-overview-head{align-items:flex-start}.ad-attention-wrap{position:relative;margin-left:auto}.ad-attention-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 9px;border:1px solid #e3e7ee;border-radius:11px;background:#fff;color:#596477;cursor:pointer;box-shadow:0 4px 14px rgba(21,34,55,.05)}
.ad-attention-chip>span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#eef1f6;color:#667085;font-weight:900}.ad-attention-chip b{font-size:10.5px}.ad-attention-chip em{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef1f6;color:#596477;font-style:normal;font-size:10px;font-weight:900;display:grid;place-items:center}
.ad-attention-chip.has-alerts{border-color:#f7d8a5;background:#fffaf2;color:#8a5d08}.ad-attention-chip.has-alerts>span,.ad-attention-chip.has-alerts em{background:#fff0cf;color:#a15c00}
.ad-attention-popover{display:none;position:absolute;right:0;top:42px;z-index:30;width:min(390px,80vw);max-height:360px;overflow:auto;padding:8px 14px;background:#fff;border:1px solid #e3e7ee;border-radius:15px;box-shadow:0 22px 55px rgba(22,31,50,.16)}.ad-attention-popover.open{display:block}
.ad-campaigns-panel>.panel-head{padding:2px 2px 12px}.ad-campaign-open{width:100%;min-width:210px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.ad-campaign-open b,.ad-campaign-open span{display:block}.ad-campaign-open b{color:#2f394a;font-size:11.5px}.ad-campaign-open span{margin-top:3px;color:#7b8494;font-size:9.5px}.ad-campaign-open:hover b{color:#5142ca;text-decoration:underline;text-underline-offset:3px}
.ad-products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;padding:17px 19px}.ad-products-toolbar h2{margin:3px 0 4px;font-size:19px;color:#273142}.ad-products-toolbar p{margin:0;color:#7a8494;font-size:10.5px}
.ad-campaign-modal-card{max-width:min(1240px,95vw)}.ad-campaign-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ad-cluster-refresh{margin-right:4px;white-space:nowrap;background:#0e8f84!important;border-color:#0e8f84!important;color:#fff!important}.ad-campaign-cards{margin:4px 0 12px}
.api-access-note{display:flex;flex-direction:column;gap:4px;margin:8px 0;padding:11px 13px;border:1px solid #dfe4ec;border-radius:12px;background:#f8fafc;color:#596477}.api-access-note b{color:#344054;font-size:11px}.api-access-note span{font-size:10px;line-height:1.45}.market-sync-warnings{padding:7px 2px}
@media(max-width:780px){.ad-products-jump{width:100%;margin-left:0}.ad-overview-head,.ad-products-toolbar,.ad-campaign-modal-head{align-items:stretch;flex-direction:column}.ad-attention-wrap{margin-left:0;align-self:flex-end}.ad-attention-popover{right:auto;left:0;width:min(360px,86vw)}}


/* v0.63-ui1 — unified product shell, typography and mobile navigation */
:root{
  --bg:#f6f7fb;
  --panel:#ffffff;
  --text:#1d2939;
  --muted:#667085;
  --line:#e4e7ec;
  --line-strong:#d0d5dd;
  --brand:#5b4ce6;
  --brand-hover:#493ac7;
  --brand-soft:#f1efff;
  --good:#067647;
  --warn:#b54708;
  --bad:#b42318;
  --info:#175cd3;
  --radius-control:10px;
  --radius-card:14px;
  --radius-dialog:18px;
  --shadow-card:0 1px 2px rgba(16,24,40,.03),0 6px 18px rgba(16,24,40,.035);
}
html{font-size:15px}
body{background:var(--bg);color:var(--text);font-family:"Manrope","Segoe UI",Arial,sans-serif;letter-spacing:-.008em}
body::before,body::after{display:none}
.landing-nav{flex-direction:row!important}

.sidebar{width:264px;padding:18px 14px 14px;background:#101828;border-right:1px solid #1d2939;box-shadow:none;gap:12px}
.main{margin-left:264px;max-width:none;padding:20px 26px 40px}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px 4px}
.sidebar-brand-row .brand{min-width:0}.sidebar-brand-row .brand h1{font-size:16px}.sidebar-brand-row .brand p{font-size:11px;color:#98a2b3}
.sidebar .logo{width:40px;height:40px;border-radius:11px;box-shadow:none}
.sidebar-close,.mobile-nav-toggle{display:none}
.app-nav{gap:3px;padding:0 2px 14px}
.nav-group-label{padding:12px 10px 5px;color:#667085;font-size:9px;letter-spacing:.14em}
.nav{min-height:40px;padding:7px 9px;border-radius:9px;color:#c7cdd8;font-size:12.5px;font-weight:650;gap:9px;transform:none!important}
.nav:hover{background:#1d2939;color:#fff}
.nav.active{background:#252f47;box-shadow:none;color:#fff}
.nav.active::before{left:-2px;top:8px;bottom:8px;width:3px;background:#8b7cff}
.nav-icon{width:26px;height:26px;border-radius:7px;background:transparent;color:#98a2b3}
.nav.active .nav-icon{background:#39345f;color:#c9c5ff}
.nav-new{display:none!important}
.license{margin:0 3px;padding:10px 11px;border-radius:10px;background:#1d2939;border:1px solid #344054;font-size:11.5px}

.topbar{position:sticky;top:0;z-index:40;margin:-20px -26px 18px;padding:15px 26px 13px;background:rgba(246,247,251,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:none}
.topbar-heading{gap:1px}.page-eyebrow{display:none}
.topbar h2{font-size:25px;line-height:1.2;color:var(--text)}
.topbar p{font-size:12.5px;color:var(--muted);max-width:720px}
.top-actions{gap:8px}
.workspace-select{min-width:210px}.workspace-select>span{display:flex!important;justify-content:space-between;align-items:center;gap:8px;font-size:11px!important}.workspace-select small{font-size:9.5px;color:#98a2b3;font-weight:600}
.workspace-select select{min-width:210px;background:#fff;border-color:var(--line-strong)}
.notification-bell,.topbar-logout{background:#fff!important;border:1px solid var(--line)!important;color:#475467!important;box-shadow:none!important}
.topbar-logout:hover,.notification-bell:hover{border-color:#b8b2ef!important;color:var(--brand)!important}

.card,.panel{border-color:var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.card:hover,.panel:hover{transform:none;box-shadow:var(--shadow-card);border-color:var(--line)}
.metric-card{min-height:118px;padding:15px}.metric-card .label{font-size:12.5px;color:#667085}.metric-card .value{font-size:23px}.metric-icon{background:#f4f3ff;color:var(--brand)}
.panel{padding:16px}.panel-head h3{font-size:15px}
.small-muted{font-size:12.5px;color:#667085;line-height:1.45}
.filters{gap:10px;margin-bottom:14px}.filters label,.modal label{font-size:12px;color:#667085;font-weight:650}
input,select{min-height:40px;border-radius:var(--radius-control);border-color:var(--line-strong);font-size:13px}
.btn{min-height:40px;border-radius:var(--radius-control);background:var(--brand);padding:10px 15px;box-shadow:none;font-size:13px}
.btn:hover{background:var(--brand-hover);filter:none;transform:none}
.btn.secondary{background:#fff;color:#475467;border:1px solid var(--line-strong)}
.btn.secondary:hover{background:#f9fafb;color:var(--brand);border-color:#b8b2ef}
table{font-size:13px}th,td{padding:10px 11px}th{background:#f9fafb;color:#475467}
.local-cabinet-filter{display:none!important}

.summary-mode-switcher{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}
.summary-mode-heading{display:none}
.summary-mode-tabs{display:flex;gap:6px;width:auto}
.summary-mode-tab{min-height:44px;padding:7px 11px;border-radius:9px;border:1px solid transparent;background:transparent;box-shadow:none}
.summary-mode-tab>span:last-child{gap:1px}.summary-mode-tab b{font-size:12.5px}.summary-mode-tab small{font-size:10px;white-space:nowrap}
.summary-mode-tab.active{background:var(--brand-soft);border-color:#d9d5ff;color:#4138b5}
.summary-mode-icon{width:26px;height:26px;border-radius:8px}
.summary-main-cards{grid-template-columns:repeat(4,minmax(190px,1fr));gap:11px}
.summary-data-trust{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;margin:-2px 0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-card)}
.summary-trust-title{display:flex;align-items:center;gap:10px;min-width:215px}.summary-trust-title>div{display:flex;flex-direction:column;gap:2px}.summary-trust-title b{font-size:12.5px}.summary-trust-title small{font-size:10px;color:#667085}
.summary-trust-items{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;flex:1}.summary-trust-items>span{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-left:1px solid var(--line)}.summary-trust-items small{font-size:9.5px;color:#98a2b3}.summary-trust-items b{font-size:11.5px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-trust-items .is-good b{color:var(--good)}.summary-trust-items .is-warn b{color:var(--warn)}
.status-dot{background:#12b76a}.status-dot.off{background:#f79009}

.auth-card{border-radius:20px}.auth-card>h2{font-size:22px}.auth-form{gap:11px}.auth-field{display:flex;flex-direction:column;gap:6px;color:#475467;font-size:12px;font-weight:700}.auth-field input{width:100%}.auth-field .password-row{width:100%}.auth-field .password-row input{flex:1}

@media(max-width:1200px){
  .summary-main-cards{grid-template-columns:repeat(2,minmax(190px,1fr))}
  .summary-data-trust{align-items:flex-start;flex-direction:column}.summary-trust-items{width:100%}
}
@media(max-width:900px){
  .sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(310px,88vw);z-index:1200;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 50px rgba(16,24,40,.24)}
  body.mobile-nav-open{overflow:hidden}body.mobile-nav-open .sidebar{transform:translateX(0)}
  .sidebar-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #344054;border-radius:9px;background:#1d2939;color:#fff;font-size:23px;cursor:pointer}
  .sidebar-backdrop{position:fixed;inset:0;z-index:1150;background:rgba(16,24,40,.48);opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.mobile-nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .main{margin-left:0;padding:16px 18px 32px}
  .topbar{margin:-16px -18px 16px;padding:12px 18px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
  .mobile-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
  .mobile-nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#344054}
  .top-actions{grid-column:1/-1;width:100%;justify-content:flex-end}.workspace-select{flex:1;min-width:0}.workspace-select select{width:100%;min-width:0}
  .topbar-heading{min-width:0}.topbar h2{font-size:21px}.topbar p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .summary-mode-switcher{align-items:stretch}.summary-mode-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-mode-tab small{white-space:normal}
  .summary-trust-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .main{padding:14px 12px 28px}.topbar{margin:-14px -12px 14px;padding:11px 12px}
  .top-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.notification-bell{grid-column:1}.workspace-select{grid-column:2}.topbar-logout{grid-column:3}
  .workspace-select>span small{display:none}.topbar-logout span{display:none}
  .summary-main-cards,.cards{grid-template-columns:1fr!important}.summary-mode-tabs{grid-template-columns:1fr}.summary-mode-tab{justify-content:flex-start;text-align:left}
  .summary-data-trust{padding:11px}.summary-trust-items{grid-template-columns:1fr}.summary-trust-items>span{border-left:0;border-top:1px solid var(--line)}
  .filters{align-items:stretch}.filters>label,.filters>.range-field,.filters>.orders-search{width:100%}.filters input,.filters select,.filters .range-trigger{width:100%}.filters>.btn{flex:1}
  .quick-periods{grid-template-columns:repeat(2,1fr)}
}


/* v0.63-ui2 — рабочие таблицы и управленческие статусы */
.table-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.table-result-meta{color:var(--muted);font-size:13px}.table-result-meta b{color:var(--text);font-size:14px}.compact-btn{min-height:34px;padding:7px 12px;font-size:13px}.compact-sync-strip{display:flex!important;margin-top:10px}.product-economy-cards,.costs-coverage-cards{margin:14px 0}.product-table-actions{flex-wrap:wrap}.product-table-actions .view-switcher{margin-left:auto}.compact-view-switcher{padding:3px}.compact-view-switcher .view-switch{min-height:32px;padding:6px 11px;font-size:12px}.products-key-table table{min-width:1450px}.products-key-table th:first-child,.products-key-table td:first-child{min-width:270px}.stocks-modern-table .pill,.products-key-table .pill,.costs-modern-table .pill{white-space:nowrap}.costs-result-meta{margin:10px 0 12px}.cost-product-cell{display:flex;flex-direction:column;gap:3px;min-width:250px}.cost-product-cell span{color:var(--muted);font-size:12px}.product-decision-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.decision-item{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.decision-item span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.decision-item b{font-size:14px}.decision-item.good{border-color:rgba(31,145,97,.28);background:rgba(31,145,97,.06)}.decision-item.warn{border-color:rgba(194,126,16,.3);background:rgba(194,126,16,.07)}.decision-item.bad{border-color:rgba(201,64,64,.3);background:rgba(201,64,64,.06)}.decision-item.neutral{background:var(--soft)}
@media(max-width:900px){.table-action-bar{align-items:stretch;flex-direction:column}.product-table-actions .view-switcher{margin-left:0;width:100%}.product-table-actions .view-switch{flex:1}.product-decision-strip{grid-template-columns:1fr}.product-economy-cards,.costs-coverage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-economy-cards,.costs-coverage-cards{grid-template-columns:1fr}.table-action-bar .btn{width:100%}}


/* v0.63-ui3 — operational and marketing management layer */
.table-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.inline-management-filter{margin:0}.inline-management-filter label{min-width:210px}
.compact-management-cards{margin:0 0 14px}
.decision-text{display:inline-block;max-width:230px;font-size:12px;line-height:1.35;color:var(--muted)}
.decision-text.bad{color:var(--bad);font-weight:700}.decision-text.warn{color:#9a6700;font-weight:650}.decision-text.good{color:var(--good);font-weight:650}.decision-text.info{color:var(--brand);font-weight:650}
.cell-subtext{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.planning-action-bar{align-items:center}
@media(max-width:800px){.table-action-buttons{width:100%;justify-content:stretch}.table-action-buttons .btn{flex:1 1 180px}.inline-management-filter{width:100%}.inline-management-filter label{width:100%}.decision-text{max-width:180px}}

/* v0.63-ui4 — finance controls, data quality and final responsive pass */
.finance-management-toolbar{padding:14px 16px;margin-bottom:12px}.finance-management-toolbar .filters{margin:0;align-items:end}.finance-search-field{min-width:240px;flex:1}.finance-search-field input{width:100%}
.reports-filters>label:not(.finance-search-field),.expenses-filters>label:not(.finance-search-field){min-width:180px}.report-source-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-source-note small{color:var(--muted)}.payout-date{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:145px}.reports-finance-table{min-width:1500px}.reports-overview{margin-bottom:12px}
.expense-category-panel{margin:0 0 12px}.expense-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.expense-category-row{display:flex;flex-direction:column;gap:7px}.expense-category-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.expense-category-row>div:first-child b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-category-row>div:first-child span{color:var(--muted);white-space:nowrap}.expense-category-track{height:7px;border-radius:999px;background:var(--soft);overflow:hidden}.expense-category-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#8b7ff0)}
.control-overview-panel{margin-bottom:12px}.control-readiness{display:grid;grid-template-columns:minmax(190px,auto) minmax(180px,1fr);align-items:center;gap:14px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.control-readiness-copy{display:flex;flex-direction:column;gap:2px}.control-readiness-copy span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.control-readiness-copy b{font-size:15px}.control-readiness-track,.settings-progress-track{height:9px;border-radius:999px;background:#e7e9f0;overflow:hidden}.control-readiness-track span,.settings-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#22a06b);transition:width .25s ease}.control-filters{margin:2px 0 12px}.control-filters>label:not(.finance-search-field){min-width:170px}.control-modern-table{min-width:1120px}
.settings-readiness-panel{max-width:1180px;margin-bottom:16px}.settings-progress-row{display:grid;grid-template-columns:180px minmax(220px,1fr);align-items:center;gap:16px;margin:4px 0 14px}.settings-progress-row>div:first-child{display:flex;align-items:baseline;gap:7px}.settings-progress-row b{font-size:20px}.settings-progress-row span{font-size:12px;color:var(--muted)}.settings-checklist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.settings-check{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;position:relative;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.settings-check-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.settings-check.is-ready{background:#f4fbf7;border-color:#bfe4d0}.settings-check.is-ready .settings-check-icon{background:#dff4e8;color:#087443}.settings-check.is-pending{background:#fffaf2;border-color:#f1d6aa}.settings-check.is-pending .settings-check-icon{background:#ffedcc;color:#a15c06}.settings-check b{display:block;font-size:12px}.settings-check p{margin:3px 0 0;font-size:10.5px;line-height:1.35;color:var(--muted)}.settings-check small{position:absolute;right:9px;top:8px;font-size:9px;color:#98a2b3}

@media(max-width:1100px){
  .settings-checklist{grid-template-columns:repeat(3,minmax(0,1fr))}
  .expense-category-list{grid-template-columns:1fr}
}
@media(max-width:900px){
  .finance-management-toolbar .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
  .finance-management-toolbar .filters>label,.finance-management-toolbar .filters>.range-field,.finance-management-toolbar .filters>.btn{width:100%;min-width:0}
  .finance-management-toolbar .filters>.btn{align-self:end}
  .report-source-note{align-items:flex-start;flex-direction:column}
  .control-readiness{grid-template-columns:1fr}.settings-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-progress-row{grid-template-columns:1fr}
  .settings-readiness-panel .panel-head{align-items:flex-start;flex-direction:column}.settings-readiness-panel .panel-head .btn{width:100%}
  .settings-main .form-grid{grid-template-columns:1fr!important}.settings-main .profile-form input:first-child{grid-column:auto}.settings-main .password-row{width:100%}
  .reports-finance-table,.control-modern-table{min-width:1080px}
}
@media(max-width:620px){
  .finance-management-toolbar{padding:12px}.finance-management-toolbar .filters{grid-template-columns:1fr}.finance-management-toolbar .filters>.btn{width:100%}
  #reportsCards,#controlCards{grid-template-columns:1fr}
  .expense-category-row>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}
  .control-overview-panel .panel-head{align-items:flex-start;flex-direction:column}.control-overview-panel .panel-head .btn{width:100%}
  .settings-checklist{grid-template-columns:1fr}.settings-check{padding-right:42px}
  .settings-main .step-panel{padding:16px}.settings-main .step-head{gap:8px}.settings-main .cabinet-actions{width:100%;display:grid;grid-template-columns:1fr}.settings-main .cabinet-actions .btn{width:100%}
  .settings-main .api-form .btn,.settings-main .profile-form .btn,.settings-main .password-change-form .btn{width:100%}
  .payout-date{align-items:flex-start}
}

/* v0.63-ui5 — final product polish, readable typography and corrected workspaces */
:root{
  --ui-text:#1f2937;
  --ui-muted:#5f6b7a;
  --ui-subtle:#7c8798;
  --ui-border:#e2e6ed;
  --ui-border-strong:#cfd5df;
  --ui-panel-shadow:0 1px 2px rgba(16,24,40,.025),0 5px 16px rgba(16,24,40,.03);
}
html{font-size:16px}
body{
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
  color:var(--ui-text);
  letter-spacing:0!important;
  font-size:14px;
  line-height:1.48;
}
.topbar h2{font-size:28px;line-height:1.18;letter-spacing:-.02em}
.topbar p{font-size:13.5px;line-height:1.45;color:var(--ui-muted)}
.nav{font-size:13px;min-height:42px}
.nav-group-label{font-size:10px}
.panel,.card{border-color:var(--ui-border);box-shadow:var(--ui-panel-shadow)}
.panel{padding:18px;border-radius:14px;margin-bottom:18px}
.panel .panel{box-shadow:none}
.panel h3,.panel-head h3{font-size:16.5px;line-height:1.3;letter-spacing:-.01em}
.panel-head{gap:14px}
.small-muted{font-size:13px;line-height:1.5;color:var(--ui-muted)}
.filters{gap:10px 12px;margin-bottom:14px}
.filters label,.modal label{font-size:13px;line-height:1.35;color:var(--ui-muted);font-weight:650}
input,select,.range-trigger{min-height:42px;font-size:14px;border-color:var(--ui-border-strong);padding:10px 12px}
input::placeholder{color:#8a94a3}
.btn{min-height:40px;padding:9px 15px;border-radius:10px;font-size:14px;font-weight:700;line-height:1.2}
.btn.secondary{background:#fff;color:#485467;border:1px solid var(--ui-border-strong)}
.btn.secondary:hover{background:#f8f9fb;color:var(--brand)}
.btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important}
.compact-btn{min-height:36px;padding:7px 12px;font-size:13.5px}
.metric-card{min-height:116px;padding:16px}
.metric-card .label,.card .label{font-size:13px;color:var(--ui-muted)}
.metric-card .value,.card .value{font-variant-numeric:tabular-nums;font-size:24px;letter-spacing:-.025em}
.metric-card:not(.good):not(.warn):not(.bad):not(.info){background:#fff}
.table-result-meta{font-size:13.5px;color:var(--ui-muted)}
table{font-size:13.5px;font-variant-numeric:tabular-nums}
th{font-size:12.5px!important;line-height:1.25!important;color:#465266!important;background:#f8f9fb!important;padding:11px 12px!important}
td{font-size:13.5px!important;line-height:1.42!important;padding:11px 12px!important;height:46px;color:#273142}
td.num,th.num{text-align:right!important}
.smart-table-toolbar{min-height:44px;padding:6px 8px;gap:8px;background:#fbfcfd;border-color:var(--ui-border)}
.smart-table-toolbar-note{display:none!important}
.table-view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--ui-border);border-radius:10px;background:#fff}
.table-view-switch button{border:0;border-radius:7px;background:transparent;color:#657184;padding:7px 10px;font:700 12.5px/1.1 inherit;cursor:pointer}
.table-view-switch button.active{background:var(--brand-soft);color:#463bbd}
.table-column-help{position:relative;margin-left:auto}
.table-column-help>summary{list-style:none;cursor:pointer;border:1px solid var(--ui-border-strong);border-radius:9px;background:#fff;color:#536074;padding:8px 11px;font-size:12.5px;font-weight:700}
.table-column-help>summary::-webkit-details-marker{display:none}
.table-column-help>div{position:absolute;right:0;top:42px;z-index:25;width:260px;padding:12px;border:1px solid var(--ui-border);border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.12);display:grid;gap:10px;color:var(--ui-muted);font-size:12px}
.table-reset-columns{min-height:34px;border:1px solid var(--ui-border-strong);border-radius:8px;background:#fff;color:#4d596b;font:700 12px/1 inherit;cursor:pointer}
table.table-view-basic [data-basic="0"]{display:none!important}
.smart-scroll-table>table,.table-wrap>table{min-width:100%}
.reports-finance-table{min-width:1120px!important}
.control-modern-table{min-width:980px!important}
.reports-modern-table th:first-child,.reports-modern-table td:first-child,
.costs-modern-table th:first-child,.costs-modern-table td:first-child,
.expenses-modern-table th:first-child,.expenses-modern-table td:first-child{
  position:sticky;left:0;z-index:3;background:#fff;
}
.reports-modern-table th:first-child,.costs-modern-table th:first-child,.expenses-modern-table th:first-child{z-index:5;background:#f8f9fb!important}
.reports-modern-table th[data-column-id="actions"],.reports-modern-table td[data-column-id="actions"],
.expenses-modern-table th:last-child,.expenses-modern-table td:last-child,
.costs-modern-table th:last-child,.costs-modern-table td:last-child{
  position:sticky;right:0;z-index:3;background:#fff;
}
.reports-modern-table th[data-column-id="actions"],.expenses-modern-table th:last-child,.costs-modern-table th:last-child{z-index:5;background:#f8f9fb!important}
.advanced-filters{margin-top:10px;border-top:1px solid var(--ui-border);padding-top:9px}
.advanced-filters>summary{cursor:pointer;color:#596579;font-size:12.5px;font-weight:700}
.advanced-filters .filters{margin:10px 0 0}
.report-source-note{max-width:760px;justify-content:flex-end;text-align:right}
.report-source-note small{font-size:12.5px;line-height:1.45}
#reportsCards{grid-template-columns:repeat(5,minmax(175px,1fr))}

/* Expenses: the form is now a correctly sized dialog, not a squeezed left column. */
.expenses-list-full{width:100%;min-width:0}
.expense-modal-card{width:min(590px,calc(100vw - 28px));padding:24px}
.expense-modal-grid{grid-template-columns:1fr 1fr;gap:13px}
.expense-modal-grid .expense-comment-field{grid-column:1/-1}
.expense-modal-grid input,.expense-modal-grid select{width:100%}
.expense-modal-toggles{margin-top:4px}
.expense-modal-card .expense-form-actions{display:flex;align-items:center;gap:12px;margin-top:4px}
.expenses-cards{grid-template-columns:repeat(4,minmax(180px,1fr))}

/* Costs: concise page hierarchy and auditable two-step import. */
.costs-coverage-cards{grid-template-columns:repeat(3,minmax(190px,1fr))}
.cost-import-steps{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}
.cost-import-steps span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--ui-border);border-radius:999px;background:#fff;color:var(--ui-muted);font-size:12.5px}
.cost-import-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:12px}
.cost-import-controls{align-items:end}
.file-field input{max-width:300px;padding:7px;background:#fff}
.cost-import-result{margin-top:12px}
.cost-import-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin:10px 0}
.cost-import-summary>div{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid var(--ui-border);border-radius:11px;background:#fff}
.cost-import-summary span{font-size:11.5px;color:var(--ui-muted)}
.cost-import-summary b{font-size:19px;font-variant-numeric:tabular-nums}
.cost-import-summary .good{border-color:#b9dfcc;background:#f5fbf7}.cost-import-summary .bad{border-color:#efc4c1;background:#fff7f6}.cost-import-summary .warn{border-color:#efd3a8;background:#fffaf2}
.cost-import-issues{margin-top:12px}.cost-import-issues h4{margin:0 0 8px;font-size:14px}.cost-import-issues table{min-width:780px}.cost-import-issues td small{display:block;color:var(--ui-muted);margin-top:2px}

/* Data quality and settings are visually lighter and only contain data-readiness tasks. */
.control-readiness-copy span{font-size:12px}
.settings-readiness-panel .section-kicker{font-size:11px}
.settings-main .step-panel{box-shadow:none;border-color:var(--ui-border);padding:18px}
.settings-main .step-number{box-shadow:none}
.settings-check b{font-size:13px}.settings-check p{font-size:12px;line-height:1.4}.settings-check small{font-size:10px}

@media(max-width:1250px){
  #reportsCards{grid-template-columns:repeat(3,minmax(180px,1fr))}
}
@media(max-width:900px){
  .topbar h2{font-size:24px}
  #reportsCards,.expenses-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-source-note{align-items:flex-start;text-align:left}
  .table-column-help{margin-left:0}
}
@media(max-width:620px){
  body{font-size:14px}
  .topbar h2{font-size:22px}
  .panel{padding:15px;border-radius:13px}
  .btn{min-height:44px;width:100%}
  input,select,.range-trigger{min-height:44px}
  #reportsCards,.expenses-cards,.costs-coverage-cards,.cost-import-summary{grid-template-columns:1fr!important}
  .expense-modal-card{padding:20px 16px}.expense-modal-grid{grid-template-columns:1fr}.expense-modal-grid .expense-comment-field{grid-column:auto}
  .expense-modal-card .expense-form-actions{align-items:stretch;flex-direction:column}
  .smart-table-toolbar{align-items:stretch;flex-wrap:wrap}.table-view-switch{width:100%}.table-view-switch button{flex:1}.table-column-help{flex:1}.table-column-help>summary{text-align:center}.table-scroll-actions{margin-left:auto}
  .reports-modern-table,.expenses-modern-table,.costs-modern-table,.control-modern-table{min-width:0!important;width:100%!important}
  .reports-modern-table thead,.expenses-modern-table thead,.costs-modern-table thead,.control-modern-table thead{display:none}
  .reports-modern-table tbody,.expenses-modern-table tbody,.costs-modern-table tbody,.control-modern-table tbody{display:grid;gap:10px}
  .reports-modern-table tr,.expenses-modern-table tr,.costs-modern-table tr,.control-modern-table tr{display:grid;padding:12px;border:1px solid var(--ui-border);border-radius:12px;background:#fff}
  .reports-modern-table td,.expenses-modern-table td,.costs-modern-table td,.control-modern-table td{display:grid!important;grid-template-columns:minmax(115px,.8fr) minmax(0,1.2fr);align-items:start;gap:10px;width:auto!important;min-width:0!important;height:auto;border-bottom:1px solid #eef0f4;white-space:normal;position:static!important;background:transparent!important;text-align:left!important}
  .reports-modern-table td:last-child,.expenses-modern-table td:last-child,.costs-modern-table td:last-child,.control-modern-table td:last-child{border-bottom:0}
  .reports-modern-table td:before,.expenses-modern-table td:before,.costs-modern-table td:before,.control-modern-table td:before{content:attr(data-label);color:var(--ui-muted);font-size:11.5px;font-weight:700}
  .reports-modern-table td[data-label=""],.expenses-modern-table td[data-label=""],.costs-modern-table td[data-label=""]{grid-template-columns:1fr}
  .reports-modern-table td[data-label=""]:before,.expenses-modern-table td[data-label=""]:before,.costs-modern-table td[data-label=""]:before{display:none}
  .reports-modern-table .btn,.costs-modern-table .btn{width:100%}
}


/* v0.64-team */
.permission-hidden,.permission-unavailable{display:none!important}
.team-hero-panel{overflow:hidden}.team-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.team-security-note{margin-top:16px;display:flex;gap:6px;align-items:flex-start}.team-table .row-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-outline{background:#fff!important;border-color:#f2b8b5!important;color:#b42318!important}.danger-outline:hover{background:#fff5f4!important}.team-person-cell{display:flex;flex-direction:column;gap:3px;min-width:190px}.team-person-cell span,.team-person-cell small{color:var(--muted);font-size:12px}.team-person-cell small{color:var(--brand);font-weight:700}.team-access-modal-card{width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto}.team-person-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.team-person-grid label,.invite-accept-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.team-access-section{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}.team-access-section.sensitive{background:#fffaf2;border-color:#f3d9a5}.team-access-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.team-access-section-head>div:first-child{display:flex;flex-direction:column;gap:4px}.team-access-section-head b{font-size:15px}.team-access-section-head span{font-size:12.5px;color:var(--muted);font-weight:500}.team-group-actions{display:flex;gap:8px}.team-master-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;white-space:nowrap}.team-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-permission-item{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.team-permission-item>input{position:absolute;opacity:0;pointer-events:none}.team-permission-switch{width:36px;height:21px;border-radius:999px;background:#d0d5dd;position:relative;margin-top:1px;transition:.18s}.team-permission-switch:after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.25);transition:.18s}.team-permission-item input:checked+.team-permission-switch{background:var(--brand)}.team-permission-item input:checked+.team-permission-switch:after{transform:translateX(15px)}.team-permission-item>span:last-child{display:flex;flex-direction:column;gap:4px}.team-permission-item b{font-size:13px}.team-permission-item small{font-size:11.5px;color:var(--muted);line-height:1.4}.team-cabinet-permissions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-cabinet-item{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.team-cabinet-item input{margin-top:3px}.team-cabinet-item span{display:flex;flex-direction:column;gap:3px}.team-cabinet-item b{font-size:13px}.team-cabinet-item small{font-size:11.5px;color:var(--muted)}.team-modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.team-modal-actions>div{flex:1 1 100%}.team-invite-result{margin-top:18px;padding:15px;border-radius:13px;background:#ecfdf3;border:1px solid #abefc6;display:flex;flex-direction:column;gap:6px}.team-invite-result[hidden]{display:none}.team-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:6px}.team-link-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.team-audit-list{display:flex;flex-direction:column}.team-audit-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.team-audit-row:last-child{border-bottom:0}.team-audit-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:var(--brand);font-weight:800}.team-audit-row>div{display:flex;flex-direction:column;gap:3px}.team-audit-row b{font-size:13px}.team-audit-row div span,.team-audit-row time{font-size:11.5px;color:var(--muted)}.invite-accept-modal{z-index:1200}.invite-accept-card{width:min(500px,calc(100vw - 28px));display:flex;flex-direction:column;gap:13px}.invite-accept-card #inviteAcceptForm{display:flex;flex-direction:column;gap:12px}.invite-accept-card #inviteAcceptForm[hidden]{display:none}
@media(max-width:980px){.team-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.team-cabinet-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.team-person-grid,.team-permission-grid,.team-cabinet-permissions{grid-template-columns:1fr}.team-access-section-head{flex-direction:column}.team-group-actions{width:100%}.team-group-actions .btn{flex:1}.team-master-toggle{white-space:normal}.team-link-row{grid-template-columns:1fr}.team-kpis{grid-template-columns:1fr 1fr}.team-audit-row{grid-template-columns:30px 1fr}.team-audit-row time{grid-column:2}.team-modal-actions>.btn{flex:1}.team-table .row-actions{flex-direction:column}.team-table .row-actions .btn{width:100%}}
@media(max-width:430px){.team-kpis{grid-template-columns:1fr}.team-access-section{padding:13px}.team-access-modal-card{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}}