/* IXRU v0.80-rc2-candidate9c137-css-consolidation-p31 — consolidated CSS bundle.
   Generated from 41 active sources: one pruned legacy runtime base plus canonical structured layers.
   The 82 frozen legacy source files remain outside the active cascade and are verified separately. */

/* ===== BEGIN SOURCE 01: styles/generated/legacy-base-pruned.css ===== */
/* IXRU generated legacy runtime base — v0.80-rc2-candidate9c107-filter-legacy-prune-phase1
   Frozen source files remain untouched; declarations owned by canonical filters, KPI components, smart-table toolbar layout, shared table shell/body, header geometry/semantics, table column interactions/pagination and smart-table toolbar visuals and Data Quality / Financial Reports / Planning / Supplies / Stocks table overrides plus the Expenses structure and table-specific blocks are pruned at build time. */

/* ===== FROZEN SOURCE 01: styles/legacy/design-tokens.css ===== */
/* IXRU design-token foundation. Existing CSS layers remain compatible. */
:root {
  --ixru-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ixru-color-text: #17131f;
  --ixru-color-muted: #6f687a;
  --ixru-color-surface: #ffffff;
  --ixru-color-canvas: #f7f5fa;
  --ixru-color-border: #e7e1ec;
  --ixru-color-accent: #6f3cff;
  --ixru-color-danger: #b42318;
  --ixru-color-warning: #9a6700;
  --ixru-color-success: #147d52;
  --ixru-radius-sm: 8px;
  --ixru-radius-md: 12px;
  --ixru-radius-lg: 18px;
  --ixru-space-1: 4px;
  --ixru-space-2: 8px;
  --ixru-space-3: 12px;
  --ixru-space-4: 16px;
  --ixru-space-5: 24px;
  --ixru-shadow-soft: 0 8px 28px rgba(37, 24, 55, .08);
}
html, body { font-family: var(--ixru-font-family); }

/* ===== FROZEN SOURCE 02: styles/legacy/styles.css ===== */
: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{padding:16px;}.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{}table{font-size:13px}th{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{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{}@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{}.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;}.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{}.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;}.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;}.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{}.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;}.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{}.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;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{position:sticky;left:0;z-index:2;min-width:260px}
.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;}.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{}.payout-date{}.payout-date span{}.reports-modern-table{}.orders-modern-table{min-width:1250px}.stocks-modern-table{min-width:1100px}.table-wrap{}.stock-main-number b,.stock-main-number{font-size:15px}.pill.info{background:#e0f2fe;color:#0369a1}.card.info{}.modern-filters select, .modern-filters input{min-height:42px}
.stocks-filters select, .stocks-filters input, .planning-filters select, .planning-filters input{}.reports-overview .panel-head{}
@media(max-width:900px){.growth-bar-row{grid-template-columns:1fr;gap:6px}.products-table-panel th:first-child{position:static}
.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{color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;}.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{min-width:250px}
.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{}.report-period span{}
.reports-finance-table th:nth-child(n+4):nth-child(-n+6), .reports-finance-table td:nth-child(n+4):nth-child(-n+6){}
.negative-soft{color:#b54708}.reports-finance-table .payout-date{}

/* 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{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.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{}
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{color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left;}
.sort-header:hover{color:#3730a3}.sort-header.active{color:#3730a3}
.sort-mark{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{
  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;
}
.card{
}
.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{padding:11px 12px}
td{padding:11px 12px}
th{
  top:0;z-index:1;
  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{border-radius:18px}
.card{}
}

/* 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;animation:metric-in .42s both cubic-bezier(.22,.75,.25,1)}
.metric-card:nth-child(2){}.metric-card:nth-child(3){}.metric-card:nth-child(4){}.metric-card:nth-child(5){}.metric-card:nth-child(6){}
@keyframes metric-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.metric-card-top{}
.metric-icon{}
.metric-icon svg{}
.metric-icon path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.metric-card .label{}
.metric-card .value{}
.metric-glow{}
.metric-card.good .metric-icon{}.metric-card.good .metric-glow{}
.metric-card.bad .metric-icon{}.metric-card.bad .metric-glow{}
.metric-card.warn .metric-icon{}.metric-card.warn .metric-glow{}
.metric-card.info .metric-icon{}.metric-card.info .metric-glow{}
.metric-card:hover .metric-icon{}
.metric-icon{}

.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{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)}
.orders-filters, .stocks-filters, .supplies-filters, .planning-filters{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{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{}
.sort-mark{border-radius:7px;background:#eef1f7;color:#98a2b3;}
.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{}}
@media(prefers-reduced-motion:reduce){.metric-card{animation:none!important}
.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;}
.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{}
.metric-icon{}
.metric-icon svg{}
.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{
  display:block!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#cbd2e2 transparent;
}
.orders-table-panel, .stocks-table-panel, .supplies-table-panel, .planning-table-panel, .modern-table-panel, .products-table-panel{
  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;
}
.reports-overview{
}
.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{}
.table-wrap::-webkit-scrollbar-thumb{}
.table-wrap::-webkit-scrollbar-track{}
.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{font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;}
.reports-modern-table{}
.reports-modern-table th, .reports-modern-table td{}
.reports-modern-table th:last-child, .reports-modern-table td:last-child{}
.report-number{font-variant-numeric:tabular-nums;white-space:nowrap;color:#344054}
.report-money{}
.report-open-btn{}
.payout-date{}
.payout-date b{}
.report-detail-head{}
.report-detail-head h3{}
.report-detail-head p{}
.report-detail-head>div>span:last-child{}
.report-metrics-cards{}
.report-section-title{}
.report-detail-table-wrap{border:1px solid var(--line);border-radius:16px;margin-top:12px;background:#fff}
.report-detail-table-wrap .report-section-title{}
.report-detail-table{}
.report-detail-table th{}
.report-detail-table td{}
.report-detail-table th:first-child{}
.report-detail-table td:first-child{}
.report-detail-table th:nth-child(2){}
.report-detail-table td:nth-child(2){}
@media(max-width:760px){
  .report-detail-head{}.reports-modern-table{}
  .report-detail-head h3{}.report-detail-table{}
}

/* v0.32 — unified weekly report breakdown */
.reports-finance-table th:last-child{}
.reports-finance-table th:last-child .table-header-label{}
.report-metrics-cards{}
.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{
  min-width:0;
}
.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{
}
.smart-table-toolbar span{}
.smart-table-toolbar span b{}
.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{
  place-items:center;
  height:22px;
  margin-left:-5px;
  border-radius:5px;
  user-select:none;
  line-height:1;
  letter-spacing:-4px;
  transition:opacity .16s ease,background .16s ease,color .16s ease;
}
th:hover .column-grip, .column-grip:focus{outline:none}
.column-grip:active{}
th.column-dragging{}
th.column-drop-before:before, th.column-drop-after:after{
}
th.column-drop-before:before{}
th.column-drop-after:after{}
.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{}
  .column-grip{}
  .smart-table-scroll-dock{bottom:7px}
}

/* Column-order-safe table details */
.products-table-panel th:first-child{min-width:0}
.products-table-panel td:first-child{min-width:0}
.products-wide-table th:first-child{min-width:0}
.products-wide-table td:first-child{min-width:0}
.products-wide-table th[data-column-id="товар"]{min-width:250px}
.products-wide-table td[data-column-id="товар"]{min-width:250px}
.reports-modern-table th, .reports-modern-table td{}
.reports-modern-table th.num, .reports-modern-table td.num{}
.reports-modern-table th[data-column-id="actions"], .reports-modern-table td[data-column-id="actions"]{}
.reports-finance-table th:not([data-column-id="actions"]) .table-header-label{}
.reports-finance-table th[data-column-id="actions"] .table-header-label{}
.report-detail-table th[data-column-id="операция"]{}
.report-detail-table td[data-column-id="операция"]{}
.report-detail-table th[data-column-id="документ"]{}
.report-detail-table td[data-column-id="документ"]{}
@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{}
.expenses-cards{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{}
.expense-toggle-grid{}
.expense-toggle-card{}
.expense-toggle-card:hover{}
.expense-toggle-card input{}
.expense-toggle-control{}
.expense-toggle-control:after{}
.expense-toggle-card input:checked+.expense-toggle-control{}
.expense-toggle-card input:checked+.expense-toggle-control:after{}
.expense-toggle-card input:focus-visible+.expense-toggle-control{}
.expense-toggle-card>span:last-child{}.expense-toggle-card b{}.expense-toggle-card small{}
.expense-tax-note{}
.expense-form-actions{}.expense-form-actions #expenseSaveMsg{}.compact-message{padding:8px 10px!important;margin:0!important}
.expenses-list-panel{}.expenses-modern-table th[data-column-id="видрасхода"], .expenses-modern-table td[data-column-id="видрасхода"]{}.expenses-modern-table th[data-column-id="комментарий"], .expenses-modern-table td[data-column-id="комментарий"]{}.expense-delete{}

@media(max-width:1180px){.expenses-page-grid{grid-template-columns:1fr}.expense-form-panel{position:static}.expenses-cards{}}
@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{}.expense-form-grid{grid-template-columns:1fr}.expense-comment-field{}.expense-form-actions{flex-direction:column}.expense-form-actions .btn{}
}


/* 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;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#cbd2e2 transparent;
}
.smart-scroll-table::-webkit-scrollbar{}
.smart-scroll-table::-webkit-scrollbar-thumb{}
.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{line-height:1.18;text-align:left}
.sort-header{line-height:1.18;text-align:left}
.table-header-text{}
.sort-header .label-with-tip{}
.table-header-label .label-with-tip{}
th.table-col-compact{width:1%;min-width:76px;max-width:118px}
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{text-align:right;justify-content:flex-end}
th.table-col-compact .table-header-label{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="товар"]{min-width:190px;max-width:260px}
.summary-products-table td[data-column-id="товар"]{min-width:190px;max-width:260px}
.summary-products-table th[data-column-id="проблема"]{min-width:145px;white-space:normal}
.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{padding-top:8px;padding-bottom:8px}
.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){width:118px}
.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{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.sort-header{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{}
.sort-mark{}
.column-grip{}

/* Basic view keeps only key columns. */
table.table-has-view-modes.table-view-basic [data-basic="0"]{display:none!important}
.smart-table-toolbar{}
.smart-table-toolbar-note{}
.smart-table-toolbar-note span{}
.smart-table-toolbar-note b{}
.table-view-switch{}
.table-view-switch button{}
.table-view-switch button.active{}
.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{}
.column-resizer:after{}
th:hover>.column-resizer:after, th.column-resizing>.column-resizer:after{}
body.is-resizing-column{}
th.column-resizing{}

/* Horizontal scrolling remains available; the first chosen column stays visible. */
.table-wrap, .report-detail-table-wrap, .smart-scroll-table{}
@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;}
  .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{}
}
@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{}.table-view-switch{order:3;}.table-view-switch button{}.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{}
.report-operation-cell>b{}
.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{}
}

/* 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{}
table[data-table-key]{min-width:100%!important}
.table-header-label{}
.sort-header{}
.table-header-text{}
.smart-table-toolbar{}
.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{}.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{overflow:hidden;line-height:1;
  letter-spacing:-3px;transition:opacity .14s ease,color .14s ease;
}
table[data-table-key] th:hover .column-grip, table[data-table-key] .column-grip:focus-visible{outline:none}
table[data-table-key] .sort-header{
}
table[data-table-key] .table-header-label{
}
table[data-table-key] .sort-header .label-with-tip{
}
table[data-table-key] .table-header-label .label-with-tip{
}
table[data-table-key] .table-header-text{
}
table[data-table-key] .sort-mark{
}
table[data-table-key] .sort-header.active .sort-mark{}
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{}
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{}

/* 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{}
@media(max-width:1100px){
  table[data-table-key] th{padding-inline:8px!important}
  .smart-table-toolbar-note span{}
  .smart-table-toolbar-note b{}
}
@media(max-width:720px){
  .cost-focus-btn{width:100%;justify-content:center}
  table[data-table-key] .column-grip{}
}


/* 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{}
.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-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{}.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{}
@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{vertical-align:middle}
.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{vertical-align:middle}
.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){min-width:230px}
.shipment-plan-table td:nth-child(1){min-width:230px}.shipment-plan-table th:nth-child(2){min-width:150px}
.shipment-plan-table td:nth-child(2){min-width:150px}.shipment-plan-table th:nth-child(3){min-width:150px}
.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{padding:6px 7px!important;white-space:normal!important}
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;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;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;}
.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{}.metric-card .value{}.metric-icon{}
.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{padding:10px 11px}
td{padding:10px 11px}th{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{min-width:270px}
.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{}}
@media(max-width:560px){.product-economy-cards, .costs-coverage-cards{}.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{}.reports-finance-table{}.reports-overview{}
.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{}.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{}
}

/* 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{border-color:var(--ui-border);box-shadow:var(--ui-panel-shadow)}
.card{}
.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){}
.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;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{text-align:right!important}
th.num{text-align:right!important}
.smart-table-toolbar{}
.smart-table-toolbar-note{}
.table-view-switch{}
.table-view-switch button{}
.table-view-switch button.active{}
.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{}
.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{
  position:sticky;left:0;z-index:3;
}
.costs-modern-table td:first-child{
  position:sticky;left:0;z-index:3;background:#fff;
}
.expenses-modern-table th:first-child{
  position:sticky;left:0;z-index:3;
}
.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;}
.reports-modern-table th[data-column-id="actions"], .reports-modern-table td[data-column-id="actions"]{
}
.expenses-modern-table th:last-child{
  position:sticky;right:0;z-index:3;
}
.expenses-modern-table td:last-child{
  position:sticky;right:0;z-index:3;background:#fff;
}
.costs-modern-table th:last-child{
  position:sticky;right:0;z-index:3;
}
.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;}
.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{}

/* Expenses: the form is now a correctly sized dialog, not a squeezed left column. */
.expenses-list-full{}
.expense-modal-card{width:min(590px,calc(100vw - 28px));}
.expense-modal-grid{}
.expense-modal-grid .expense-comment-field{}
.expense-modal-grid input, .expense-modal-grid select{}
.expense-modal-toggles{}
.expense-modal-card .expense-form-actions{}
.expenses-cards{}

/* Costs: concise page hierarchy and auditable two-step import. */
.costs-coverage-cards{}
.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{}
}
@media(max-width:900px){
  .topbar h2{font-size:24px}
  #reportsCards, .expenses-cards{}
  .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{}.expense-modal-grid{}.expense-modal-grid .expense-comment-field{}
  .expense-modal-card .expense-form-actions{flex-direction:column}
  .smart-table-toolbar{}.table-view-switch{}.table-view-switch button{}.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{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{}.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{}.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{}.team-access-section{padding:13px}.team-access-modal-card{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}}

/* ===== FROZEN SOURCE 03: styles/legacy/components-consolidated.css ===== */
/* Consolidated IXRU component layer. Generated in working19; source boundaries retained below. */

/* ===== stable.css ===== */
/* v0.64-stable1 — consolidated visual system and overflow guards */
:root{
  --stable-bg:#f6f7fa;--stable-panel:#fff;--stable-text:#202939;--stable-muted:#667085;--stable-subtle:#7d8899;
  --stable-line:#e2e6ec;--stable-line-strong:#cbd2dc;--stable-brand:#5a4bd8;--stable-brand-hover:#493ac4;
  --stable-radius:14px;--stable-shadow:0 1px 2px rgba(16,24,40,.025),0 5px 14px rgba(16,24,40,.035);
}
html,body{max-width:100%;overflow-x:hidden}body{background:var(--stable-bg);color:var(--stable-text);font-size:14px;line-height:1.5}
body,button,input,select,textarea{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
.main, .view, .panel{min-width:0;max-width:100%}
.card{min-width:0;max-width:100%}
.filters, .grid{min-width:0;max-width:100%}
.table-wrap, .smart-scroll-table{min-width:0;}
.topbar, .top-actions{min-width:0;max-width:100%}
.main{width:auto!important;overflow-x:hidden;padding-bottom:48px}
.topbar{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(0,auto);align-items:center!important;gap:16px;max-width:none!important}
.topbar-heading{min-width:0}.topbar h2{font-size:27px!important;line-height:1.2!important;overflow-wrap:anywhere}.topbar p{font-size:13.5px!important;color:var(--stable-muted)!important;overflow-wrap:anywhere}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;overflow:visible}
.workspace-select{min-width:0!important;max-width:min(360px,31vw)!important;flex:0 1 360px!important}.workspace-select>span{min-width:0;white-space:nowrap}.workspace-select select{width:100%!important;min-width:0!important;max-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.notification-bell,.topbar-logout{flex:0 0 auto}.notification-bell{min-width:40px!important;overflow:visible!important}
.notification-backdrop{visibility:hidden;pointer-events:none!important}.notification-backdrop.active{visibility:visible;pointer-events:auto!important}
.notification-drawer{visibility:hidden;pointer-events:none}.notification-drawer.active{visibility:visible;pointer-events:auto}.notification-drawer-head span{font-size:11.5px!important}.notification-item,.notification-drawer-body{font-size:13px!important}
.panel{border:1px solid var(--stable-line)!important;border-radius:var(--stable-radius)!important;box-shadow:var(--stable-shadow)!important}
.card{}.panel{padding:19px!important;margin-bottom:18px!important}.panel .panel{box-shadow:none!important;background:#fbfcfd}.panel-head{align-items:flex-start!important;flex-wrap:wrap!important}.panel h3,.panel-head h3{font-size:17px!important;line-height:1.32!important;overflow-wrap:anywhere}
.cards,.summary-main-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important}.card, .metric-card, .summary-metric-card{height:auto!important;min-height:126px!important;max-height:none!important;padding:17px!important}.card .label{font-size:13px!important;line-height:1.42!important;overflow-wrap:anywhere}
.metric-card .label{}.card .value{font-size:25px!important;line-height:1.15!important;overflow-wrap:anywhere}
.metric-card .value{}.metric-card .small-muted, .metric-card small{}
.card small{font-size:12.5px!important;line-height:1.45!important}
.small-muted,.cell-subtext,.decision-text,.settings-check p,.settings-check small,.team-permission-item small,.team-cabinet-item small,.team-audit-row div span,.team-audit-row time{font-size:12.5px!important;line-height:1.46!important;color:var(--stable-muted)!important}
.filters{align-items:end!important;gap:11px 12px!important}.filters>*,.form-grid>*,.expense-modal-grid>*,.team-person-grid>*{min-width:0}.filters label,.modal label{font-size:13px!important;color:var(--stable-muted)!important}.filters input,.filters select,.filters .range-trigger{max-width:100%}
input,select,textarea,.range-trigger{min-width:0;max-width:100%;min-height:42px!important;border:1px solid var(--stable-line-strong)!important;border-radius:10px!important;font-size:14px!important;line-height:1.35!important}textarea{resize:vertical;padding:10px 12px}input:focus,select:focus,textarea:focus,.range-trigger:focus{outline:3px solid rgba(90,75,216,.13)!important;border-color:#8b83ea!important}
.btn,.button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;min-width:0;min-height:40px!important;padding:9px 15px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:700!important;line-height:1.25!important;text-align:center;white-space:normal!important;overflow-wrap:anywhere;box-shadow:none!important}.btn:not(.secondary):not(.danger):not(.danger-outline),.button.primary{background:var(--stable-brand)!important}.btn:not(.secondary):not(.danger):not(.danger-outline):hover,.button.primary:hover{background:var(--stable-brand-hover)!important;transform:none!important}.btn.secondary,.button.secondary{background:#fff!important;color:#475467!important;border:1px solid var(--stable-line-strong)!important}.compact-btn{min-height:36px!important;padding:7px 11px!important;font-size:13px!important}.link,.table-link{font-size:13px!important;line-height:1.35!important;overflow-wrap:anywhere}
.modal{padding:18px!important}.modal-card{width:min(680px,calc(100vw - 28px));max-width:100%;max-height:calc(100vh - 28px)!important;padding:22px!important;border-radius:16px!important;overflow:auto;overflow-wrap:anywhere}.modal-card.wide,.team-access-modal-card{width:min(1060px,calc(100vw - 28px))!important}.modal-close,.icon-button{min-width:40px!important;width:40px!important;height:40px!important;min-height:40px!important;display:grid!important;place-items:center!important}
.table-wrap, .smart-scroll-table, .report-detail-table-wrap{border-radius:11px;}.table-wrap:focus-within,.smart-scroll-table:focus-within{outline:2px solid rgba(90,75,216,.09)}
table{font-size:13.5px!important;}th{box-sizing:border-box;max-width:360px;vertical-align:top!important}
td{box-sizing:border-box;max-width:360px;vertical-align:top!important}th{height:auto!important;min-height:46px;padding:11px 12px!important;font-size:12.5px!important;line-height:1.34!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}td{height:auto!important;min-height:46px;padding:11px 12px!important;font-size:13.5px!important;line-height:1.43!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}.num,.table-col-compact{white-space:nowrap!important;overflow-wrap:normal!important}.table-cell-wrap{min-width:210px!important;max-width:330px!important;white-space:normal!important;overflow-wrap:anywhere!important}.table-cell-id{min-width:130px!important;max-width:225px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.table-cell-actions{min-width:135px!important;white-space:normal!important}.pill,.status,.badge{max-width:100%;white-space:normal!important;line-height:1.3!important;text-align:center}.row-actions,.table-action-buttons{min-width:0;max-width:100%;flex-wrap:wrap!important}.row-actions .btn,.table-action-buttons .btn{flex:0 1 auto}.sort-header{}
.table-header-label{}
.draggable-table-header{min-width:0;max-width:100%;white-space:normal!important}.table-header-text{}.column-grip{}.table-scroll-actions button,.table-reset-columns{min-width:36px!important;min-height:36px!important;font-size:13px!important}.smart-table-toolbar{}.table-column-help>div{max-width:min(300px,calc(100vw - 32px));overflow-wrap:anywhere}
.form-grid,.settings-grid,.grid.two,.team-person-grid{min-width:0}.profile-form,.password-change-form,.cabinet-form,.api-form{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}.password-row,.inline-row{min-width:0}.password-row input,.inline-row input{min-width:0}
.warning,.notice,.error,.ok,.team-security-note,.read-only-banner{max-width:100%;overflow-wrap:anywhere;align-items:flex-start!important}
@media(max-width:1400px){.topbar{grid-template-columns:1fr!important;align-items:start!important}.top-actions{width:100%;justify-content:flex-start!important}.workspace-select{max-width:min(440px,48%)!important;flex:1 1 280px!important}}
@media(max-width:900px){.main{padding-left:18px!important;padding-right:18px!important}.panel{padding:17px!important}.top-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important}.workspace-select{max-width:none!important;width:100%!important}.cards,.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.smart-table-toolbar{}.table-view-switch{}.table-view-switch button{}.table-column-help{margin-left:0!important}}
@media(max-width:620px){body{font-size:14px}.main{padding:14px 11px 34px!important}.topbar{padding-left:11px!important;padding-right:11px!important}.topbar h2{font-size:23px!important}.top-actions{grid-template-columns:minmax(0,1fr) auto auto!important}.top-actions .workspace-select:first-of-type{grid-column:1/-1}.workspace-select{grid-column:1}.cards,.summary-main-cards{grid-template-columns:1fr!important}.panel{padding:15px!important}.btn,.button,input,select,textarea,.range-trigger{min-height:44px!important}.filters>label,.filters>.range-field,.filters>.orders-search,.filters>.finance-search-field{width:100%!important;min-width:0!important}.filters>.btn{width:100%!important}.modal{padding:7px!important}.modal-card,.modal-card.wide,.team-access-modal-card{width:calc(100vw - 14px)!important;max-height:calc(100vh - 14px)!important;padding:17px!important}.row-actions .btn,.table-action-buttons .btn{width:100%!important}.table-cell-wrap{min-width:180px!important}.table-cell-id{min-width:125px!important}.quick-periods{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v0.64-stable1 — legibility finish */
.metric-glow{display:none!important}
.notification-bell{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important}
.page-eyebrow,.nav-group-label,.section-kicker,.feature-label{font-size:11.5px!important;line-height:1.3!important}
.nav-new{font-size:10px!important;padding:3px 6px!important}
.summary-card-secondary,.metric-comparison,.metric-comparison small,.summary-trust-items small,.summary-mode-arrow small,.summary-mode-heading>div>span,.calendar-report-shortcuts>span{font-size:12px!important;line-height:1.42!important}
.summary-card-action{min-height:34px!important;padding:7px 10px!important;font-size:12.5px!important;white-space:normal!important}
.settings-check b{font-size:13px!important}.settings-check p,.settings-check small{font-size:12px!important;line-height:1.42!important}.settings-check small{position:static!important;grid-column:2}
.notification-item-title>span,.profit-change-summary span,.profit-change-summary small,.summary-product-rank-main>small,.summary-product-rank-metric small,.report-operation-cell>span,.cost-focus-copy small,.shipment-product-places span,.shipment-package-card>header>div:first-child span,.shipment-package-status span,.shipment-package-product span,.shipment-package-add small,.shipment-parent-chip,.shipment-pallet-boxes-head small,.shipment-pallet-box span,.shipment-package-item small,.packing-mode-options small,.packing-derived span,.packing-derived small,.month-forecast-grid span,.month-forecast-grid small,.month-forecast-panel>p,.month-forecast-empty span,.month-forecast-empty p,.ad-campaign-open span{font-size:11.5px!important;line-height:1.4!important}
.shipment-package-add .btn{font-size:12.5px!important;min-height:36px!important}.shipment-package-add select,.shipment-package-add input{font-size:13px!important;min-height:38px!important;height:auto!important}
.summary-product-issue em{font-size:11.5px!important;white-space:normal!important}.profit-route-detail small{font-size:11.5px!important;white-space:normal!important}.profit-route-detail b{font-size:12px!important;white-space:normal!important}
.period-chip,.view-switch,.entity-tab,.section-tab,.summary-product-tab,.stock-link,.link{display:inline-flex!important;align-items:center!important;justify-content:center;min-height:36px!important;padding-top:7px!important;padding-bottom:7px!important}
.sort-header{text-align:left!important}

/* Stable1: keep the notification counter inside its button boundary. */
.notification-bell{overflow:hidden!important}
.notification-count{right:1px!important;top:1px!important;border-width:1px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;line-height:15px!important;font-size:9px!important}

/* Stable1: consistent touch targets for actionable inline controls. */
.summary-card-warning{display:inline-flex!important;align-items:center!important;min-height:36px!important;margin-top:6px!important;padding:7px 0!important;font-size:12.5px!important;line-height:1.35!important;white-space:normal!important}
.profit-route-warning{min-height:38px!important;padding:8px 11px!important;font-size:12.5px!important;line-height:1.35!important;white-space:normal!important}
.planning-product-link{min-height:38px!important;padding:4px 0!important}.planning-product-link small{font-size:11.5px!important;line-height:1.35!important}
.ad-attention-chip{min-height:38px!important;padding:7px 10px!important}.ad-attention-chip b{font-size:12px!important}.ad-attention-chip em{font-size:11px!important}
.sort-header{}

/* Native hidden attribute must win over component display rules. */
[hidden]{display:none!important}


/* ===== ux-core.css ===== */
/* v0.65-ux-core — navigation state, compact KPI cards, unified tables and filters */
:root{
  --ux-line:#e4e7ec;
  --ux-line-strong:#d0d5dd;
  --ux-text:#182230;
  --ux-muted:#667085;
  --ux-soft:#f7f8fa;
  --ux-brand:#5a4bd8;
  --ux-brand-soft:#f0efff;
}

/* Top bar: labels sit above the value and never compete with the native arrow. */
.top-actions{align-items:flex-end!important;gap:10px!important}
.topbar-selector{display:grid!important;gap:4px!important;min-width:220px!important;max-width:320px!important;flex:0 1 290px!important}
.topbar-selector-label{display:block!important;padding-left:2px;font-size:10.5px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:.055em;text-transform:uppercase;color:#7b8494!important;white-space:nowrap}
.topbar-selector select{height:42px!important;padding:8px 38px 8px 12px!important;border:1px solid var(--ux-line-strong)!important;border-radius:11px!important;background-color:#fff!important;font-size:13.5px!important;font-weight:650!important;color:var(--ux-text)!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}

/* Summary source modes must unmistakably look interactive. */
.summary-mode-switcher{padding:12px!important;border:1px solid var(--ux-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.summary-mode-tabs{gap:8px!important}
.summary-mode-tab{position:relative;display:grid!important;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center!important;gap:8px!important;min-height:58px!important;padding:9px 12px!important;border:1px solid var(--ux-line)!important;border-radius:11px!important;background:#fff!important;text-align:left!important;color:#475467!important;cursor:pointer!important}
.summary-mode-tab:hover{border-color:#aaa3f1!important;background:#fafaff!important}
.summary-mode-tab.active{border-color:#9188eb!important;background:var(--ux-brand-soft)!important;color:#332a9c!important;box-shadow:inset 0 -2px 0 var(--ux-brand)!important}
.summary-mode-tab b{font-size:13px!important;line-height:1.25!important}
.summary-mode-tab small{display:block;font-size:11.5px!important;line-height:1.35!important;color:#667085!important;white-space:normal!important}
.summary-mode-icon{display:grid!important;place-items:center;width:28px;height:28px;border-radius:9px;background:#f2f4f7;color:#667085;font-size:14px;font-weight:800}
.summary-mode-tab.active .summary-mode-icon{background:#fff;color:var(--ux-brand)}
.summary-mode-arrow{font-size:24px;line-height:1;color:#98a2b3;transition:transform .16s ease}
.summary-mode-tab:hover .summary-mode-arrow,.summary-mode-tab.active .summary-mode-arrow{transform:translateX(2px);color:var(--ux-brand)}

/* KPI cards: reduced visual scale for 14-inch notebooks. */
.cards,.summary-main-cards{grid-template-columns:repeat(auto-fit,minmax(176px,1fr))!important;gap:10px!important}
.card, .metric-card, .summary-metric-card{min-height:100px!important;padding:13px 14px!important;}
.card .label{margin-bottom:6px!important;font-size:11.75px!important;line-height:1.35!important;font-weight:650!important;color:var(--ux-muted)!important}
.metric-card .label{}
.summary-metric-card .label{margin-bottom:6px!important;font-size:11.75px!important;line-height:1.35!important;font-weight:650!important;color:var(--ux-muted)!important}
.card .value{font-size:21px!important;line-height:1.15!important;letter-spacing:-.018em!important}
.metric-card .value{}
.summary-metric-card .value{font-size:21px!important;line-height:1.15!important;letter-spacing:-.018em!important}
.card small{font-size:11.25px!important;line-height:1.38!important}
.metric-card small{}
.summary-metric-card small, .summary-card-secondary, .metric-comparison{font-size:11.25px!important;line-height:1.38!important}
.small-cards .card{min-height:92px!important;padding:12px 13px!important}
.compact-management-cards .card{min-height:92px!important;padding:12px 13px!important}
.small-cards .card .value, .compact-management-cards .card .value{}

/* Apply buttons outside date popovers are redundant; all regular filters update automatically. */
#applySummary,#applyOrders,#applyStocks,#applySupplies,#applyPlanning,#applyAdvertising,#applyPrices,#applyGrowth,#applyProducts,#applyReports,#applyExpenses,#applyControl,#applyCosts{display:none!important}
.range-popover [data-range-apply]{display:inline-flex!important;min-width:110px!important;align-self:flex-end!important;margin-top:4px!important}
.filters{align-items:end!important}
.filters label,.filters .range-field{min-width:150px}
.filters input[type="search"]{min-width:210px}

/* Planning controls: wider horizontal fields and the shipment action next to the table workflow. */
.planning-filter-panel{padding:15px 16px!important}
.planning-filters{}
.planning-filters .planning-build-btn{grid-column:1/-1;justify-self:end;min-width:160px!important;margin-top:2px}
.planning-meta .tooltip-source{cursor:help;border-bottom:1px dashed #98a2b3}

/* One stable table layout. Header and body share the same colgroup. */
.smart-table-toolbar{}
.table-columns-button{}
.table-columns-button:hover{}
.table-columns-button small{}
.table-scroll-actions{display:flex;gap:5px;margin-left:0!important}
.table-scroll-actions button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border:1px solid var(--ux-line-strong)!important;border-radius:9px!important;background:#fff!important;color:#475467!important}
.table-wrap, .smart-scroll-table, .report-detail-table-wrap{border-radius:12px!important}
table[data-table-key]{}
table[data-table-key] thead th{z-index:4;}
table[data-table-key] th{box-sizing:border-box!important;padding:10px 11px!important;border-right:1px solid #f0f1f3!important;border-bottom:1px solid #eaecf0!important;vertical-align:middle!important}
table[data-table-key] td{box-sizing:border-box!important;padding:10px 11px!important;border-right:1px solid #f0f1f3!important;border-bottom:1px solid #eaecf0!important;vertical-align:middle!important}
table[data-table-key] th{font-size:11.75px!important;line-height:1.32!important;font-weight:750!important}
table[data-table-key] td{font-size:12.75px!important;line-height:1.4!important;color:#344054!important}
table[data-table-key] tbody tr:hover td{}
table[data-table-key] .sort-header{}
table[data-table-key] .sort-mark{}
table[data-table-key] .table-header-label{}
table[data-table-key] .table-header-text{}
table[data-table-key] .table-cell-wrap{min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
table[data-table-key] .table-cell-id{min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
table[data-table-key] .num,table[data-table-key] .table-col-compact{text-align:right!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
.column-grip{}
.column-resizer{}
.table-column-help{display:none!important}
.table-view-switch{}

/* Dedicated side panel for column visibility/order. */
.column-manager-backdrop{position:fixed;inset:0;z-index:690;background:rgba(16,24,40,.28);backdrop-filter:blur(1.5px)}
.column-manager{position:fixed;z-index:700;top:0;right:0;bottom:0;width:min(410px,100vw);display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--ux-line);box-shadow:-18px 0 44px rgba(16,24,40,.16);transform:translateX(105%);transition:transform .2s ease}
.column-manager.open{transform:translateX(0)}
.column-manager-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 13px;border-bottom:1px solid var(--ux-line)}
.column-manager-head span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7c8492}
.column-manager-head h3{margin:2px 0 0;font-size:19px}
.column-manager-head button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ux-line);border-radius:10px;background:#fff;font-size:24px;cursor:pointer}
.column-manager-copy{padding:13px 18px 5px;font-size:12.5px;line-height:1.45;color:var(--ux-muted)}
.column-manager-search{display:grid;gap:5px;padding:10px 18px 8px;font-size:12px;color:var(--ux-muted)}
.column-manager-search input{width:100%}
.column-manager-actions{display:flex;gap:8px;padding:0 18px 11px;border-bottom:1px solid var(--ux-line)}
.column-manager-list{flex:1;overflow:auto;padding:8px 12px 22px}
.column-manager-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 7px;border-bottom:1px solid #f0f1f3}
.column-manager-item label{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px;color:#344054;cursor:pointer}
.column-manager-item label span{overflow-wrap:anywhere}
.column-manager-item input{width:17px;height:17px;min-height:0!important}
.column-manager-item>div{display:flex;gap:4px}
.column-manager-item button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ux-line);border-radius:8px;background:#fff;color:#667085;cursor:pointer}
.column-manager-item button:disabled{opacity:.35;cursor:default}

/* Align action bars and make primary actions obvious. */
.table-action-bar{min-height:40px;align-items:center!important;margin:8px 0!important}
.table-primary-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.expense-add-filter-btn{min-height:42px!important;padding-inline:17px!important;background:var(--ux-brand)!important;color:#fff!important}
.report-number-link{}
.supply-number-link{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:36px;padding:5px 4px;border:0;background:transparent;color:#4438bb;font:700 13px/1.25 inherit;text-align:left;cursor:pointer}
.report-number-link:hover{}
.supply-number-link:hover{text-decoration:underline}
.supply-number-link span{font-size:11.5px;font-weight:500;color:var(--ux-muted)}

/* Forecast is a common summary block, not tied to a source tab. */
.month-forecast-panel{margin:0 0 14px!important;border-radius:13px!important}
.month-forecast-head h3{font-size:16px!important}
.month-forecast-grid b{font-size:18px!important}

@media(max-width:1240px){
  .planning-filters{}
  .planning-filters .planning-build-btn{grid-column:auto;justify-self:stretch}
  .topbar-selector{max-width:none!important;flex:1 1 250px!important}
}
@media(max-width:900px){
  .top-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;align-items:end!important}
  .topbar-selector{width:100%!important;max-width:none!important}
  .planning-filters{}
  .cards,.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .top-actions{grid-template-columns:minmax(0,1fr) auto auto!important}
  .topbar-selector{grid-column:1/-1!important}
  .summary-mode-tabs{grid-template-columns:1fr!important}
  .summary-mode-tab{min-height:62px!important}
  .cards,.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .card, .metric-card, .summary-metric-card{min-height:91px!important;padding:11px!important}
  .card .value{font-size:18px!important}
.metric-card .value{}
.summary-metric-card .value{font-size:18px!important}
  .card .label{font-size:10.75px!important}
.metric-card .label{}
.summary-metric-card .label{font-size:10.75px!important}
  .planning-filters{}
  .planning-filters .planning-build-btn{grid-column:1;width:100%}
  .column-manager{width:100vw}
  .table-action-bar{align-items:stretch!important}
  .table-primary-actions{width:100%;margin-left:0}
  .table-primary-actions .btn{width:100%}
}

/* Explanations stay secondary and do not compete with stock KPIs. */
.stock-method-help{display:inline-flex;align-items:center;min-height:28px;padding:3px 7px;border:0;border-bottom:1px dashed #98a2b3;background:transparent;color:#667085;font:650 11.5px/1.25 inherit;cursor:help}
.stock-method-help:hover{color:#4438bb;border-bottom-color:#4438bb}


/* ===== logistics-marketing.css ===== */
/* v0.65-logistics-marketing — persistent outbound sheets, campaign pages and product search */
:root{
  --lm-brand:#5a4bd8;
  --lm-brand-soft:#eeecff;
  --lm-text:#202939;
  --lm-muted:#667085;
  --lm-line:#e2e6ec;
  --lm-soft:#f7f8fb;
  --lm-good:#178455;
  --lm-warn:#b45f06;
  --lm-bad:#c93636;
  --lm-info:#3566cc;
}

/* Shared segmented navigation */
.section-tabs{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px;margin:0 0 14px;border:1px solid var(--lm-line);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.04)}
.section-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--lm-muted);font:700 13px/1.15 inherit;cursor:pointer;white-space:nowrap}
.section-tab:hover{background:var(--lm-soft);color:var(--lm-text)}
.section-tab.active{background:var(--lm-brand);color:#fff;box-shadow:0 6px 14px rgba(90,75,216,.18)}
.section-tab em{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#f2f4f7;color:#475467;font-style:normal;font-size:11px;font-weight:800}
.section-tab.active em{background:rgba(255,255,255,.2);color:#fff}
.planning-pane,.ad-workspace{display:none;min-width:0}.planning-pane.active,.ad-workspace.active{display:block}

/* Replenishment recommendation and outbound list */
.planning-main-tabs{margin-bottom:16px}
.planning-filter-panel .planning-filters{}
.planning-action-bar{position:sticky;bottom:10px;z-index:30;padding:10px 12px;border:1px solid #dcd8fb;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(35,31,90,.12);backdrop-filter:blur(10px)}
.planning-build-btn{min-width:132px;background:var(--lm-brand)!important}
.outbound-list-toolbar{padding:15px!important}.outbound-list-toolbar .filters{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,.8fr) minmax(250px,1.4fr);gap:12px}
.entity-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:270px;padding:0;border:0;background:transparent;color:var(--lm-text);font:inherit;text-align:left;cursor:pointer}
.entity-link b{color:#4f46cf;font-size:13.5px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.entity-link:hover b{text-decoration-color:currentColor}
.entity-link span{max-width:100%;color:var(--lm-muted);font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}
.outbound-status-select{min-width:128px!important;min-height:34px!important;height:34px!important;padding:5px 28px 5px 9px!important;border-radius:999px!important;font-size:12px!important;font-weight:750!important;background-color:#f2f4f7!important}
.outbound-status-select.warn{background-color:#fff6e8!important;border-color:#f5d29a!important;color:#925109!important}.outbound-status-select.good{background-color:#ecfdf3!important;border-color:#b8e7cc!important;color:#087443!important}.outbound-status-select.info{background-color:#edf4ff!important;border-color:#c9d9ff!important;color:#2856b2!important}.outbound-status-select.bad{background-color:#fff0f0!important;border-color:#f1c0c0!important;color:#a32626!important}
.outbound-sheets-table td{vertical-align:middle!important}
.outbound-sheets-table th{vertical-align:middle!important}.outbound-sheets-table .table-cell-actions{text-align:center}

/* Dedicated outbound sheet page */
.entity-page-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.entity-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shipment-print-btn{min-width:112px}
.shipment-sheet-header{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,2fr);gap:24px;align-items:start}
.shipment-sheet-title>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shipment-sheet-title h2{margin:2px 0 0;font-size:24px;line-height:1.15}.shipment-sheet-fields{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(145px,.65fr) minmax(160px,.7fr);gap:12px}.shipment-sheet-fields label{display:grid;gap:5px;color:var(--lm-muted);font-size:12.5px}.shipment-sheet-comment{grid-column:1/-1}
.shipment-warehouse-panel{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(300px,1.05fr);gap:18px;align-items:start}.shipment-warehouse-field{display:grid;gap:6px;color:var(--lm-muted);font-size:12.5px}.shipment-warehouse-info{min-height:42px;padding:11px 13px;border:1px solid var(--lm-line);border-radius:11px;background:var(--lm-soft);color:#475467;font-size:12.5px;line-height:1.45}
.shipment-add-product-panel{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:18px;align-items:center}.shipment-add-product-panel h3{margin:0 0 3px}.shipment-add-product-panel p{margin:0}.shipment-add-product-controls{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto;gap:8px;align-items:end}.shipment-add-product-controls>*{min-width:0}
.shipment-plan-date{display:flex;align-items:center;gap:8px;min-height:38px;margin:4px 0 10px;padding:8px 12px;border:1px solid var(--lm-line);border-radius:10px;background:#fafbfc;color:var(--lm-muted);font-size:12.5px}
.shipment-builder-layout{gap:14px!important}.shipment-products-panel,.shipment-packages-panel{background:#fff!important;border-color:var(--lm-line)!important}.shipment-product-list,.shipment-package-list{max-height:none!important}
.shipment-product-row{position:relative;grid-template-columns:minmax(210px,1.2fr) minmax(250px,.8fr) minmax(130px,.55fr) 36px!important;align-items:center;gap:12px!important;padding:12px!important;margin-bottom:8px!important}.shipment-product-main{min-width:0}.shipment-product-main b{display:block;overflow-wrap:anywhere}.shipment-product-main span,.shipment-product-main small{display:block;margin-top:3px;color:var(--lm-muted);font-size:11.5px!important;line-height:1.4}.shipment-product-progress{display:grid!important;grid-template-columns:minmax(92px,1fr) repeat(2,minmax(74px,.7fr));gap:7px!important}.shipment-product-progress label,.shipment-product-progress>div{min-width:0;padding:7px 8px;border:1px solid var(--lm-line);border-radius:9px;background:var(--lm-soft)}.shipment-product-progress span{display:block;font-size:10.5px;color:var(--lm-muted)}.shipment-product-progress b{display:block;margin-top:2px;font-size:13px}.shipment-product-progress input{width:100%!important;min-height:30px!important;height:30px!important;padding:3px 6px!important;text-align:right;font-size:13px!important}.shipment-product-places{display:flex!important;gap:5px!important;flex-wrap:wrap!important}.shipment-product-places span{padding:4px 7px;border-radius:999px;background:#f1f0ff;color:#5145cd;font-size:10.5px!important;font-weight:700}.shipment-product-remove{align-self:center!important;justify-self:center!important}
.shipment-package-card{box-shadow:0 1px 2px rgba(16,24,40,.025)}.shipment-package-product b{max-width:420px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}.shipment-package-product span{font-size:10.5px!important}.shipment-package-add{grid-template-columns:minmax(190px,1fr) 86px auto auto auto!important}.shipment-package-add small{font-size:10.5px!important}.shipment-package-item-actions select{max-width:155px!important;font-size:11.5px!important}.shipment-pallet-boxes{border-top:1px solid var(--lm-line)}

/* Advertising workspace */
.ad-mode-tabs{margin:0 0 14px}.ad-products-tab:not(.active){color:#4338ca;background:#f3f1ff}.ad-products-tab:not(.active):hover{background:#e9e6ff}
.ad-overview-panel{overflow:visible!important}.ad-overview-head{display:grid!important;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center!important;gap:14px!important}.ad-chart-toggles{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.chart-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 9px;border:1px solid var(--lm-line);border-radius:999px;background:#fff;color:#475467;font-size:11.5px;font-weight:700;cursor:pointer}.chart-toggle input{position:absolute;opacity:0;pointer-events:none}.chart-toggle span{width:9px;height:9px;border-radius:50%;background:#98a2b3}.chart-toggle.spend span{background:#ef8b35}.chart-toggle.sales span{background:#2f9f69}.chart-toggle.orders span{background:#4e7bd9}.chart-toggle.drr span{background:#8a57d7}.chart-toggle:has(input:not(:checked)){opacity:.42}
.interactive-chart{min-height:330px}.chart-stage{position:relative;width:100%;height:330px;padding:4px 0 24px;overflow:hidden}.chart-stage svg{display:block;width:100%;height:290px;overflow:visible}.chart-grid line{stroke:#e8ebf0;stroke-width:1;vector-effect:non-scaling-stroke}.chart-area{opacity:.06;stroke:none}.chart-area.spend{fill:#ef8b35}.chart-area.sales{fill:#2f9f69}.chart-area.orders{fill:#4e7bd9}.chart-area.drr{fill:#8a57d7}.chart-line{fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line.spend{stroke:#ef8b35}.chart-line.sales{stroke:#2f9f69}.chart-line.orders{stroke:#4e7bd9}.chart-line.drr{stroke:#8a57d7}.chart-hover-line{stroke:#98a2b3;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.chart-axis-labels{position:absolute;left:48px;right:28px;bottom:2px;display:flex;justify-content:space-between;color:var(--lm-muted);font-size:11px}.chart-tooltip{position:absolute;z-index:5;width:185px;padding:10px 11px;border:1px solid #d5dae3;border-radius:11px;background:rgba(255,255,255,.98);box-shadow:0 12px 28px rgba(16,24,40,.14);pointer-events:none}.chart-tooltip>b{display:block;margin-bottom:6px;font-size:12px}.chart-tooltip span{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:6px;padding:3px 0;color:#667085;font-size:11px}.chart-tooltip i{width:7px;height:7px;border-radius:50%}.chart-tooltip i.spend{background:#ef8b35}.chart-tooltip i.sales{background:#2f9f69}.chart-tooltip i.orders{background:#4e7bd9}.chart-tooltip i.drr{background:#8a57d7}.chart-tooltip strong{color:#344054;font-variant-numeric:tabular-nums}
.ad-campaign-open{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:280px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ad-campaign-open b{color:#4f46cf;font-size:13.5px;overflow-wrap:anywhere}.ad-campaign-open:hover b{text-decoration:underline;text-underline-offset:3px}.ad-campaign-open span{color:var(--lm-muted);font-size:11.5px!important}
.ad-products-toolbar{padding:17px 18px!important;border-color:#d8d4fb!important;background:linear-gradient(135deg,#faf9ff,#f3f1ff)!important}.ad-products-toolbar h2{margin:3px 0 4px;font-size:21px}.ad-products-toolbar p{margin:0;color:var(--lm-muted)}

/* Campaign detail page */
.entity-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.entity-hero h2{margin:3px 0 4px;font-size:25px;line-height:1.2;overflow-wrap:anywhere}.entity-hero p{margin:0;color:var(--lm-muted);font-size:12.5px}.entity-hero .pill{flex:0 0 auto}
.campaign-page-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px}.campaign-page-grid>.panel{min-width:0}.campaign-page-chart{grid-column:1/-1}.campaign-page-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--lm-line);border-radius:12px;background:#fff;margin-bottom:12px;overflow:auto}.campaign-page-tabs button{flex:0 0 auto;min-height:38px;padding:8px 13px;border:0;border-radius:8px;background:transparent;color:var(--lm-muted);font:700 13px/1.2 inherit;cursor:pointer}.campaign-page-tabs button.active{background:var(--lm-brand-soft);color:#4d3fc7}.campaign-page-pane{display:none}.campaign-page-pane.active{display:block}

/* Funnel and per-product search */
.funnel-product-cell{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:265px}.product-name-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.product-name-link b{max-width:230px;color:#344054;overflow-wrap:anywhere}.product-name-link:hover b{color:#4f46cf;text-decoration:underline;text-underline-offset:3px}.product-name-link span{color:var(--lm-muted);font-size:11px}.query-action-btn{flex:0 0 auto;min-height:32px;padding:5px 10px;border:1px solid #cbc5fb;border-radius:9px;background:#f4f2ff;color:#4b3fc5;font:750 11.5px/1.2 inherit;cursor:pointer}.query-action-btn:hover{background:#e9e6ff}
.search-query-explanation{display:flex;align-items:flex-start;gap:12px;padding:13px 15px!important;background:#fafbff!important;border-color:#dfe1f8!important}.search-query-explanation b{flex:0 0 auto;color:#4338ca}.search-query-explanation span{color:var(--lm-muted);font-size:12.5px;line-height:1.45}.search-queries-table .order-product{min-width:250px}

/* Print-only helper */
.shipment-print-frame{position:fixed;left:-10000px;top:0;width:1px;height:1px;border:0;visibility:hidden}

@media(max-width:1180px){
  .planning-filter-panel .planning-filters{}
  .shipment-sheet-header{grid-template-columns:1fr}.shipment-warehouse-panel,.shipment-add-product-panel{grid-template-columns:1fr}.ad-overview-head{grid-template-columns:1fr}.ad-chart-toggles{justify-content:flex-start}.campaign-page-grid{grid-template-columns:1fr}.campaign-page-chart{grid-column:auto}
  .shipment-product-row{grid-template-columns:minmax(190px,1fr) minmax(245px,1fr) 36px!important}.shipment-product-places{grid-column:1/3}.shipment-product-remove{grid-column:3;grid-row:1/3}
}
@media(max-width:820px){
  .planning-filter-panel .planning-filters{}
.outbound-list-toolbar .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-action-bar{position:static}.shipment-sheet-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-add-product-controls{grid-template-columns:minmax(0,1fr) 110px}.shipment-add-product-controls .btn{grid-column:1/-1}.shipment-product-row{grid-template-columns:1fr 36px!important}.shipment-product-progress,.shipment-product-places{grid-column:1}.shipment-product-remove{grid-column:2;grid-row:1}.shipment-package-add{grid-template-columns:minmax(160px,1fr) 78px!important}.shipment-package-add .btn{grid-column:auto}.entity-hero{flex-direction:column}.interactive-chart,.chart-stage{min-height:290px;height:290px}.chart-stage svg{height:250px}
}
@media(max-width:560px){
  .section-tabs{display:flex;width:100%;overflow:auto}.section-tab{flex:1 0 auto}.planning-filter-panel .planning-filters{}
.outbound-list-toolbar .filters, .shipment-sheet-fields{grid-template-columns:1fr}.entity-page-topbar{align-items:stretch;flex-direction:column}.entity-page-topbar>.btn,.entity-page-actions,.entity-page-actions .btn{width:100%}.entity-page-actions{display:grid;grid-template-columns:1fr 1fr}.shipment-add-product-controls{grid-template-columns:1fr}.shipment-add-product-controls .btn{grid-column:auto;width:100%}.shipment-product-progress{grid-template-columns:1fr 1fr!important}.shipment-product-progress label{grid-column:1/-1}.shipment-package-add{grid-template-columns:1fr!important}.shipment-package-add .btn{width:100%}.shipment-package-card>header{grid-template-columns:1fr auto!important}.shipment-package-status{grid-column:1;text-align:left!important}.shipment-package-delete{grid-column:2;grid-row:1}.ad-chart-toggles{display:grid;grid-template-columns:1fr 1fr;width:100%}.chart-toggle{justify-content:flex-start}.interactive-chart,.chart-stage{min-height:250px;height:250px}.chart-stage svg{height:210px}.chart-axis-labels{left:20px;right:16px}.chart-tooltip{width:165px}.funnel-product-cell{min-width:230px}.query-action-btn{padding-inline:8px}.search-query-explanation{flex-direction:column}.campaign-page-tabs{margin-inline:-2px}
}

/* Read-only shipment sheet for employees without edit permission. */
.shipment-readonly .shipment-add-product-panel,
.shipment-readonly .shipment-builder-actions,
.shipment-readonly [data-shipment-edit-only]{display:none!important}
.shipment-readonly input:disabled,
.shipment-readonly select:disabled,
.shipment-readonly textarea:disabled{opacity:.78;background:#f8fafc;color:var(--text);cursor:default}


/* ===== products.css ===== */
/* v0.65-products — unified product catalog and product card */
.products-hub-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}.products-hub-header h2{margin:3px 0 5px;font-size:26px;line-height:1.15}.products-hub-header p{margin:0;color:var(--muted);font-size:13px}.products-hub-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04)}.products-hub-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:700 13px/1.15 inherit;cursor:pointer;white-space:nowrap}.products-hub-tab:hover{background:var(--surface-soft);color:var(--text)}.products-hub-tab.active{background:var(--brand);color:#fff;box-shadow:0 6px 14px rgba(98,85,223,.2)}.products-hub-pane{display:none}.products-hub-pane.active{display:block}.product-filter-bar{margin-bottom:12px}.product-analytics-filters{}.product-analytics-filters>label{min-width:0}
.product-analytics-filters>.range-field{}.products-search input{width:100%}.products-catalog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;min-height:40px}.products-catalog-actions>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.products-result-meta{margin:8px 0 10px}.products-hub-table .product-card-link{min-width:260px}.products-hub-table .product-thumb{width:42px;height:42px}.products-hub-table td{vertical-align:middle}
.products-hub-table th{vertical-align:middle}.products-costs-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}.products-costs-heading h3{font-size:21px;margin:3px 0 5px}.products-costs-heading p{margin:0;color:var(--muted)}#productsPaneCosts>.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px}#productsPaneCosts>.filters label{min-width:210px;flex:1}#productsPaneCosts .import-panel{margin-top:14px}.product-profile-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.product-profile-main{min-width:0;flex:1}.product-profile-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.product-current-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.product-current-price span{font-size:11px;color:var(--muted);font-weight:700}.product-current-price b{font-size:18px;font-variant-numeric:tabular-nums}.product-detail-tabs{display:flex;gap:4px;overflow:auto;padding:5px;margin:14px 0;border:1px solid var(--line);border-radius:12px;background:#fff;scrollbar-width:thin}.product-detail-tabs button{flex:0 0 auto;min-height:38px;padding:8px 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:700 13px/1.15 inherit;cursor:pointer;white-space:nowrap}.product-detail-tabs button:hover{background:var(--surface-soft);color:var(--text)}.product-detail-tabs button.active{background:#ede9fe;color:#4c3fd3}.product-detail-pane{display:none}.product-detail-pane.active{display:block}.product-detail-grid.two-products{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-cost-history{display:grid;gap:8px}.product-cost-history>div{display:grid;grid-template-columns:100px 110px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.product-cost-history>div:last-child{border-bottom:0}.product-cost-history span{color:var(--muted);font-size:12px}.product-cost-history b{text-align:right;font-variant-numeric:tabular-nums}.product-cost-history small{min-width:0;overflow-wrap:anywhere;color:var(--muted)}
@media (max-width:1180px){.product-analytics-filters{}.products-hub-header{align-items:flex-start;flex-direction:column}.products-hub-tabs{width:100%}.products-hub-tab{flex:1;justify-content:center}.product-profile-card{flex-direction:column}.product-profile-actions{width:100%;justify-content:space-between}.product-current-price{align-items:flex-start}.product-detail-grid.two-products{grid-template-columns:1fr}}
@media (max-width:700px){.products-hub-header h2{font-size:23px}.products-hub-tabs{overflow:auto}.products-hub-tab{flex:0 0 auto}.product-analytics-filters{}.products-catalog-actions{align-items:flex-start;flex-direction:column}.products-catalog-actions>div:last-child{width:100%}.products-catalog-actions .btn{flex:1}.products-costs-heading{flex-direction:column}.products-costs-heading .btn{width:100%}.product-profile-actions{align-items:stretch;flex-direction:column}.product-current-price{align-items:flex-start}.product-detail-tabs{margin-inline:-2px}.product-cost-history>div{grid-template-columns:88px 90px minmax(0,1fr);font-size:12px}}
/* Keep the product toolbar inside the visible panel while the full table scrolls below it. */
.products-table-panel{overflow:hidden!important;min-width:0}
#productsTable{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}
#productsTable>.smart-table-toolbar{box-sizing:border-box;}
#productsTable>table{width:max-content;max-width:none}
.table-wrap>#productsTable{width:100%!important;min-width:0!important;max-width:100%!important}
.products-table-panel #productsTable{min-width:0!important}

/* Product KPIs keep words intact on compact laptop and mobile cards. */
.product-economy-cards .card .label{
}

/* v0.65-polish3: карточка товара и сверка товарной прибыли */
.product-profile-actions .btn,.product-detail-actions .btn,.product-packaging-section .btn{min-height:40px;border-radius:10px;font-weight:700;box-shadow:none}
.product-profile-actions .btn:hover,.product-detail-actions .btn:hover,.product-packaging-section .btn:hover{transform:translateY(-1px)}
.product-detail-topbar{align-items:center;gap:12px}.product-detail-topbar #backToProducts{flex:0 0 auto;min-width:112px}
.profit-reconciliation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.profit-reconciliation>div{display:flex;flex-direction:column;gap:3px;min-width:0}.profit-reconciliation span{font-size:12px;color:var(--muted)}.profit-reconciliation b{font-size:16px;font-variant-numeric:tabular-nums}.profit-reconciliation small{font-size:11px;color:var(--muted);line-height:1.35}.profit-reconciliation .warn b{color:var(--warning,#b45309)}
@media(max-width:760px){.product-profile-card{flex-direction:column}.product-profile-actions{width:100%;flex-wrap:wrap}.product-current-price{align-items:flex-start}.profit-reconciliation{grid-template-columns:1fr}.product-detail-grid.two-products{grid-template-columns:1fr}.product-detail-topbar{align-items:stretch;flex-direction:column}.product-detail-topbar #backToProducts{align-self:flex-start}}

/* v0.65-polish3: product image fallback and warehouse labels */
.product-stock-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.product-stock-row>div>span{font-weight:500;color:var(--muted)}


/* ===== settings-auth.css ===== */
/* v0.65-settings-auth — registration verification, settings and team access */
.register-verification-step{display:grid;gap:15px;text-align:center;padding-top:4px}.verification-icon{width:54px;height:54px;margin:0 auto;display:grid;place-items:center;border-radius:16px;background:#f0efff;color:#5a4bd8;font-size:25px}.register-verification-step h3{margin:0;font-size:20px}.register-verification-step .auth-field{text-align:left}.register-verification-step #registrationCode{height:54px;text-align:center;font-size:24px;font-weight:750;letter-spacing:8px;font-variant-numeric:tabular-nums}.verification-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.verification-actions .btn{min-height:36px!important;padding:7px 10px!important}.email-verification-status{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:16px;border:1px solid #b7e4d2;background:#f1fbf7;border-radius:12px}.email-verification-status>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#d9f5e8;color:#087a55;font-weight:800}.email-verification-status b,.email-verification-status small{display:block}.email-verification-status small{margin-top:3px;color:#667085}.email-verification-status.is-unverified{border-color:#fed7aa;background:#fff9f1}.email-verification-status.is-unverified>span{background:#ffedd5;color:#b45309}.email-verification-status.is-unverified b:after{content:' не';white-space:pre}

.settings-shell{display:grid;gap:14px}.settings-hero-modern{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:0!important;background:linear-gradient(135deg,#fff 0,#fbfaff 100%)}.settings-hero-modern h3{font-size:21px!important;margin:4px 0 5px!important}.settings-health{display:flex;align-items:center;gap:10px;min-width:240px;max-width:360px;padding:12px 14px;border:1px solid #e6e4f5;border-radius:12px;background:#fff}.settings-health b,.settings-health small{display:block}.settings-health small{margin-top:2px;color:#667085;font-size:12px}.settings-health.is-good{border-color:#b7e4d2;background:#f5fcf9}.settings-health.is-warn{border-color:#fed7aa;background:#fffaf3}.settings-tabs{display:flex;gap:5px;padding:5px;border:1px solid #e6e7ee;background:#fff;border-radius:13px;overflow:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{flex:0 0 auto;min-height:38px;padding:8px 13px;border:0;border-radius:9px;background:transparent;color:#667085;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.settings-tabs button:hover{background:#f7f7fb;color:#344054}.settings-tabs button.active{background:#efedff;color:#4b3fc5;box-shadow:inset 0 0 0 1px #d9d5ff}.settings-pane{display:none;gap:14px}.settings-pane.active{display:grid}.settings-grid-modern{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:14px}.settings-card-modern{margin-bottom:0!important}.settings-card-modern .panel-head{gap:16px;align-items:flex-start}.settings-card-icon{flex:0 0 auto;min-width:38px;height:38px;padding:0 8px;display:grid;place-items:center;border-radius:11px;background:#f1efff;color:#5a4bd8;font-size:12px;font-weight:800}.settings-form-modern label{font-size:12.5px!important;font-weight:650;color:#475467!important}.settings-form-modern input,.settings-form-modern select{margin-top:1px}.settings-actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.settings-actions-row>div{flex:1 1 220px}.settings-cabinet-list{display:grid;gap:12px}.settings-cabinet-card{padding:17px;border:1px solid #e4e6ed;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(16,24,40,.035)}.settings-cabinet-card-head{display:flex;align-items:center;gap:11px}.settings-cabinet-card-head>div:nth-child(2){min-width:0;flex:1}.settings-cabinet-card-head h4{margin:0;font-size:15px;overflow-wrap:anywhere}.settings-cabinet-card-head span:not(.pill){display:block;margin-top:2px;color:#98a2b3;font-size:11.5px}.settings-cabinet-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7857e8,#b34ee1);color:#fff;font-size:11px;font-weight:800}.settings-cabinet-facts{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:10px;margin:14px 0}.settings-cabinet-facts>span{min-width:0;padding:10px 11px;border-radius:10px;background:#f8f9fb}.settings-cabinet-facts small,.settings-cabinet-facts b{display:block}.settings-cabinet-facts small{margin-bottom:4px;color:#98a2b3;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.settings-cabinet-facts b{font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}.settings-cabinet-actions{display:flex;gap:8px;flex-wrap:wrap}.tax-settings-note{margin:12px 0 0}.tax-cost-check{align-self:end;min-height:42px!important;padding:9px 11px;border:1px solid #e4e6ed;border-radius:10px;background:#fafafa}

.api-wizard-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:14px}.api-guide-panel,.api-connect-panel{margin-bottom:0!important}.api-guide-visual{margin:14px 0}.api-guide-browser{overflow:hidden;border:1px solid #dddfea;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.06)}.api-guide-browser-top{display:flex;align-items:center;gap:5px;height:34px;padding:0 10px;background:#f4f5f8;border-bottom:1px solid #e6e7ec}.api-guide-browser-top i{width:7px;height:7px;border-radius:50%;background:#c8ccd6}.api-guide-browser-top span{margin-left:7px;color:#667085;font-size:10.5px}.api-guide-browser-body{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:180px}.api-guide-browser-body aside{display:flex;flex-direction:column;gap:5px;padding:13px 9px;background:#fafafb;border-right:1px solid #ebecf0}.api-guide-browser-body aside b,.api-guide-browser-body aside span{padding:7px 8px;border-radius:7px;font-size:10.5px}.api-guide-browser-body aside span{color:#667085}.api-guide-browser-body aside .active{background:#ece9ff;color:#5144c4;font-weight:700}.api-guide-browser-body main{display:block!important;margin:0!important;padding:14px!important;min-height:auto!important}.api-guide-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.api-guide-title b{font-size:12px}.api-guide-title button{border:0;border-radius:8px;background:#5a4bd8;color:#fff;padding:7px 9px;font-size:9.5px;font-weight:700}.api-guide-token{display:grid;gap:5px;margin-top:26px;padding:14px;border:1px solid #e1dfff;border-radius:10px;background:#fbfaff}.api-guide-token span,.api-guide-token small{font-size:9.5px;color:#667085}.api-guide-token b{font-size:12px}.api-guide-steps{display:grid;gap:9px;margin:15px 0;padding-left:22px}.api-guide-steps li{padding-left:3px;font-size:12.5px;line-height:1.45;color:#475467}.official-wb-link{width:100%;margin-top:4px}.api-connect-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:4px 0 16px}.api-connect-steps span{padding:8px 7px;border-radius:8px;background:#f7f7fa;color:#98a2b3;text-align:center;font-size:10.5px;font-weight:700}.api-connect-steps .active{background:#eeecff;color:#5447ca}.api-form-modern{display:grid!important;grid-template-columns:1fr!important}.api-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.api-help-small{width:100%;margin-top:8px}.api-token-status{margin:8px 0!important}.api-token-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.api-token-head>div{min-width:0;overflow-wrap:anywhere}.sync-status-list{display:grid;gap:7px;margin-top:10px}.sync-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 11px;border:1px solid #ececf1;border-radius:10px;background:#fafafa;font-size:12px}.sync-line .small-muted,.sync-line .sync-error{flex-basis:100%;padding-left:17px}.sync-error{color:#b42318}.api-check-list{display:grid;gap:6px;margin-top:9px;font-size:12px}

.billing-current-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px;align-items:center;margin-bottom:0!important;background:linear-gradient(135deg,#fff,#f8f7ff)}.billing-current-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.billing-current-title h3{margin:3px 0!important;font-size:20px!important}.billing-current-main p{margin:5px 0 0;color:#667085;font-size:12.5px}.billing-current-days{text-align:right}.billing-current-days strong,.billing-current-days span{display:block}.billing-current-days strong{font-size:26px;color:#4f43c5;font-variant-numeric:tabular-nums}.billing-current-days span{font-size:11.5px;color:#667085}.billing-current-limits{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.billing-current-limits span{padding:6px 9px;border-radius:8px;background:#f1f0f7;color:#475467;font-size:11.5px}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.billing-plan-card{position:relative;display:flex;flex-direction:column;gap:13px;min-width:0;padding:16px;border:1px solid #e4e5ec;border-radius:13px;background:#fff}.billing-plan-card.featured{border-color:#9f96ee;background:#fbfaff;box-shadow:0 8px 24px rgba(90,75,216,.08)}.billing-plan-badge{position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;background:#e8e5ff;color:#5144c4;font-size:9.5px;font-weight:800}.billing-plan-card>div>span{display:block;padding-right:56px;color:#667085;font-size:12px;font-weight:700}.billing-plan-card h4{margin:7px 0 3px;font-size:22px}.billing-plan-card small{color:#667085;font-size:11px}.billing-plan-card ul{display:grid;gap:5px;margin:0;padding:0;list-style:none;color:#475467;font-size:11.5px}.billing-plan-card li:before{content:'✓';margin-right:6px;color:#0f9f6e;font-weight:800}.billing-plan-card .btn{margin-top:auto;width:100%}

.team-wizard-card{gap:13px!important}.team-wizard-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:2px 0 5px}.team-wizard-progress button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;padding:7px;border:1px solid #e4e5eb;border-radius:9px;background:#fff;color:#667085;font:inherit;font-size:10.5px;font-weight:700;cursor:pointer;overflow-wrap:anywhere}.team-wizard-progress button span{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f1f2f5;font-size:9px}.team-wizard-progress button.active{border-color:#9f96ee;background:#f4f2ff;color:#5144c4}.team-wizard-progress button.active span,.team-wizard-progress button.done span{background:#5a4bd8;color:#fff}.team-wizard-progress button.done{color:#5144c4}.team-wizard-step{display:none}.team-wizard-step.active{display:grid;gap:13px}.team-step-intro{display:grid;gap:4px;padding:12px 13px;border-radius:11px;background:#f8f8fb}.team-step-intro b{font-size:13.5px}.team-step-intro span{color:#667085;font-size:12px;line-height:1.45}.team-person-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.team-master-toggle,.team-permission-option{display:flex!important;align-items:flex-start!important;gap:10px!important;color:#344054!important}.team-master-toggle input,.team-permission-option input{flex:0 0 auto;margin-top:2px}.team-all-cabinets-card{padding:13px;border:1px solid #dddfea;border-radius:11px;background:#fff}.team-all-cabinets-card b,.team-all-cabinets-card small,.team-permission-option b,.team-permission-option small{display:block}.team-all-cabinets-card small,.team-permission-option small{margin-top:3px;color:#667085;font-size:11.5px;line-height:1.4}.team-cabinet-permissions,.team-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-section-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-permission-group{padding:12px;border:1px solid #e3e4ea;border-radius:11px;background:#fff}.team-permission-group-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.team-permission-group-head b{font-size:12.5px}.team-permission-group-head button{border:0;background:transparent;color:#5a4bd8;font-size:10.5px;font-weight:700;cursor:pointer}.team-permission-group-list{display:grid;gap:7px}.team-permission-option{padding:10px;border:1px solid #ececf1;border-radius:9px;background:#fafafa}.team-group-actions{display:flex;gap:8px;flex-wrap:wrap}.team-access-section{padding:13px;border:1px solid #e3e4ea;border-radius:12px;background:#fff}.team-access-section.sensitive{border-color:#f3d4b7;background:#fffbf6}.team-access-section-head{margin-bottom:11px}.team-access-section-head b,.team-access-section-head span{display:block}.team-access-section-head span{margin-top:3px;color:#667085;font-size:11.5px}.team-access-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.team-summary-person{grid-column:1/-1;padding:13px;border-radius:11px;background:#f1efff}.team-summary-person b,.team-summary-person span{display:block}.team-summary-person span{margin-top:3px;color:#667085;font-size:12px}.team-access-summary section{padding:11px;border:1px solid #e5e6eb;border-radius:10px}.team-access-summary section>b{display:block;margin-bottom:7px;font-size:12px}.team-access-summary section>div{display:flex;gap:5px;flex-wrap:wrap}.team-access-summary section span{padding:5px 7px;border-radius:7px;background:#f2f3f6;color:#475467;font-size:10.5px}.team-invite-result{display:grid;gap:8px;padding:13px;border:1px solid #b7e4d2;border-radius:11px;background:#f4fcf8}.team-invite-result>span{color:#475467;font-size:12px}.team-link-row{display:flex;gap:7px}.team-link-row input{min-width:0;flex:1}.team-modal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid #ececf1}.team-modal-actions>div{flex:1 1 100%;margin:0}.team-security-note{display:none!important}

@media(max-width:1050px){.settings-grid-modern,.api-wizard-layout{grid-template-columns:1fr}.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-cabinet-facts{grid-template-columns:1fr 1fr}.team-wizard-progress button{font-size:0}.team-wizard-progress button span{font-size:10px}}
@media(max-width:700px){.settings-hero-modern{align-items:flex-start;flex-direction:column}.settings-health{width:100%;min-width:0;max-width:none}.settings-tabs{margin-left:-2px;margin-right:-2px}.settings-tabs button{font-size:12px;padding-left:10px;padding-right:10px}.settings-grid-modern{grid-template-columns:1fr}.settings-cabinet-facts{grid-template-columns:1fr}.settings-cabinet-actions .btn{flex:1 1 100%}.api-guide-browser-body{grid-template-columns:92px minmax(0,1fr)}.api-guide-browser-body aside{padding:10px 6px}.api-guide-browser-body aside b,.api-guide-browser-body aside span{font-size:9px;padding:6px}.api-primary-actions{grid-template-columns:1fr}.billing-current-card{grid-template-columns:1fr}.billing-current-days{text-align:left;display:flex;align-items:baseline;gap:7px}.billing-current-limits{grid-column:1}.billing-plan-grid{grid-template-columns:1fr}.team-wizard-progress{grid-template-columns:repeat(5,1fr)}.team-wizard-progress button{min-height:34px;padding:5px}.team-person-grid,.team-cabinet-permissions,.team-permission-grid,.team-section-groups,.team-access-summary{grid-template-columns:1fr}.team-summary-person{grid-column:1}.team-link-row{flex-direction:column}.team-link-row .btn{width:100%}.verification-actions{display:grid;grid-template-columns:1fr}.register-verification-step #registrationCode{font-size:22px;letter-spacing:6px}}
/* Align generated team editor class names with the design system. */
.team-section-group{padding:12px;border:1px solid #e3e4ea;border-radius:11px;background:#fff}.team-section-group>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.team-section-group>div:first-child>b{font-size:12.5px}.team-section-group>div:first-child>button{border:0;background:transparent;color:#5a4bd8;font-size:10.5px;font-weight:700;cursor:pointer}.team-permission-item,.team-cabinet-item{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px;border:1px solid #ececf1;border-radius:9px;background:#fafafa;color:#344054!important}.team-permission-item input,.team-cabinet-item input{flex:0 0 auto;margin-top:2px}.team-permission-item b,.team-permission-item small,.team-cabinet-item b,.team-cabinet-item small{display:block}.team-permission-item small,.team-cabinet-item small{margin-top:3px;color:#667085;font-size:11.5px;line-height:1.4}.team-permission-switch{display:none}
.settings-field-hint{display:block;margin-top:4px;color:#98a2b3;font-size:10.5px;line-height:1.35}.settings-form-modern input[readonly]{background:#f7f7f9;color:#667085;cursor:not-allowed}.billing-plan-card h4{overflow-wrap:anywhere}

/* v0.67 — active account sessions */
.security-sessions-block{margin-top:18px;padding-top:16px;border-top:1px solid #ececf1}.security-sessions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.security-sessions-head h4{margin:0;font-size:14px}.security-sessions-head p{margin:3px 0 0}.security-session-list{display:grid;gap:8px}.security-session-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e5e7ed;border-radius:11px;background:#fafafa}.security-session-row.is-current{border-color:#c8c2ff;background:#f8f7ff}.security-session-device{min-width:0}.security-session-device b,.security-session-device span{display:block}.security-session-device b{font-size:12.5px;overflow-wrap:anywhere}.security-session-device span{margin-top:3px;color:#667085;font-size:10.5px;line-height:1.4}.security-session-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.security-session-meta i{font-style:normal;padding:4px 6px;border-radius:7px;background:#eef0f4;color:#475467;font-size:9.5px}.security-session-row.is-current .security-session-meta i:first-child{background:#e7e4ff;color:#5144c4}.security-session-row .btn{white-space:nowrap}@media(max-width:700px){.security-sessions-head{align-items:stretch;flex-direction:column}.security-sessions-head .btn{width:100%}.security-session-row{grid-template-columns:1fr}.security-session-row .btn{width:100%}}

.auth-forgot-btn{margin-top:-5px}.auth-form#passwordResetForm>div{display:grid;gap:13px}.auth-form#passwordResetForm>div[hidden]{display:none}.auth-form#passwordResetForm .register-verification-step{padding-top:0}

/* v0.67-hardening2 — delayed account deletion */
.account-deletion-card{border-color:#f0c7c2!important;background:linear-gradient(135deg,#fff,#fff8f7)}.account-deletion-icon{background:#fff0ee!important;color:#b42318!important}.account-deletion-card .panel-head{margin-bottom:12px}.account-deletion-state{display:grid;gap:8px;padding:12px 13px;border:1px solid #efd5d1;border-radius:11px;background:#fff}.account-deletion-state.pending{border-color:#f5c46b;background:#fffaf0}.account-deletion-state b{font-size:13px}.account-deletion-state span,.account-deletion-state small{color:#667085;font-size:11.5px;line-height:1.45}.account-deletion-facts{display:flex;gap:6px;flex-wrap:wrap}.account-deletion-facts i{font-style:normal;padding:5px 7px;border-radius:8px;background:#f2f3f6;color:#475467;font-size:10.5px}.account-deletion-modal-card{width:min(560px,calc(100vw - 28px));display:grid;gap:13px}.account-deletion-modal-card label{display:grid;gap:7px;font-size:12.5px;font-weight:700}.account-deletion-warning{border-color:#f0b8b1!important;background:#fff6f5!important;color:#7a271a!important}@media(max-width:700px){.account-deletion-card .settings-actions-row .btn{width:100%}.account-deletion-modal-card{width:calc(100vw - 20px)}}


/* ===== hardening.css ===== */
/* v0.65-hardening1: final accessibility, subscription and mobile-table layer. */
.subscription-gate-banner{margin:12px 22px 0;padding:14px 16px;border:1px solid #f5c06a;background:#fff8e8;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#6b4300}
.subscription-gate-banner[hidden]{display:none!important}.subscription-gate-banner div{display:grid;gap:3px}.subscription-gate-banner span{font-size:12.5px;color:#805b1d}
.small-muted,.panel-subtitle,.table-result-meta,.field-help,.help-text{font-size:clamp(11.5px,.82rem,13px)}
.sort-header{padding-block:7px}.sort-header .table-header-text{font-size:12px;line-height:1.25}.table-columns-button{}
@media(max-width:640px){
  .subscription-gate-banner{margin:8px 12px 0;align-items:stretch;flex-direction:column}.subscription-gate-banner .btn{width:100%;min-height:44px}
  .settings-tabs{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.settings-tabs>[data-settings-tab]{flex:0 0 auto;scroll-snap-align:start;min-height:44px}
  .smart-table-toolbar[data-table-toolbar="reports"],.smart-table-toolbar[data-table-toolbar="expenses"],.smart-table-toolbar[data-table-toolbar="control"],.smart-table-toolbar[data-table-toolbar="team-members"]{display:none!important}
  table[data-table-key="reports"],table[data-table-key="expenses"],table[data-table-key="control"],table[data-table-key="team-members"]{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;background:transparent;border:0}
  table[data-table-key="reports"] colgroup,table[data-table-key="expenses"] colgroup,table[data-table-key="control"] colgroup,table[data-table-key="team-members"] colgroup,
  table[data-table-key="reports"] thead,table[data-table-key="expenses"] thead,table[data-table-key="control"] thead,table[data-table-key="team-members"] thead{display:none!important}
  table[data-table-key="reports"] tbody,table[data-table-key="expenses"] tbody,table[data-table-key="control"] tbody,table[data-table-key="team-members"] tbody{display:grid!important;gap:10px;width:100%}
  table[data-table-key="reports"] tr,table[data-table-key="expenses"] tr,table[data-table-key="control"] tr,table[data-table-key="team-members"] tr{display:grid!important;width:100%;min-width:0;border:1px solid #e6e9f0;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.04);padding:7px 12px}
  table[data-table-key="reports"] td,table[data-table-key="expenses"] td,table[data-table-key="control"] td,table[data-table-key="team-members"] td{display:grid!important;grid-template-columns:minmax(105px,38%) minmax(0,1fr);align-items:start;gap:12px;width:100%!important;min-width:0!important;max-width:none!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #eef0f5!important;text-align:left!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;font-size:13px;line-height:1.35}
  table[data-table-key="reports"] td:last-child,table[data-table-key="expenses"] td:last-child,table[data-table-key="control"] td:last-child,table[data-table-key="team-members"] td:last-child{border-bottom:0!important}
  table[data-table-key="reports"] td::before,table[data-table-key="expenses"] td::before,table[data-table-key="control"] td::before,table[data-table-key="team-members"] td::before{content:attr(data-label);font-size:11.5px;font-weight:650;color:#667085;line-height:1.35}
  table[data-table-key="reports"] td>* ,table[data-table-key="expenses"] td>* ,table[data-table-key="control"] td>* ,table[data-table-key="team-members"] td>*{max-width:100%;min-width:0;overflow-wrap:anywhere}
  table[data-table-key="reports"] .row-actions,table[data-table-key="expenses"] .row-actions,table[data-table-key="control"] .row-actions,table[data-table-key="team-members"] .row-actions{justify-content:flex-start;flex-wrap:wrap}
}

/* Readability floor: keep compact cards, but never make meaningful text microscopic. */
.help-tip{width:19px!important;height:19px!important;flex-basis:19px!important;font-size:11.5px!important}
.summary-card-secondary, .metric-comparison, .card small{font-size:11.5px!important;line-height:1.4!important}
.metric-card small{}
.summary-metric-card small{font-size:11.5px!important;line-height:1.4!important}
.label-with-tip, .card .label{font-size:11.75px!important;line-height:1.32!important}
.metric-card .label{}
.summary-metric-card .label{font-size:11.75px!important;line-height:1.32!important}
.period-chip{font-size:11.5px!important}
.sort-mark{}
.section-tab em, .entity-tab em, .view-switch em{font-size:11.5px!important}
.table-columns-button small{}
.settings-field-hint, .data-freshness, .sync-compact, .order-product span, .product-name-link span, .range-trigger>span:first-child, #summaryPeriodLabel, #ordersPeriodLabel, #productsPeriodLabel, #reportsPeriodLabel, #expensesPeriodLabel, #advertisingPeriodLabel, #growthPeriodLabel{font-size:11.5px!important}
.summary-trust-title small,.summary-trust-items small,.summary-mode-tab small,
.profit-route-node>span,.profit-route-node>small,.month-forecast-head span:first-child,
.forecast-confidence,.month-forecast-grid span,.month-forecast-grid small,
.month-forecast-panel>p,.month-forecast-empty span,.month-forecast-empty p{font-size:11.5px!important;line-height:1.4!important}
.summary-data-trust>small,.summary-data-trust small{font-size:11.5px!important}
.tab-count,[id$="Count"]{font-size:11.5px!important}
.settings-check small,.api-access-note span,.workspace-select small{font-size:11.5px!important;line-height:1.4!important}
@media(max-width:640px){
  .card .label{font-size:11.5px!important}
.metric-card .label{}
.summary-metric-card .label, .label-with-tip{font-size:11.5px!important}
  .period-chip{font-size:11.75px!important}
  .products-wide-table td::before{font-size:11.5px!important}
}
#teamMembers{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:3px}
.profit-route-operator span,.profit-route-breakdown-title span,.profit-route-warning,
.summary-product-tab,.summary-product-rank-number{font-size:11.5px!important}
.range-trigger span,.range-summary span{font-size:11.5px}
@media(max-width:640px){#teamMembers{overflow-x:visible;padding-bottom:0}}


/* ===== polish2.css ===== */
/* v0.65-polish2 — unified visual polish */
:root{--p2-radius:12px;--p2-control-h:40px;--p2-border:#e2e5ec;--p2-muted:#667085;--p2-brand:#5b4bd8;--p2-soft:#f2f0ff}
.topbar{min-height:72px!important;padding:10px 18px!important;align-items:center!important}.topbar-heading{gap:1px!important}.topbar-heading h2{font-size:23px!important}.topbar-heading p{font-size:12px!important;margin-top:1px!important}.page-eyebrow{font-size:10px!important}.top-actions{align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.topbar-selector{height:var(--p2-control-h)!important;min-height:var(--p2-control-h)!important;border:1px solid var(--p2-border)!important;border-radius:10px!important;background:#fff!important;padding:3px 9px!important;display:grid!important;grid-template-rows:11px 18px!important;align-content:center!important}.topbar-selector-label{font-size:9.5px!important;line-height:1!important;color:#7b8495!important}.topbar-selector select{height:19px!important;min-height:19px!important;padding:0 24px 0 0!important;border:0!important;border-radius:0!important;background-color:transparent!important;font-size:12.5px!important;font-weight:750!important}.topbar-logout,.notification-bell{height:var(--p2-control-h)!important;min-height:var(--p2-control-h)!important;border-radius:10px!important}.topbar-logout{padding:0 12px!important}.notification-bell{width:40px!important}.notification-count{min-width:15px!important;height:15px!important;right:-3px!important;top:-3px!important;padding:0 3px!important;border-width:1.5px!important;font-size:8px!important;line-height:12px!important}
.summary-mode-tabs{display:grid!important;grid-template-columns:minmax(260px,1fr) 54px minmax(260px,1fr)!important;align-items:stretch!important;gap:0!important}.summary-mode-connector{display:flex;align-items:center;justify-content:center;gap:4px;color:#8176dd}.summary-mode-connector i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b7b0ed)}.summary-mode-connector i:last-child{background:linear-gradient(90deg,#b7b0ed,transparent)}.summary-mode-connector b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9d5fa;border-radius:50%;background:#faf9ff;font-size:15px;box-shadow:0 4px 12px rgba(91,75,216,.1)}.summary-mode-tab{min-height:68px!important;border:1px solid #dfe2eb!important;border-radius:13px!important;background:#fff!important}.summary-mode-tab.active{border-color:#7669e9!important;background:linear-gradient(135deg,#f4f2ff,#fff)!important;box-shadow:0 7px 20px rgba(91,75,216,.13)!important}.summary-mode-tab:not(.active){opacity:.78}.summary-mode-tab:hover{opacity:1;transform:translateY(-1px)}.summary-mode-tab .summary-mode-arrow{display:none!important}
.profit-route-operator{min-width:30px}.profit-route-operator span{display:none!important}
/* unified KPI cards */
.cards .card, .summary-dashboard-card{position:relative!important;min-height:92px!important;padding:13px 14px!important;border:1px solid #e5e7ee!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 16px rgba(27,35,58,.055)!important;align-content:center!important}
.metric-card{min-height:92px!important;padding:13px 14px!important;}.cards .card:before,.summary-dashboard-card:before{width:28px!important;height:28px!important;font-size:13px!important;border-radius:9px!important}.cards .card>span,.summary-dashboard-card .summary-card-label{font-size:11.75px!important;line-height:1.25!important;align-items:center!important;margin:0!important}.cards .card>b,.summary-dashboard-card .summary-card-value{font-size:20px!important;line-height:1.12!important;margin-top:5px!important}.help-tip{width:17px!important;height:17px!important;min-width:17px!important;font-size:10px!important;vertical-align:middle!important}.summary-card-delta,.card-delta,.metric-delta{font-size:11.5px!important;font-weight:750!important}.positive,.delta-positive{color:#087a55!important}.negative,.delta-negative{color:#c43232!important}.neutral,.delta-neutral{color:#667085!important}
/* tabs */
.section-tabs,.products-hub-tabs,.view-switcher,.planning-main-tabs{gap:5px!important;padding:5px!important;border:1px solid #e0e3eb!important;border-radius:12px!important;background:#f7f8fb!important}.section-tab,.products-hub-tab,.view-switch,.planning-main-tab{min-height:42px!important;padding:9px 15px!important;border-radius:9px!important;font-size:13.5px!important;font-weight:750!important}.section-tab.active,.products-hub-tab.active,.view-switch.active,.planning-main-tab.active{background:#fff!important;color:#4f42c8!important;box-shadow:0 3px 10px rgba(34,40,70,.09)!important;border-color:#d8d3fa!important}.products-hub-header{align-items:flex-end!important;gap:18px!important}.products-hub-tabs{flex:0 0 auto!important}.products-hub-tab{min-width:142px!important}.products-hub-pane:not(.active){display:none!important}.products-catalog-actions{gap:10px!important}.products-catalog-actions>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.product-filter-bar{margin-bottom:10px!important}
/* tables */
.smart-table-toolbar{}.table-scroll-actions{display:none!important}.table-resize-hint{margin-left:auto;color:#8a93a3;font-size:11.5px}.table-th-inner{}.table-th-inner>.sort-header, .table-th-inner>.table-header-label{flex:1;}.column-grip{}.column-grip:hover{}.column-resizer{}.column-resizer:after{}.table-cell-center{text-align:center!important;vertical-align:middle!important}.table-cell-center .pill,.table-cell-center .status{margin-inline:auto}.table-wrap table td, .smart-scroll-table table td{}.table-header-text{font-size:12.5px!important;}.sort-header{justify-content:center!important}.sort-mark{}.orders-table .table-cell-center{font-variant-numeric:tabular-nums}.order-product .product-card-link{width:100%}.product-card-link{border-radius:9px!important}.product-card-link:hover{background:#f6f4ff!important}
.order-tabs,.orders-period-tabs{gap:6px!important}.order-tabs button,.orders-period-tabs button,[data-order-tab],[data-order-quick]{min-height:40px!important;padding:9px 16px!important;font-size:13.5px!important;border-radius:10px!important}
/* shipment */
.shipment-sheet-header{align-items:center!important}.shipment-sheet-fields{align-items:end!important}.shipment-sheet-fields label,.shipment-warehouse-field{font-size:11.5px!important}.shipment-sheet-fields input,.shipment-sheet-fields select,.shipment-warehouse-field input{height:42px!important}.shipment-warehouse-panel{align-items:end!important}.shipment-add-product-panel{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)!important;align-items:center!important}.shipment-add-product-controls{display:grid!important;grid-template-columns:minmax(320px,1fr) 130px auto!important;align-items:end!important;gap:8px!important}.shipment-product-picker{position:relative;min-width:0}.shipment-product-picker>input{width:100%;height:42px}.shipment-product-results{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 5px);max-height:350px;overflow:auto;padding:6px;border:1px solid #dfe2ea;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(24,32,60,.18)}.shipment-product-results.open{display:grid}.shipment-product-results button{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.shipment-product-results button:hover{background:#f5f3ff}.shipment-product-results img,.shipment-picker-placeholder{width:40px;height:40px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:#f0eff7;color:#6b5ed3;font-size:10px;font-weight:800}.shipment-product-results b{display:block;font-size:12.5px}.shipment-product-results small{display:block;margin-top:3px;color:#667085;font-size:10.75px;line-height:1.35}.shipment-picker-empty{padding:16px;text-align:center;color:#667085}.shipment-save-btn{background:linear-gradient(135deg,#5f50df,#4939bd)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(85,68,207,.25)!important}.shipment-save-btn.is-dirty:after{content:'•';margin-left:7px;color:#ffd166}.shipment-plan-grid,.shipment-builder-grid{align-items:start!important}.shipment-product-row,.shipment-package-card{align-items:center!important}.shipment-pallet-box-add{padding-top:8px;border-top:1px dashed #e2e4ea}.shipment-pallet-box-add select{min-width:250px}
/* advertising */
.ad-products-action-bar{margin-top:8px!important}.campaign-details-stack{display:grid;gap:14px}.campaign-details-stack>.panel{min-width:0}.campaign-page-grid,.campaign-details-grid{grid-template-columns:1fr!important}.adCampaignProductsTable,.adCampaignQueriesTable{min-width:0}.ad-products-toolbar{display:none!important}
.search-visibility-panel>summary,.api-instruction-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.search-visibility-panel>summary::-webkit-details-marker,.api-instruction-details>summary::-webkit-details-marker{display:none}.search-visibility-panel>summary span,.api-instruction-details>summary span{display:grid;gap:3px}.search-visibility-panel>summary small,.api-instruction-details>summary small{font-weight:500;color:#667085}.search-visibility-panel[open]>summary i,.api-instruction-details[open]>summary i{transform:rotate(180deg)}.search-visibility-panel #searchSummary{margin-top:14px}.query-action-btn{min-width:132px!important;font-size:11.5px!important}
/* team */
.team-cabinet-permissions,.team-permission-grid{gap:8px!important}.team-cabinet-item,.team-permission-item,.team-master-toggle{min-height:0!important;padding:10px 11px!important;border:1px solid #e2e5ec!important;border-radius:11px!important;transition:.15s ease}.team-cabinet-item small,.team-permission-item small{font-size:11px!important;line-height:1.35!important}.team-cabinet-item.selected,.team-permission-item.selected,.team-master-toggle.selected,.team-cabinet-item:has(input:checked),.team-permission-item:has(input:checked),.team-master-toggle:has(input:checked){border-color:#796be8!important;background:#f4f2ff!important;box-shadow:0 0 0 2px rgba(91,75,216,.08)!important}.team-cabinet-item.selected:after,.team-permission-item.selected:after,.team-master-toggle.selected:after{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#5b4bd8;color:#fff;font-size:11px;font-weight:900}.team-wizard-step{min-height:300px}
/* settings API */
.api-wizard-single{display:block!important}.api-connect-primary{max-width:920px;margin:0 auto 14px!important}.api-connect-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}.api-instruction-details{margin-top:15px;border-top:1px solid #eceef3;padding-top:13px}.api-instruction-details>summary{padding:4px 2px}.api-instruction-body{padding-top:10px}.api-instruction-actions{display:flex;gap:8px;flex-wrap:wrap}.api-primary-actions{max-width:600px}.sync-line{align-items:center!important}
@media(max-width:900px){.topbar{min-height:66px!important}.topbar-heading p,.page-eyebrow{display:none!important}.top-actions{gap:5px!important}.topbar-selector{max-width:190px}.topbar-logout span{display:none}.topbar-logout{width:40px;padding:0!important}.summary-mode-tabs{grid-template-columns:1fr 40px 1fr!important}.shipment-add-product-panel{grid-template-columns:1fr!important}.shipment-add-product-controls{grid-template-columns:1fr 120px auto!important}}
@media(max-width:620px){.topbar{align-items:center!important;padding:8px 10px!important}.topbar-heading{min-width:90px}.topbar-heading h2{font-size:18px!important}.top-actions{overflow-x:auto;max-width:calc(100vw - 125px);padding-bottom:1px}.topbar-selector{min-width:145px;max-width:160px}.summary-mode-tabs{grid-template-columns:1fr!important;gap:6px!important}.summary-mode-connector{height:22px;transform:rotate(90deg)}.summary-mode-tab{min-height:61px!important}.table-resize-hint{display:none}.column-grip{}
.column-resizer{}.products-hub-header{align-items:stretch!important}.products-hub-tabs{width:100%}.products-hub-tab{flex:1;min-width:0!important}.shipment-add-product-controls{grid-template-columns:1fr!important}.shipment-product-results{position:fixed;left:12px;right:12px;top:22%;max-height:55vh}.campaign-details-stack{gap:10px}.query-action-btn{min-width:116px!important}.api-connect-steps{grid-template-columns:1fr!important}.api-primary-actions{grid-template-columns:1fr!important}.cards .card{min-height:84px!important;padding:11px 12px!important}
.summary-dashboard-card{min-height:84px!important;padding:11px 12px!important}
.metric-card{min-height:84px!important;padding:11px 12px!important}.cards .card>b,.summary-dashboard-card .summary-card-value{font-size:18px!important}}

.shipment-product-row[draggable="true"]{cursor:grab}.shipment-product-row.is-dragging{opacity:.45}.shipment-package-card.is-drop-target{border-color:#6758df!important;box-shadow:0 0 0 3px rgba(91,75,216,.14),0 12px 30px rgba(44,37,120,.12)!important}.shipment-package-card.is-drop-target:before{content:'Отпустите товар, чтобы добавить';display:block;margin:-4px -4px 8px;padding:8px;border-radius:8px;background:#eeeaff;color:#5144c4;text-align:center;font-size:11.5px;font-weight:800}

/* final polish corrections */
.cards .card:before,.summary-dashboard-card:before,.metric-card:before{display:none!important}
.section-tab:focus,.products-hub-tab:focus,.view-switch:focus,.planning-main-tab:focus{outline:none!important}
.section-tab:focus-visible,.products-hub-tab:focus-visible,.view-switch:focus-visible,.planning-main-tab:focus-visible{box-shadow:0 0 0 3px rgba(91,75,216,.2)!important}
.notification-count{min-width:14px!important;height:14px!important;right:2px!important;top:2px!important;padding:0 2px!important;font-size:7.5px!important;line-height:11px!important}
.range-trigger{min-width:190px!important;padding-right:34px!important}
.sort-mark{opacity:.35;}.sort-header:hover .sort-mark, .sort-header[aria-sort]:not([aria-sort="none"]) .sort-mark{opacity:1}
.column-grip{}.table-th-inner:hover .column-grip{}
.column-grip:focus-visible{}
@media(max-width:620px){.range-trigger{min-width:170px!important}}
.products-hub-tab,.section-tab,.view-switch,.planning-main-tab{border:1px solid transparent!important;outline:0!important}
.products-hub-tab.active,.section-tab.active,.view-switch.active,.planning-main-tab.active{border-color:#d8d3fa!important}
.team-wizard-step{min-height:0!important;align-content:start!important}
.team-master-toggle,.team-cabinet-item{align-items:center!important}
.team-master-toggle input,.team-cabinet-item input{margin-top:0!important}

/* table readability: colgroup is the single source of truth for widths */
table[data-table-key] th.table-col-compact{width:auto!important;min-width:0!important;max-width:none!important}
table[data-table-key] td.table-col-compact{width:auto!important;min-width:0!important;max-width:none!important}
table[data-table-key] th.num{white-space:nowrap!important;overflow-wrap:normal!important}
table[data-table-key] td.num{white-space:nowrap!important;overflow-wrap:normal!important}
table[data-table-key] th{overflow:visible!important}
table[data-table-key] .table-header-text{}
table[data-table-key] .sort-header{}
table[data-table-key] .table-header-label{}

/* KPI headers: compact, aligned and never split inside a word */
.metric-card-top{position:relative!important;display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:8px!important;min-width:0!important}
.metric-card-top .metric-icon{}
.metric-card-top>.label{}
.metric-card-top .label-with-tip{display:block!important;width:100%!important;min-width:0!important;}
.metric-card-top .help-tip{}
.metric-card-top .label, .metric-card-top .label-with-tip{}

/* consistent segmented tabs across sections */
.section-tabs,.view-switcher,.products-hub-tabs{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px!important;border:1px solid #e1e4ec!important;border-radius:13px!important;background:#f5f6fa!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.section-tab,.view-switch,.products-hub-tab{min-height:40px!important;padding:9px 15px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#667085!important;font-size:13.25px!important;font-weight:750!important;line-height:1.2!important;box-shadow:none!important;cursor:pointer!important;white-space:nowrap!important}
.section-tab:hover,.view-switch:hover,.products-hub-tab:hover{background:#fff!important;color:#4237aa!important}
.section-tab.active,.view-switch.active,.products-hub-tab.active{background:#fff!important;color:#5042ce!important;border-color:#d8d3fa!important;box-shadow:0 3px 10px rgba(34,31,83,.08)!important}
.products-hub-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:4px 0 12px!important;padding:12px 14px!important;border:1px solid #e4e6ed!important;border-radius:14px!important;background:linear-gradient(135deg,#fff 0,#faf9ff 100%)!important}
.products-hub-intro{min-width:0!important}.products-hub-intro p{margin:3px 0 0!important;color:#667085!important;font-size:12.75px!important;line-height:1.42!important}
.products-hub-tabs{flex:0 0 auto!important}
.product-filter-bar{padding:14px 16px!important}.product-analytics-filters{}.product-analytics-filters>*{}.product-analytics-filters label{display:grid!important;gap:6px!important}
.product-analytics-filters .range-field{display:grid!important;gap:6px!important}.product-analytics-filters input, .product-analytics-filters select, .product-analytics-filters .range-trigger{width:100%!important;max-width:none!important}
.products-catalog-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:10px 0 12px!important;min-height:42px!important}.products-catalog-actions>div:last-child{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.products-catalog-actions .data-freshness{font-size:11.75px!important;color:#667085!important}
.products-result-meta{margin:10px 0 6px!important}.products-table-panel{margin-top:0!important}
.products-costs-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin-bottom:12px!important;padding:14px 16px!important;border:1px solid #e4e6ed!important;border-radius:14px!important;background:#fff!important}.products-costs-heading h3{margin:3px 0!important;font-size:17px!important}.products-costs-heading p{margin:0!important;color:#667085!important;font-size:12.5px!important}
@media(max-width:760px){.products-hub-header{align-items:stretch!important;flex-direction:column!important}.products-hub-tabs{width:100%!important}.products-hub-tab{flex:1!important}.products-catalog-actions{align-items:stretch!important;flex-direction:column!important}.products-catalog-actions>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important}.products-costs-heading{align-items:stretch!important;flex-direction:column!important}}

/* table headers: medium labels are readable without hover; only very long titles wrap at spaces */
table[data-table-key] .sort-header{}
table[data-table-key] .table-header-label{}
table[data-table-key] .table-header-text{}
table[data-table-key] thead th{height:auto!important;}
.chart-static-legend{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.chart-static-legend span{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:11.5px;font-weight:700}.chart-static-legend i{width:9px;height:9px;border-radius:50%;background:#5b4bd8}.chart-static-legend .spend i{background:#f79009}.chart-static-legend .sales i{background:#12b76a}.chart-static-legend .orders i{background:#4f7ee8}.chart-static-legend .drr i{background:#8b5cf6}
@media(max-width:700px){.chart-static-legend{justify-content:flex-start;width:100%}}

/* shipment product cards fit their actual column instead of overflowing into packages */
.shipment-product-row{grid-template-columns:minmax(0,1fr) 36px!important;gap:9px 10px!important;align-items:start!important}
.shipment-product-main{grid-column:1;min-width:0!important}.shipment-product-main>b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.35!important}
.shipment-product-progress{grid-column:1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important}
.shipment-product-places{grid-column:1!important;min-width:0!important}
.shipment-product-remove{grid-column:2!important;grid-row:1!important;align-self:start!important}
.shipment-section-head small{display:block;margin-top:4px;color:#7b8495;font-size:11px;line-height:1.4;max-width:430px}
@media(max-width:620px){.shipment-product-progress{grid-template-columns:1fr!important}.shipment-product-remove{grid-row:1!important}}

/* employee wizard: compact and unambiguous cabinet choices */
.team-master-toggle,.team-cabinet-item{position:relative!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;text-align:left!important;cursor:pointer!important}
.team-master-toggle>input,.team-cabinet-item>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.team-choice-box{position:relative!important;display:block!important;width:20px!important;height:20px!important;border:1.5px solid #c8ced9!important;border-radius:6px!important;background:#fff!important;box-shadow:inset 0 0 0 2px #fff!important}
.team-master-toggle input:checked+.team-choice-box,.team-cabinet-item input:checked+.team-choice-box{border-color:#5b4bd8!important;background:#5b4bd8!important}
.team-master-toggle input:checked+.team-choice-box:after,.team-cabinet-item input:checked+.team-choice-box:after{content:'✓'!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:12px!important;font-weight:900!important}
.team-choice-copy{display:block!important;min-width:0!important;text-align:left!important}.team-choice-copy b,.team-choice-copy small{display:block!important}.team-choice-copy b{font-size:12.75px!important;line-height:1.35!important}.team-choice-copy small{margin-top:3px!important;font-size:11.25px!important;line-height:1.35!important}
.team-cabinet-item.selected:after,.team-master-toggle.selected:after{content:none!important;display:none!important}
.team-all-cabinets-card{min-height:62px!important}.team-cabinet-item{min-height:70px!important}


/* ===== FROZEN SOURCE 04: styles/legacy/browser-consolidated.css ===== */
/* Consolidated IXRU browser hardening layer. Generated in working19; source boundaries retained below. */

/* ===== browser1.css ===== */
/* v0.68-browser1 — corrections confirmed by the real browser audit. */
.settings-form-modern label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}
.settings-form-modern label>input,.settings-form-modern label>select,.settings-form-modern label>.password-row{width:100%;min-width:0}
.table-wrap>.empty-state,#adTable>.empty-state,#growthTable>.empty-state,#controlTable>.empty-state,#reportsTable>.empty-state{width:100%!important;min-width:0!important;max-width:100%!important}
.onboarding-empty{min-height:230px;gap:10px;text-align:center}.onboarding-empty .btn{margin-top:8px}
@media(max-width:900px){
  .topbar{grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}
  .topbar-heading{grid-column:2;grid-row:1}.mobile-nav-toggle{grid-column:1;grid-row:1}
  .top-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
  .notification-bell{grid-column:1;grid-row:1}.topbar-logout{grid-column:3;grid-row:1}
  .top-actions .workspace-select:first-of-type{grid-column:1/-1!important;grid-row:2}.top-actions .workspace-select:last-of-type{grid-column:1/-1!important;grid-row:3}
}
@media(max-width:640px){
  .topbar{padding-top:10px!important;padding-bottom:10px!important;gap:8px!important}.topbar-heading p,.page-eyebrow{display:none!important}.topbar h2{font-size:20px!important}
  .top-actions{gap:6px!important}.workspace-select{padding:4px 7px 4px 10px!important;border-radius:12px!important}.workspace-select select{min-height:32px!important;padding-top:2px!important;padding-bottom:2px!important}.notification-bell,.topbar-logout,.mobile-nav-toggle{width:40px!important;height:40px!important;min-height:40px!important}
  .settings-tabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;padding:4px}
  .settings-tabs button{min-width:0;padding:8px 5px;font-size:0;overflow:hidden;text-overflow:ellipsis}
  .settings-tabs button::after{font-size:11.5px;white-space:nowrap}
  .settings-tabs button[data-settings-tab="profile"]::after{content:"Профиль"}.settings-tabs button[data-settings-tab="company"]::after{content:"Кабинеты"}.settings-tabs button[data-settings-tab="api"]::after{content:"API"}.settings-tabs button[data-settings-tab="billing"]::after{content:"Тариф"}
  .settings-form-modern label{gap:7px}.settings-form-modern input,.settings-form-modern select,.settings-form-modern .password-row{width:100%!important}
  .empty-state{padding-left:18px!important;padding-right:18px!important;text-align:center}.onboarding-empty .btn{width:100%}
}
.billing-plan-note{display:block;margin-top:8px;color:#667085;font-size:11.5px;line-height:1.4}
.billing-plan-card .btn[disabled]{cursor:not-allowed;opacity:.68;box-shadow:none}
#adTable:has(>.empty-state),#growthTable:has(>.empty-state),#controlTable:has(>.empty-state),#reportsTable:has(>.empty-state),#costsTable:has(>.empty-state){min-width:0!important;width:100%!important}
@media(max-width:640px){
  .top-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 40px!important;grid-template-rows:auto!important;align-items:stretch!important}
  .top-actions .workspace-select:first-of-type{grid-column:1!important;grid-row:1!important}
  .top-actions .workspace-select:last-of-type{grid-column:2!important;grid-row:1!important}
  .notification-bell{grid-column:3!important;grid-row:1!important}.topbar-logout{grid-column:4!important;grid-row:1!important}
  .workspace-select select{font-size:11.5px!important;text-overflow:ellipsis}
}


/* ===== browser2.css ===== */
/* v0.69-browser2: fixes confirmed by populated browser audit. */
@media (max-width:620px){
  #reportsTable,#controlTable{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .reports-modern-table,.control-modern-table,.expenses-modern-table,.costs-modern-table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;table-layout:auto!important}
  .reports-modern-table colgroup,.control-modern-table colgroup,.expenses-modern-table colgroup,.costs-modern-table colgroup{display:none!important}
  .reports-modern-table tbody,.control-modern-table tbody,.expenses-modern-table tbody,.costs-modern-table tbody{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important}
  .reports-modern-table tr,.control-modern-table tr,.expenses-modern-table tr,.costs-modern-table tr{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .reports-modern-table td,.control-modern-table td,.expenses-modern-table td,.costs-modern-table td{display:grid!important;grid-template-columns:minmax(94px,36%) minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
  .reports-modern-table td>*,.control-modern-table td>*,.expenses-modern-table td>*,.costs-modern-table td>*{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .reports-modern-table td.num,.control-modern-table td.num,.expenses-modern-table td.num,.costs-modern-table td.num{text-align:right!important}
  .reports-modern-table td.num>*,.control-modern-table td.num>*,.expenses-modern-table td.num>*,.costs-modern-table td.num>*{justify-self:end!important;text-align:right!important}
  .reports-modern-table .btn,.control-modern-table .btn,.reports-modern-table .link,.control-modern-table .link{max-width:100%!important;white-space:normal!important}
  .smart-scroll-dock{display:none!important}
}


/* ===== browser3.css ===== */
/* v0.70-typography1 — calmer typography, compact reports and consistent table headers. */
:root{
  --type-regular:400;
  --type-medium:500;
  --type-semibold:600;
}

/* One restrained typographic hierarchy. */
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Arial,sans-serif}
body{font-weight:var(--type-regular)}
h1,h2,h3,h4,.topbar-heading h2,.panel-head h3,.entity-hero h2{font-weight:var(--type-semibold)!important}
.btn,.nav,.section-tab,.products-hub-tab,.view-switch,.planning-main-tab,
label,.topbar-selector select,.range-trigger,.column-manager button{font-weight:var(--type-medium)!important}
.small-muted,.panel-subtitle,.field-help,.help-text,.data-freshness{font-weight:var(--type-regular)!important}
.cards .card>span, .summary-dashboard-card .summary-card-label{font-weight:var(--type-regular)!important}
.metric-card .label{}
.label-with-tip, .product-detail-metric>span, .product-detail-row>span{font-weight:var(--type-regular)!important}
.cards .card>b, .summary-dashboard-card .summary-card-value{font-weight:var(--type-semibold)!important}
.metric-card .value{}
.product-detail-metric>b, .product-detail-row>b{font-weight:var(--type-semibold)!important}
.pill,.status,.badge,.decision-item b{font-weight:var(--type-medium)!important}
table[data-table-key] td{font-weight:var(--type-regular)!important}
table[data-table-key] td b,table[data-table-key] td strong{font-weight:var(--type-medium)!important}

/* Every visible question-mark hint uses the same component. */
.help-tip{
  display:inline-grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  flex:0 0 17px!important;
  padding:0!important;
  border:1px solid #c9c5f6!important;
  border-radius:50%!important;
  background:#f6f5ff!important;
  color:#5146c9!important;
  font-size:10.5px!important;
  font-weight:var(--type-semibold)!important;
  line-height:1!important;
  box-shadow:none!important;
}
.metric-card-top .help-tip{
}
.help-tip:hover,.help-tip:focus-visible,
.metric-card-top .help-tip:hover,.metric-card-top .help-tip:focus-visible{
  background:#5146c9!important;
  border-color:#5146c9!important;
  color:#fff!important;
  transform:none!important;
  box-shadow:0 3px 9px rgba(81,70,201,.18)!important;
}
.planning-help-label{display:inline-flex!important;align-items:center!important;gap:5px!important}

/* Table headings are centered in every section. Drag and resize controls remain available. */
table thead th{text-align:center!important}
table[data-table-key] thead th{
}
table[data-table-key] thead th.num, table[data-table-key] thead th.table-col-compact{
}
table[data-table-key] .table-th-inner{
  justify-content:center!important;
}
table[data-table-key] .column-grip{
}
table[data-table-key] .sort-header{
}
table[data-table-key] .table-header-label{
}
table[data-table-key] th.table-col-compact .sort-header{
}
table[data-table-key] th.table-col-compact .table-header-label{
}
table[data-table-key] .table-header-text, table[data-table-key] th.table-col-compact .table-header-text{
}
table[data-table-key] th.table-col-compact .label-with-tip{justify-content:center!important}

/* Reports WB: denser desktop rows without sacrificing readability. */
@media (min-width:621px){
  .reports-finance-table tbody td{
    height:auto!important;
    min-height:36px!important;
    padding:6px 9px!important;
    font-size:12.5px!important;
    line-height:1.25!important;
  }
  .reports-finance-table tbody tr{height:auto!important}
  .reports-finance-table .payout-date{gap:2px!important}
  .reports-finance-table .payout-date small,
  .reports-finance-table td small{line-height:1.2!important}
}

/* Product subtitles prioritise the barcode and stay visually secondary. */
.product-cell .order-product>span,
.cost-product-cell>span,
.order-product>span{
  font-weight:var(--type-regular)!important;
  color:#667085!important;
}


/* ===== browser4.css ===== */
/* v0.71-header1 — stronger page identity and a stable workspace context bar. */

.topbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  min-height:88px!important;
  margin:-20px -26px 18px!important;
  padding:14px 20px!important;
  border-bottom:1px solid #e3e1f3!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(111,84,255,.08),transparent 31%),
    linear-gradient(115deg,rgba(255,255,255,.98),rgba(247,247,253,.98))!important;
  box-shadow:0 10px 28px rgba(31,36,69,.055)!important;
  backdrop-filter:blur(16px)!important;
}
.topbar::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:-1px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#6758e8 0,#8f7cf4 24%,rgba(143,124,244,0) 72%);
  opacity:.72;
  pointer-events:none;
}

.topbar-heading{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
}
.page-title-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border:1px solid rgba(101,83,224,.22)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#6e5be8,#4b7de8)!important;
  box-shadow:0 9px 20px rgba(91,76,230,.20),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.page-title-icon svg{
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.page-title-icon svg path{
  fill:none!important;
  stroke:currentColor!important;
}
.page-title-copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.page-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  margin:0 0 2px!important;
  color:#6758d9!important;
  font-size:9.5px!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}
.page-eyebrow::before{
  content:""!important;
  width:12px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#7567e5!important;
}
.topbar-heading h2{
  margin:0!important;
  color:#1d2939!important;
  font-size:25px!important;
  font-weight:600!important;
  line-height:1.14!important;
  letter-spacing:-.025em!important;
}
.topbar-heading p{
  margin:3px 0 0!important;
  max-width:690px!important;
  color:#667085!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}
.topbar-context{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.topbar-context-title{
  display:block!important;
  padding-left:2px!important;
  color:#8a93a3!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.topbar-context-fields{
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  min-width:0!important;
}
.workspace-select.topbar-selector{
  position:relative!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:8px!important;
  width:220px!important;
  min-width:190px!important;
  max-width:240px!important;
  height:52px!important;
  min-height:52px!important;
  padding:6px 10px!important;
  border:1px solid #d9dce7!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(16,24,40,.035)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.workspace-select.topbar-selector:hover{
  border-color:#c4c0eb!important;
  background:#fdfcff!important;
}
.workspace-select.topbar-selector:focus-within{
  border-color:#7567e5!important;
  box-shadow:0 0 0 3px rgba(117,103,229,.12)!important;
}
.workspace-select.topbar-selector>.topbar-selector-icon{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border:1px solid #e5e3f4!important;
  border-radius:8px!important;
  color:#6558d9!important;
  background:#f5f3ff!important;
}
.topbar-selector-icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.workspace-select.topbar-selector>.topbar-selector-body{
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  gap:1px!important;
  min-width:0!important;
}
.topbar-selector-label{
  display:block!important;
  padding:0!important;
  color:#8a93a3!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.05!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.topbar-selector select{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:24px!important;
  min-height:24px!important;
  padding:1px 22px 1px 0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  color:#24324a!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1px center!important;
  background-size:12px 12px!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.topbar-selector select:focus{
  outline:0!important;
  box-shadow:none!important;
}
.topbar-utilities{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.topbar-utilities .notification-bell,
.topbar-utilities .topbar-logout{
  height:44px!important;
  min-height:44px!important;
  border:1px solid #d9dce7!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#526074!important;
  box-shadow:0 2px 6px rgba(16,24,40,.035)!important;
}
.topbar-utilities .notification-bell{
  width:44px!important;
  min-width:44px!important;
}
.topbar-utilities .topbar-logout{
  padding:0 12px!important;
}
.topbar-utilities .notification-bell:hover,
.topbar-utilities .topbar-logout:hover{
  border-color:#c4c0eb!important;
  color:#5b4ce6!important;
  background:#fdfcff!important;
  transform:none!important;
}

@media(max-width:1180px){
  .topbar{gap:14px!important}
  .workspace-select.topbar-selector{width:205px!important;min-width:175px!important}
  .topbar-heading p{max-width:480px!important}
  .topbar-context-title{display:none!important}
}

@media(max-width:900px){
  .topbar{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:9px 10px!important;
    min-height:0!important;
    margin:-14px -11px 16px!important;
    padding:10px 11px 12px!important;
  }
  .topbar::after{left:11px;right:11px}
  .mobile-nav-toggle{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .topbar-heading{
    grid-column:2!important;
    grid-row:1!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .page-title-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:11px!important;
  }
  .page-title-icon svg{width:20px!important;height:20px!important}
  .top-actions{display:contents!important}
  .topbar-context{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
  }
  .topbar-context-title{display:none!important}
  .topbar-context-fields{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  .workspace-select.topbar-selector{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
  }
  #workspaceSwitcherWrap[hidden]+.topbar-selector{
    grid-column:1/-1!important;
  }
  .topbar-utilities{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .topbar-utilities .notification-bell,
  .topbar-utilities .topbar-logout{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    justify-content:center!important;
  }
  .topbar-logout span{display:none!important}
}

@media(max-width:640px){
  .topbar{
    gap:8px!important;
    padding-top:9px!important;
  }
  .topbar-heading{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .page-title-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:10px!important;
  }
  .page-title-icon svg{width:18px!important;height:18px!important}
  .page-eyebrow{
    margin-bottom:1px!important;
    font-size:8.5px!important;
    letter-spacing:.08em!important;
  }
  .page-eyebrow::before{width:9px!important}
  .topbar-heading h2{
    font-size:20px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .topbar-heading p{display:none!important}
  .topbar-utilities{gap:6px!important}
  .topbar-utilities .notification-bell,
  .topbar-utilities .topbar-logout{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:10px!important;
  }
  .workspace-select.topbar-selector{
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:7px!important;
    height:48px!important;
    min-height:48px!important;
    padding:5px 8px!important;
    border-radius:10px!important;
  }
  .workspace-select.topbar-selector>.topbar-selector-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    border-radius:7px!important;
  }
  .topbar-selector-icon svg{width:14px!important;height:14px!important}
  .topbar-selector-label{font-size:8.5px!important}
  .topbar-selector select{
    height:22px!important;
    min-height:22px!important;
    font-size:11.5px!important;
  }
}

@media(max-width:390px){
  .topbar-context-fields{grid-template-columns:1fr!important;grid-auto-flow:row!important}
  .topbar .topbar-context-fields>.workspace-select.topbar-selector,
  .topbar .topbar-context-fields>.workspace-select.topbar-selector:first-of-type,
  .topbar .topbar-context-fields>.workspace-select.topbar-selector:last-of-type{
    grid-column:1!important;
    grid-row:auto!important;
  }
  #workspaceSwitcherWrap[hidden]+.topbar-selector{grid-column:1!important}
  .topbar-heading h2{font-size:19px!important}
}


/* ===== browser5.css ===== */
/* v0.72-brand1 — IXRU brand system, calmer gradients and more rectangular geometry. */
:root{
  --ixru-indigo:#2f4bd1;
  --ixru-blue:#3974ed;
  --ixru-cyan:#12a9bf;
  --ixru-violet:#7545dc;
  --ixru-radius-panel:10px;
  --ixru-radius-control:8px;
  --ixru-radius-small:6px;
  --ixru-line:#dfe3ec;
}

/* Brand: modular platform mark selected for IXRU. */
.brand{gap:10px!important}
.logo.ixru-logo-mark{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.logo.ixru-logo-mark img{display:block;width:44px;height:44px;object-fit:contain}
.ixru-brand-copy{min-width:0}
.ixru-brand-copy h1{
  margin:0!important;
  color:#101828;
  font-size:23px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.055em!important;
}
.ixru-brand-copy p{
  margin:5px 0 0!important;
  color:#625bd0!important;
  font-size:10.5px!important;
  font-weight:500!important;
  line-height:1.15!important;
  letter-spacing:.015em!important;
  white-space:nowrap;
}
.sidebar .ixru-brand-copy h1{color:#fff!important}
.sidebar .ixru-brand-copy p{color:#b9c1d6!important}
.sidebar .logo.ixru-logo-mark{width:42px!important;height:42px!important;min-width:42px!important}
.sidebar .logo.ixru-logo-mark img{width:40px;height:40px}
.landing-brand .logo.ixru-logo-mark,.auth-brand .logo.ixru-logo-mark{width:48px!important;height:48px!important;min-width:48px!important}
.landing-brand .logo.ixru-logo-mark img,.auth-brand .logo.ixru-logo-mark img{width:46px;height:46px}

/* Stable, optically centred company/cabinet controls. */
.workspace-select.topbar-selector{
  grid-template-columns:32px minmax(0,1fr) 14px!important;
  gap:9px!important;
  height:50px!important;
  min-height:50px!important;
  padding:6px 9px 6px 8px!important;
  border-color:#d9deea!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(248,249,255,.98))!important;
  box-shadow:0 3px 10px rgba(30,40,80,.045),inset 0 1px 0 #fff!important;
}
.workspace-select.topbar-selector::after{
  content:"";
  grid-column:3;
  grid-row:1;
  justify-self:center;
  width:7px;
  height:7px;
  border-right:1.6px solid #778195;
  border-bottom:1.6px solid #778195;
  transform:translateY(-2px) rotate(45deg);
  pointer-events:none;
}
.workspace-select.topbar-selector>.topbar-selector-icon{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin:0!important;
  border-radius:7px!important;
  border-color:#dedff2!important;
  background:linear-gradient(145deg,#f3f2ff,#eef7ff)!important;
}
.topbar-selector-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  transform:translateX(.35px)!important;
}
.workspace-select.topbar-selector>.topbar-selector-body{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  justify-self:stretch!important;
  text-align:left!important;
}
.topbar-selector select{
  padding:1px 0!important;
  background-image:none!important;
  text-align:left!important;
}
.workspace-select.topbar-selector:hover{background:linear-gradient(145deg,#fff,#f5f5ff)!important}
.workspace-select.topbar-selector:focus-within{
  border-color:#8175e9!important;
  box-shadow:0 0 0 3px rgba(103,88,232,.11),0 4px 12px rgba(30,40,80,.05)!important;
}

/* More expressive page identity, but restrained enough for daily work. */
.topbar{
  border-bottom-color:#dfe2ef!important;
  background:
    radial-gradient(circle at 8% -25%,rgba(82,92,232,.13),transparent 35%),
    radial-gradient(circle at 70% 135%,rgba(18,169,191,.07),transparent 35%),
    linear-gradient(118deg,rgba(255,255,255,.985),rgba(246,247,253,.985))!important;
}
.topbar[data-view="stocks"],.topbar[data-view="planning"],.topbar[data-view="supplies"]{
  background:radial-gradient(circle at 8% -25%,rgba(18,169,191,.13),transparent 35%),linear-gradient(118deg,#fff,rgba(245,252,252,.98))!important;
}
.topbar[data-view="advertising"],.topbar[data-view="growth"],.topbar[data-view="ad-campaign"],.topbar[data-view="product-search"]{
  background:radial-gradient(circle at 8% -25%,rgba(240,147,65,.12),transparent 35%),linear-gradient(118deg,#fff,rgba(255,249,243,.98))!important;
}
.topbar[data-view="reports"],.topbar[data-view="expenses"],.topbar[data-view="summary"]{
  background:radial-gradient(circle at 8% -25%,rgba(117,69,220,.13),transparent 35%),radial-gradient(circle at 75% 140%,rgba(57,116,237,.07),transparent 34%),linear-gradient(118deg,#fff,rgba(248,247,255,.985))!important;
}
.page-title-icon{border-radius:10px!important}
.topbar::after{border-radius:2px!important}

/* Soft gradients only on explanatory and hero surfaces. */
.summary-mode-switcher,
.settings-hero-modern,
.products-hub-header,
.expenses-hero,
.month-forecast-panel,
.billing-current-card,
.ad-products-toolbar,
.other-expense-total,
.control-readiness,
.notice:not(.error):not(.ok),
.planning-method-note{
  background:
    radial-gradient(circle at 4% 0,rgba(94,82,225,.075),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.99),rgba(247,248,255,.97))!important;
  border-color:#dfe1f1!important;
}
.planning-method-note,.notice:not(.error):not(.ok){box-shadow:inset 3px 0 0 rgba(95,80,223,.55)!important}

/* A more rectangular, consistent UI geometry. Pills remain pills intentionally. */
:where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-drawer"],[class*="-drawer "]){
  border-radius:var(--ixru-radius-panel)!important;
}
:where(button,input,select,textarea,[class$="-button"],[class*="-button "],[class$="-btn"],[class*="-btn "]){
  border-radius:var(--ixru-radius-control)!important;
}
.card{
}
.panel{
  border-radius:var(--ixru-radius-panel)!important;
}
.metric-card, .summary-metric-card{
}
.settings-card-modern, .settings-cabinet-card, .billing-plan-card, .products-hub-header, .summary-mode-switcher, .month-forecast-panel, .expenses-hero, .ad-products-toolbar, .other-expense-total, .control-readiness, .summary-product-ranking{
  border-radius:var(--ixru-radius-panel)!important;
}
.smart-table-toolbar{
}
.table-wrap, .smart-scroll-table, .report-detail-table-wrap{
  border-radius:var(--ixru-radius-panel)!important;
}
.profit-route-node, .profit-route-breakdown, .profit-change-summary>div, .landing-feature-card, .hero-card, .landing-insight-card, .landing-proof-strip, .security-badges>span, .auth-card, .app-loading-card{
  border-radius:var(--ixru-radius-panel)!important;
}
.modal-card{border-radius:12px!important}
input, select, textarea, .btn, .tab, .settings-tabs, .settings-tabs button, .summary-mode-tab{
  border-radius:var(--ixru-radius-control)!important;
}
.table-columns-button{
}
.table-scroll-actions button, .column-manager-head button, .column-manager-item button, .notification-drawer-head button{
  border-radius:var(--ixru-radius-control)!important;
}
.table-view-switch{
}
.table-view-switch button{
}
.range-trigger, .workspace-select, .settings-health, .settings-card-icon, .settings-cabinet-avatar, .settings-cabinet-facts>span, .billing-current-limits span, .shipment-product-results, .shipment-product-results button, .shipment-product-results img, .shipment-picker-placeholder, .planning-qty-input, .planning-pack-select, .shipment-print-btn, .notification-bell, .topbar-logout, .mobile-nav-toggle, .sidebar-close{
  border-radius:var(--ixru-radius-control)!important;
}
.nav,.license,.warning,.notice,.error,.ok,.tax-cost-check,.profit-route-detail,
.profit-route-warning,.cost-focus-icon,.summary-product-rank-number{
  border-radius:var(--ixru-radius-small)!important;
}
/* Functional pills and circular indicators deliberately keep their shape. */
.pill,.billing-plan-badge,.notification-count,.summary-product-issue em,
.live-chip,.badge,.status-pill,[class*="status-chip"]:not(.settings-status-chip),[class*="status-dot"]{border-radius:999px!important}
.help-icon,.tooltip-icon,.metric-help,.question-help{border-radius:50%!important}

/* Brand refinements for landing/auth without over-decorating the workspace. */
.premium-landing-header .ixru-brand-copy h1{font-size:24px!important}
.premium-landing-header .ixru-brand-copy p{font-size:11px!important}
.auth-brand{align-items:center!important}
.auth-brand .ixru-brand-copy h1{font-size:25px!important}
.auth-brand .ixru-brand-copy p{font-size:11px!important}

@media(max-width:900px){
  .workspace-select.topbar-selector{
    grid-template-columns:30px minmax(0,1fr) 13px!important;
    height:48px!important;
    min-height:48px!important;
    padding:5px 8px 5px 7px!important;
  }
  .workspace-select.topbar-selector>.topbar-selector-icon{width:28px!important;height:28px!important;min-width:28px!important}
}
@media(max-width:640px){
  .workspace-select.topbar-selector{
    grid-template-columns:28px minmax(0,1fr) 12px!important;
    gap:7px!important;
    border-radius:7px!important;
  }
  .workspace-select.topbar-selector>.topbar-selector-icon{width:27px!important;height:27px!important;min-width:27px!important;border-radius:6px!important}
  .sidebar-brand-row .ixru-brand-copy p{white-space:normal}
}


/* ===== browser6.css ===== */
/* v0.73-interface1 — spacing, control geometry, semantic tables, orders tabs and settings integrations. */
:root{
  --ixru-topbar-control-height:48px;
  --ixru-surface-gradient:linear-gradient(145deg,#fff 18%,#f8f8ff 100%);
  --ixru-surface-gradient-good:radial-gradient(circle at 0 0,rgba(25,184,135,.10),transparent 44%),linear-gradient(145deg,#fff,#f7fcfa);
  --ixru-surface-gradient-warn:radial-gradient(circle at 0 0,rgba(244,166,35,.11),transparent 44%),linear-gradient(145deg,#fff,#fffaf2);
  --ixru-surface-gradient-bad:radial-gradient(circle at 0 0,rgba(239,68,68,.08),transparent 44%),linear-gradient(145deg,#fff,#fff8f8);
  --ixru-surface-gradient-info:radial-gradient(circle at 0 0,rgba(91,76,230,.10),transparent 44%),linear-gradient(145deg,#fff,#f8f8ff);
}

/* The sticky page header must remain visually separate from the first workspace block. */
.topbar{margin-bottom:36px!important}
.view.active{scroll-margin-top:126px}

/* Optically balanced company/cabinet icons and one height for all header controls. */
.workspace-select.topbar-selector{
  height:var(--ixru-topbar-control-height)!important;
  min-height:var(--ixru-topbar-control-height)!important;
  grid-template-columns:32px minmax(0,1fr) 15px!important;
  padding:5px 9px 5px 8px!important;
}
.workspace-select.topbar-selector>.topbar-selector-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  overflow:visible!important;
}
.topbar-selector-icon svg{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  transform:none!important;
  overflow:visible!important;
}
.topbar-selector-icon svg rect,
.topbar-selector-icon svg path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
.topbar-utilities .notification-bell,
.topbar-utilities .topbar-logout{
  height:var(--ixru-topbar-control-height)!important;
  min-height:var(--ixru-topbar-control-height)!important;
  border-radius:8px!important;
}
.topbar-utilities .notification-bell{width:var(--ixru-topbar-control-height)!important;min-width:var(--ixru-topbar-control-height)!important}
.topbar-utilities .topbar-logout{padding:0 14px!important}
.topbar-utilities .notification-bell svg,.topbar-utilities .topbar-logout svg{width:18px!important;height:18px!important}

/* Subtle, visible surface hierarchy. KPI cards receive a light tint; work panels and tables stay neutral. */
.card{
  background:var(--ixru-surface-gradient)!important;
  border-color:#dfe2ef!important;
  box-shadow:0 6px 17px rgba(28,37,73,.045),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.metric-card{
}
.summary-dashboard-card, .product-detail-metric, .orders-cards .card, .stocks-kpi-grid .card, .supplies-kpi-grid .card, .advertising-summary-cards .card, .growth-summary-cards .card, .settings-health, .billing-current-limits>span{
  background:var(--ixru-surface-gradient)!important;
  border-color:#dfe2ef!important;
  box-shadow:0 6px 17px rgba(28,37,73,.045),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.card.good, .metric-card.good{}
.card.warn, .metric-card.warn{}
.card.bad, .metric-card.bad{}
.card.info, .metric-card.info{}
.summary-mode-switcher,.settings-hero-modern,.products-hub-header,.expenses-hero,
.month-forecast-panel,.billing-current-card,.ad-products-toolbar,.other-expense-total,
.control-readiness,.planning-method-note,.api-connect-primary,.settings-card-modern.api-connected-panel{
  background:
    radial-gradient(circle at 4% -8%,rgba(94,82,225,.12),transparent 38%),
    radial-gradient(circle at 92% 115%,rgba(18,169,191,.06),transparent 34%),
    linear-gradient(135deg,#fff,#f7f7ff)!important;
  border-color:#dcdeef!important;
}

/* A calmer two-level control for order type and period. */
.orders-filter-panel{padding:12px!important}
.order-tabs.entity-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
  margin:0 0 10px!important;
  padding:4px!important;
  border:1px solid #e1e3ec!important;
  border-radius:9px!important;
  background:#f4f5f9!important;
  overflow:visible!important;
}
.order-tabs .entity-tab{
  min-width:0!important;
  min-height:38px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:7px!important;
  color:#667085!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.order-tabs .entity-tab:hover{background:#fff!important;color:#4037a9!important}
.order-tabs .entity-tab.active{
  color:#fff!important;
  background:linear-gradient(135deg,#5d55d9,#7b5be8)!important;
  box-shadow:0 4px 11px rgba(88,72,207,.20)!important;
}
.order-tabs .entity-tab span{
  min-width:19px!important;
  height:18px!important;
  margin-left:4px!important;
  padding:0 5px!important;
  font-size:10px!important;
  font-weight:600!important;
}
.orders-filter-panel .quick-periods{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:4px!important;
  border:1px solid #e5e6ed!important;
  border-radius:9px!important;
  background:#f7f8fb!important;
}
.orders-filter-panel .period-chip{
  min-height:34px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:6px!important;
  color:#667085!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:500!important;
}
.orders-filter-panel .period-chip:hover{background:#fff!important;color:#5146c9!important}
.orders-filter-panel .period-chip.active{background:#fff!important;color:#5146c9!important;box-shadow:0 2px 7px rgba(24,31,60,.08)!important}

/* Semantic table alignment: headers centered, numbers right, labels left, statuses/codes/actions centered. */
table thead th{text-align:center!important}
table[data-table-key] thead th{}
table[data-table-key] .table-header-text{}
table[data-table-key] .table-header-label{}
table[data-table-key] .sort-header{}
table[data-table-key] .table-th-inner{justify-content:center!important}
table[data-table-key] .table-header-label{}
table[data-table-key] .sort-header{}
table tbody td{}
table tbody td.table-cell-wrap{}
table tbody td.table-cell-center, table tbody td.table-cell-id, table tbody td.table-cell-actions{}
table tbody td.num{}
table tbody td.table-cell-center .pill, table tbody td.table-cell-actions button{}
/* Long warehouse names are descriptive text, not numeric categories. */
.stocks-modern-table tbody td:first-child,.supplies-modern-table tbody td:nth-child(4){text-align:left!important}
/* Explicitly categorical or action columns. */
.reports-finance-table tbody td:nth-child(1), .reports-finance-table tbody td:nth-child(2), .reports-finance-table tbody td:nth-child(3), .reports-finance-table tbody td:nth-child(8), .reports-finance-table tbody td:nth-child(9), .reports-finance-table tbody td:nth-child(10){}
.expenses-modern-table tbody td:nth-child(1), .expenses-modern-table tbody td:nth-child(2), .expenses-modern-table tbody td:nth-child(5), .expenses-modern-table tbody td:nth-child(6), .expenses-modern-table tbody td:nth-child(8){}
.control-modern-table tbody td:nth-child(1), .control-modern-table tbody td:nth-child(4), .control-modern-table tbody td:nth-child(6), .team-table tbody td:nth-child(2), .team-table tbody td:nth-child(3), .team-table tbody td:nth-child(5), .team-table tbody td:nth-child(6){text-align:center!important}

/* Settings: every cabinet is visible even without a token, with explicit loading/error states. */
.api-connected-panel>.panel-head{align-items:flex-start!important}
.api-cabinet-overview-list{display:grid;gap:10px;margin-top:12px}
.api-cabinet-overview{
  display:grid;
  gap:11px;
  padding:14px;
  border:1px solid #e0e3ed;
  border-radius:9px;
  background:linear-gradient(145deg,#fff,#fafaff);
  box-shadow:0 4px 13px rgba(28,37,73,.035);
}
.api-cabinet-overview.no-token{background:linear-gradient(145deg,#fff,#fbfbfc)}
.api-cabinet-overview-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}
.api-cabinet-title{min-width:0}
.api-cabinet-title h4{margin:0 0 2px;font-size:14px;font-weight:600;color:#1d2939}
.api-cabinet-title>span{font-size:11px;color:#8a93a3}
.api-cabinet-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px}
.api-cabinet-grid>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px;border:1px solid #ececf3;border-radius:7px;background:rgba(255,255,255,.75)}
.api-cabinet-grid small{color:#8a93a3;font-size:10px;text-transform:uppercase;letter-spacing:.045em}
.api-cabinet-grid b{font-size:12.5px;font-weight:500;color:#344054;overflow-wrap:anywhere}
.api-cabinet-grid>div>span{font-size:11px;line-height:1.35;color:#667085}
.api-cabinet-grid em{font-style:normal;font-size:11px;line-height:1.35;color:#b42318}
.api-category-chips{display:flex!important;flex-direction:row!important;align-items:center;gap:5px!important;flex-wrap:wrap}
.api-category-chips span{padding:4px 6px;border:1px solid #dddaf5;border-radius:5px;background:#f7f6ff;color:#5146c9!important;font-size:10.5px!important;line-height:1!important}
.api-category-chips .is-muted{border-color:#e5e7eb;background:#f8fafc;color:#8a93a3!important}
.api-cabinet-warning{padding:8px 10px;border-left:3px solid #e6a33b;border-radius:5px;background:#fff9ed;color:#855c18;font-size:11px;line-height:1.4}
.api-cabinet-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.settings-inline-loading,.settings-error-state{display:flex;align-items:center;justify-content:center;gap:9px;min-height:82px;padding:16px;border:1px dashed #d9dce7;border-radius:8px;color:#667085;font-size:12px;background:rgba(255,255,255,.7)}
.settings-inline-loading>span{width:16px;height:16px;border:2px solid #d9d6f5;border-top-color:#6255df;border-radius:50%;animation:ixru-settings-spin .8s linear infinite}
.settings-error-state{flex-direction:column;text-align:center;color:#667085}
.settings-error-state b{color:#b42318;font-size:13px}
@keyframes ixru-settings-spin{to{transform:rotate(360deg)}}

/* Settings panes and their dialogs use the same visual rhythm. */
.settings-pane>.panel{margin-bottom:18px!important}
.settings-form-modern label,.modal-card label{gap:6px!important}
.api-help-modal-card,.account-deletion-modal-card,#taxEditModal .modal-card{
  background:radial-gradient(circle at 3% 0,rgba(94,82,225,.08),transparent 32%),linear-gradient(145deg,#fff,#fafaff)!important;
}
.api-help-modal-card .help-steps>div{border-radius:7px!important;background:rgba(255,255,255,.82)!important}
.account-deletion-modal-card .account-deletion-warning{margin-bottom:12px!important}

@media(max-width:900px){
  :root{--ixru-topbar-control-height:44px}
  .topbar{margin-bottom:26px!important}
  .workspace-select.topbar-selector{height:44px!important;min-height:44px!important;grid-template-columns:29px minmax(0,1fr) 13px!important}
  .workspace-select.topbar-selector>.topbar-selector-icon{width:27px!important;height:27px!important;min-width:27px!important}
  .topbar-selector-icon svg{width:15px!important;height:15px!important}
  .topbar-utilities .notification-bell,.topbar-utilities .topbar-logout{height:42px!important;min-height:42px!important;width:42px!important;min-width:42px!important;padding:0!important}
  .api-cabinet-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .topbar{margin-bottom:22px!important}
  .order-tabs.entity-tabs{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-auto-columns:max-content!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .order-tabs.entity-tabs::-webkit-scrollbar{display:none}
  .order-tabs .entity-tab{min-width:104px!important;scroll-snap-align:start}
  .orders-filter-panel .quick-periods{grid-template-columns:repeat(4,minmax(64px,1fr))!important}
  .orders-filter-panel .period-chip{font-size:10.5px!important;padding-inline:4px!important}
  .api-connected-panel>.panel-head{display:flex!important;align-items:flex-start!important;gap:8px!important}
  .api-connected-panel>.panel-head .btn{flex:0 0 auto!important}
  .api-cabinet-overview{padding:11px}
  .api-cabinet-overview-head{grid-template-columns:34px minmax(0,1fr);gap:8px}
  .api-cabinet-overview-head>.pill{grid-column:1/-1;justify-self:start}
  .api-cabinet-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}
  .api-cabinet-actions .btn{width:100%;padding-inline:8px!important}
  .api-cabinet-actions .danger-outline{grid-column:1/-1}
}


/* v0.73 settings workspace refinements */
.settings-partial-warning{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #ead6aa;
  border-radius:8px;
  background:linear-gradient(135deg,#fffaf0,#fffdf8);
  color:#7a5517;
}
.settings-partial-warning b{font-size:12.5px;font-weight:600}
.settings-partial-warning span{grid-column:1;font-size:11px;line-height:1.4}
.settings-partial-warning .btn{grid-column:2;grid-row:1/3}
.api-connect-steps span{position:relative;padding-left:28px!important}
.api-connect-steps span::before{
  content:counter(api-step);
  counter-increment:api-step;
  position:absolute;
  left:8px;
  top:50%;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:1px solid #d8dbe7;
  border-radius:5px;
  background:#fff;
  color:#7d8697;
  font-size:9px;
  font-weight:600;
}
.api-connect-steps{counter-reset:api-step}
.api-connect-steps span.done{color:#31725d!important;background:#f1faf6!important;border-color:#cfe8dc!important}
.api-connect-steps span.done::before{content:'✓';color:#fff;background:#399878;border-color:#399878}
.api-connect-steps span.warning{color:#a15c18!important;background:#fff7ed!important;border-color:#f2d4ad!important}
.api-connect-steps span.warning::before{content:'!';color:#fff;background:#d9862d;border-color:#d9862d}
.settings-confirm-modal-card{max-width:470px!important;background:radial-gradient(circle at 0 0,rgba(94,82,225,.08),transparent 36%),linear-gradient(145deg,#fff,#fbfbff)!important}
.settings-confirm-modal-card>p{margin:8px 0 18px;color:#667085;line-height:1.55}
.settings-confirm-actions{display:flex;justify-content:flex-end;gap:8px}

@media(max-width:640px){
  .settings-partial-warning{grid-template-columns:1fr}
  .settings-partial-warning span,.settings-partial-warning .btn{grid-column:1;grid-row:auto}
  .settings-partial-warning .btn{justify-self:start}
  .settings-confirm-actions{display:grid;grid-template-columns:1fr 1fr}
  .settings-confirm-actions .btn{width:100%}
}


/* Final optical corrections for the workspace header. */
.workspace-select.topbar-selector>.topbar-selector-icon{
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  line-height:0!important;
}
.topbar-selector-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  transform:none!important;
  transform-origin:center!important;
}
.topbar-selector-icon svg path,.topbar-selector-icon svg rect{
  shape-rendering:geometricPrecision;
}
.topbar-utilities{align-items:stretch!important}
.topbar-utilities .notification-bell,.topbar-utilities .topbar-logout{align-self:stretch!important}

/* v0.73: lighter orders navigation and more visible, still restrained accents. */
:root{
  --ixru-surface-gradient:
    radial-gradient(circle at 0 0,rgba(91,76,230,.075),transparent 43%),
    linear-gradient(145deg,#fff 10%,#f5f3ff 100%);
}
.summary-dashboard-card,.month-forecast-panel,.settings-health,
.product-detail-metric,.orders-cards .card,.stocks-kpi-grid .card,
.supplies-kpi-grid .card,.advertising-summary-cards .card,
.growth-summary-cards .card,.billing-current-limits>span{
  background:var(--ixru-surface-gradient)!important;
}
.order-tabs.entity-tabs{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 9px!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid #e2e5ee!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none;
}
.order-tabs.entity-tabs::-webkit-scrollbar{display:none}
.order-tabs .entity-tab{
  flex:0 0 auto!important;
  min-width:auto!important;
  min-height:34px!important;
  padding:6px 10px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  color:#667085!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11.5px!important;
}
.order-tabs .entity-tab:hover{border-color:#e2def8!important;background:#faf9ff!important;color:#5146c9!important}
.order-tabs .entity-tab.active{
  border-color:#dcd6fa!important;
  color:#5146c9!important;
  background:linear-gradient(145deg,#f6f3ff,#efecff)!important;
  box-shadow:inset 0 -2px 0 #6b5be3!important;
}
.order-tabs .entity-tab span{background:rgba(82,70,201,.09)!important;color:inherit!important}
.orders-filter-panel .quick-periods{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  max-width:100%!important;
  gap:5px!important;
  margin:0 0 11px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow-x:auto!important;
  scrollbar-width:none;
}
.orders-filter-panel .quick-periods::-webkit-scrollbar{display:none}
.orders-filter-panel .period-chip{
  flex:0 0 auto!important;
  min-width:66px!important;
  min-height:30px!important;
  padding:5px 9px!important;
  border:1px solid #e1e4ec!important;
  border-radius:6px!important;
  background:#fff!important;
  font-size:10.5px!important;
}
.orders-filter-panel .period-chip.active{
  border-color:#d8d2f7!important;
  background:#f7f5ff!important;
  box-shadow:none!important;
}

@media(max-width:900px){
  .topbar-utilities .notification-bell,.topbar-utilities .topbar-logout{
    height:44px!important;
    min-height:44px!important;
    width:44px!important;
    min-width:44px!important;
  }
}
@media(max-width:640px){
  .order-tabs.entity-tabs{grid-auto-flow:unset!important;grid-auto-columns:unset!important;padding-bottom:6px!important}
  .order-tabs .entity-tab{min-width:auto!important;padding-inline:9px!important}
  .orders-filter-panel .quick-periods{display:flex!important;grid-template-columns:none!important}
}


/* ===== browser7.css ===== */
/* v0.74-unify1 — unified tables, settings, header context and legacy-surface cleanup. */
:root{
  --ixru-table-head:#f3f4f8;
  --ixru-table-head-text:#475467;
  --ixru-table-border:#e2e5ec;
  --ixru-accent-soft:#f4f2ff;
  --ixru-accent-line:#d9d4f6;
}

/* Header: simple native selectors without decorative icons or overlapping layers. */
.topbar{margin-bottom:34px!important;overflow:visible!important}
.top-actions{align-items:end!important;overflow:visible!important}
.topbar-context{min-width:0!important;overflow:visible!important}
.topbar-context-fields{display:grid!important;grid-template-columns:repeat(2,minmax(170px,1fr))!important;gap:10px!important;align-items:end!important;overflow:visible!important}
.workspace-select.topbar-selector{
  position:relative!important;display:block!important;height:auto!important;min-height:48px!important;
  padding:6px 10px 7px!important;border:1px solid #d9dde7!important;border-radius:8px!important;
  background:linear-gradient(180deg,#fff,#f8f9fc)!important;box-shadow:0 2px 7px rgba(25,31,55,.04)!important;
  overflow:visible!important;pointer-events:auto!important;
}
.workspace-select.topbar-selector[hidden]{display:none!important}
.topbar-selector-icon{display:none!important}
.topbar-selector-body{display:grid!important;grid-template-columns:1fr!important;gap:1px!important;min-width:0!important;pointer-events:auto!important}
.topbar-selector-label{font-size:9.5px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#8a93a3!important}
.workspace-select.topbar-selector select{
  position:relative!important;z-index:2!important;display:block!important;width:100%!important;height:25px!important;min-height:25px!important;
  padding:0 24px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:#263044!important;font-size:12.5px!important;font-weight:500!important;line-height:25px!important;
  pointer-events:auto!important;cursor:pointer!important;appearance:auto!important;-webkit-appearance:menulist!important;
}
.workspace-select.topbar-selector::before,.workspace-select.topbar-selector::after{display:none!important;pointer-events:none!important}
.topbar-utilities{display:flex!important;align-items:flex-end!important;align-self:end!important;gap:8px!important}
.topbar-utilities .notification-bell,.topbar-utilities .topbar-logout{height:48px!important;min-height:48px!important;margin:0!important;align-self:end!important}
.topbar-utilities .notification-bell{width:48px!important;min-width:48px!important}

/* One table system everywhere. */
.smart-scroll-table, .table-wrap, .panel.table-wrap{}
.smart-table-toolbar{}
.table-resize-hint{display:none!important}
.table-layout-help{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;margin:0!important}
table, table[data-table-key]{}
table thead th{color:var(--ixru-table-head-text)!important;
  font-size:10.5px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:.018em!important;text-transform:none!important;
  text-align:center!important;}
table[data-table-key] thead th{}
table thead th:first-child{}
table thead th:first-child{}
table thead th:last-child{}
table .table-th-inner{justify-content:center!important;text-align:center!important}
table .table-header-label{justify-content:center!important;text-align:center!important}
table .sort-header{justify-content:center!important;text-align:center!important}
table tbody td{}
table tbody tr:hover td{}
table tbody td.table-cell-wrap{}
table tbody td.num{}
table tbody td.table-cell-center, table tbody td.table-cell-id, table tbody td.table-cell-actions{}
table tbody td.table-cell-actions .btn, table tbody td.table-cell-center .pill{}
table tbody td b{}
.reports-finance-table th.report-date-accent, .reports-finance-table td.report-date-accent{}
.reports-finance-table th.report-payment-accent, .reports-finance-table td.report-payment-accent{}
.reports-finance-table td.report-date-accent b{}
.reports-finance-table td.report-payment-accent b{}
/* Remove old nth-child alignment assumptions that became wrong after column changes. */
.reports-finance-table tbody td:nth-child(n){ }

/* API settings use one full-width composition. */
.settings-pane[data-settings-pane="api"]{width:100%!important;max-width:none!important}
.api-connect-primary,.api-connected-panel{width:100%!important;max-width:none!important;margin-inline:0!important}
.api-connect-primary{padding:20px!important}
.api-connect-primary>.panel-head,.api-connected-panel>.panel-head{min-height:68px!important}
.api-connect-flow{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:4px 0 16px!important}
.api-connect-flow span{padding:7px 10px!important;border:1px solid #e1e3eb!important;border-radius:7px!important;background:#fff!important;color:#667085!important;font-size:11.5px!important;font-weight:500!important}
.api-connect-flow span.active{border-color:#cfc9f5!important;background:#f4f2ff!important;color:#5146c9!important}
.api-connect-flow i,.api-action-arrow{color:#8f96a6!important;font-style:normal!important;font-size:18px!important;line-height:1!important}
.api-primary-actions.api-action-flow{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important}
.api-primary-actions.api-action-flow .btn{min-width:170px!important}
.api-cabinet-overview-list{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important}
.api-cabinet-overview{height:100%!important}

/* Cabinet editing and consistent settings cards. */
.settings-cabinet-actions{align-items:center!important}
.settings-cabinet-actions .btn{min-height:34px!important;padding:6px 10px!important;font-size:11px!important}
.cabinet-edit-modal-card{width:min(520px,calc(100vw - 28px))!important}
.cabinet-edit-modal-card label{display:grid!important;gap:6px!important}

/* Team page: KPI cards live above the content, and access editing opens as a full page block. */
.team-kpis-standalone{margin-bottom:14px}
.team-toolbar-row{display:flex;justify-content:flex-end;margin:0 0 18px}
.team-access-page[hidden]{display:none!important}
#view-team.team-access-open .team-overview-shell{display:none!important}
#view-team.team-access-open .team-access-page{display:block!important}
.team-access-page-panel.team-wizard-card{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:14px!important;padding:18px 20px 20px!important;overflow:visible!important}
.team-access-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px}
.team-access-page-head .modal-close{position:static!important;margin:0!important}
.team-wizard-scroll{min-height:0!important;overflow:visible!important;padding:2px 1px 4px!important;scrollbar-gutter:stable!important}
.team-wizard-progress{position:sticky!important;top:0!important;z-index:4!important;margin:0 0 13px!important;padding:5px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(8px)!important}
.team-modal-actions{position:sticky!important;bottom:0!important;z-index:5!important;margin:0!important;padding:14px 0 0!important;border-top:1px solid #e7e8ef!important;background:#fff!important}
.team-permission-group,.team-access-section,.team-all-cabinets-card,.team-permission-option{border-radius:8px!important;background:linear-gradient(145deg,#fff,#fafaff)!important}
.team-choice-box{border-radius:5px!important}

/* Cost import drop zone and compact inline action. */
.cost-import-flow{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:12px 0!important}
.cost-import-flow span{padding:6px 9px!important;border:1px solid #e1e4eb!important;border-radius:6px!important;background:#fff!important;color:#586174!important;font-size:11.5px!important}
.cost-import-flow i{color:#8f96a6!important;font-style:normal!important}
.cost-import-controls{display:grid!important;grid-template-columns:auto minmax(150px,190px) minmax(280px,1fr) auto auto!important;align-items:end!important}
.cost-file-drop{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:9px 12px!important;border:1px dashed #bfc5d3!important;border-radius:8px!important;background:linear-gradient(145deg,#fff,#f7f8fc)!important;cursor:pointer!important}
.cost-file-drop:hover{border-color:#8c82df!important;background:#f7f5ff!important}
.cost-file-drop input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}
.cost-file-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:7px!important;background:#ece9ff!important;color:#5b4ed3!important;font-size:18px!important}
.cost-file-drop>span:last-of-type{display:grid!important;gap:2px!important}.cost-file-drop b{font-size:12px!important}.cost-file-drop small{color:#7b8495!important;font-size:10.5px!important}
.cost-product-cell{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.cost-product-cell>div{display:grid!important;gap:2px!important;min-width:0!important}
.cost-inline-edit{flex:0 0 auto!important;padding:3px 7px!important;border:1px solid #d9d7ed!important;border-radius:5px!important;background:#f7f6ff!important;color:#5b50c7!important;font-size:10px!important;font-weight:500!important;cursor:pointer!important}
.cost-inline-edit:hover{background:#ebe8ff!important}

/* Shipment sheet: legacy surfaces, dropdown stacking and explicit save feedback. */
#view-shipment-sheet{overflow:visible!important}
#view-shipment-sheet>.panel,.shipment-warehouse-panel,.shipment-add-product-panel{border-radius:9px!important;border-color:#dfe2ea!important;background:linear-gradient(145deg,#fff,#fafbfe)!important;overflow:visible!important}
.shipment-warehouse-panel,.shipment-add-product-panel{position:relative!important;z-index:20!important}
.warehouse-combobox,.shipment-product-picker{position:relative!important;z-index:40!important;overflow:visible!important}
.warehouse-search-results,.shipment-product-results{
  z-index:1000!important;top:calc(100% + 5px)!important;left:0!important;right:0!important;max-height:min(360px,52vh)!important;
  overflow:auto!important;border:1px solid #d8dce6!important;border-radius:8px!important;background:#fff!important;
  box-shadow:0 18px 46px rgba(24,31,55,.20)!important
}
.shipment-save-btn.is-saving{opacity:.75!important;cursor:progress!important}
.shipment-save-btn.is-saved{background:linear-gradient(135deg,#16835f,#1aa876)!important}
#shipmentSheetMsg{min-height:24px!important;margin-top:10px!important}
.shipment-sheet-fields input,.shipment-sheet-fields select,.shipment-add-product-controls input{border-radius:7px!important}

/* Stock tooltip is a real help trigger. */
.stock-method-help{position:relative!important;z-index:1!important}

/* Summary details keep their purpose but match the tonal card system. */
#allSummaryMetricsModal .modal-card{background:radial-gradient(circle at 3% 0,rgba(94,82,225,.08),transparent 31%),linear-gradient(145deg,#fff,#fafaff)!important}
#allSummaryMetricsModal .cards .card:nth-child(3n+1){background:var(--ixru-surface-gradient-info)!important}
#allSummaryMetricsModal .cards .card:nth-child(3n+2){background:var(--ixru-surface-gradient-good)!important}
#allSummaryMetricsModal .cards .card:nth-child(3n){background:var(--ixru-surface-gradient-warn)!important}

/* Campaign and search optional states. */
.campaign-query-sync{align-self:center!important;color:#7a8394!important;font-size:10.5px!important}
.search-visibility-panel{margin-top:18px!important}
.search-visibility-panel:not([open]){padding-block:13px!important}

@media(max-width:900px){
  .topbar{margin-bottom:26px!important}
  .topbar-context-fields{grid-template-columns:repeat(2,minmax(145px,1fr))!important}
  .workspace-select.topbar-selector{min-height:44px!important;padding:5px 8px!important}
  .topbar-utilities .notification-bell,.topbar-utilities .topbar-logout{height:44px!important;min-height:44px!important}
  .topbar-utilities .notification-bell{width:44px!important;min-width:44px!important}
  .cost-import-controls{grid-template-columns:1fr 1fr!important}
  .cost-file-drop{grid-column:1/-1!important}
  .api-cabinet-overview-list{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  .topbar{margin-bottom:22px!important;gap:10px!important}
  .top-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important}
  .topbar-context{grid-column:1/-1!important;width:100%!important}
  .topbar-context-fields{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  .workspace-select.topbar-selector{width:100%!important;min-width:0!important;min-height:43px!important;grid-column:auto!important}
  .topbar-utilities{grid-column:2!important;grid-row:1!important;align-self:center!important}
  .topbar-heading{min-width:0!important}
  .topbar-utilities .topbar-logout span{display:none!important}
  .topbar-utilities .topbar-logout{width:44px!important;min-width:44px!important;padding:0!important}
  .api-connect-flow{display:grid!important;grid-template-columns:1fr auto 1fr!important}
  .api-connect-flow span:last-child{grid-column:1/-1!important;text-align:center!important}
  .api-connect-flow i:last-of-type{display:none!important}
  .api-action-flow{display:grid!important;grid-template-columns:1fr!important}
  .api-action-flow .api-action-arrow{transform:rotate(90deg)!important;text-align:center!important}
  .api-primary-actions.api-action-flow .btn{width:100%!important;min-width:0!important}
  .team-access-page-panel.team-wizard-card{padding:14px!important}
  .team-wizard-progress{display:flex!important;overflow-x:auto!important;justify-content:flex-start!important}
  .team-wizard-progress button{flex:0 0 128px!important}
  .team-cabinet-permissions,.team-permission-grid,.team-section-groups,.team-person-grid{grid-template-columns:1fr!important}
  .team-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .team-modal-actions>#teamAccessMsg{grid-column:1/-1!important}
  .cost-import-controls{grid-template-columns:1fr!important}
  .cost-import-controls>*{grid-column:auto!important;width:100%!important}
  .cost-import-flow i{transform:rotate(90deg)!important}
  .cost-product-cell{align-items:flex-start!important}
  .shipment-add-product-controls{grid-template-columns:1fr!important}
  .warehouse-search-results,.shipment-product-results{position:fixed!important;left:10px!important;right:10px!important;top:22vh!important;max-height:60vh!important}
}
@media(max-width:640px){
  .top-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;overflow:visible!important}
  .topbar-context{order:1!important;width:100%!important}
  .topbar-utilities{order:2!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;align-self:stretch!important;width:100%!important;grid-column:auto!important;grid-row:auto!important}
}


/* ===== browser8.css ===== */
/* IXRU v0.75-tooltips1 — единая система профессиональных подсказок. */
.label-with-tip{display:inline-flex;align-items:center;justify-content:inherit;gap:6px;max-width:100%}
.label-with-tip>.help-tip{flex:0 0 auto}
.product-detail-row .label-with-tip,.product-detail-metric .label-with-tip{justify-content:flex-start}
.help-tip[aria-expanded="true"],.stock-method-help[aria-expanded="true"]{border-color:#6255d9!important;background:#f0edff!important;color:#4338ca!important;box-shadow:0 0 0 3px rgba(99,82,214,.12)}
.floating-tooltip{max-width:min(380px,calc(100vw - 24px));padding:11px 13px;border-radius:8px;font-size:12.5px;line-height:1.5;letter-spacing:.002em}
table[data-table-key] .table-header-text.tooltip-source[data-tooltip]{text-decoration-color:rgba(99,82,214,.35)!important;text-underline-offset:4px}
table[data-table-key] .table-header-text.tooltip-source[data-tooltip]:hover, table[data-table-key] .table-header-text.tooltip-source[data-tooltip]:focus{color:#4338ca!important;text-decoration-color:#6255d9!important}
.summary-metric-card[data-summary-widget="commission"].good .value{color:#067647!important}
.summary-metric-card[data-summary-widget="commission"].good .summary-card-secondary{color:#067647!important}
@media(max-width:640px){.floating-tooltip{max-width:calc(100vw - 20px);font-size:12px}.label-with-tip{gap:5px}}


/* ===== browser9.css ===== */

/* v0.76 — access clarity, non-blocking loading, product values and compact methodology */

/* Loading never blocks reading or navigation. */
.app-loading-overlay{position:fixed!important;inset:0!important;z-index:3000!important;display:block!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .16s ease,visibility .16s ease!important}
.app-loading-overlay.active{opacity:1!important;visibility:visible!important;pointer-events:none!important}
.app-loading-status{position:absolute;top:72px;right:22px;display:flex;align-items:center;gap:10px;width:min(390px,calc(100vw - 32px));padding:11px 13px;border:1px solid rgba(91,76,230,.16);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(31,41,55,.13)}
.app-loading-copy{display:grid;gap:2px;min-width:0}.app-loading-copy b{color:#344054;font-size:12px}.app-loading-copy small{color:#667085;font-size:10.5px;line-height:1.35}
.app-loading-spinner{width:20px;height:20px;flex:0 0 auto;border:2px solid #e3e1fb;border-top-color:#5b4ce6;border-radius:50%;animation:v076-spin .8s linear infinite}
body.app-busy{cursor:default!important}.view.view-is-loading{opacity:1!important;pointer-events:auto!important}.view.view-is-loading .btn:not(:disabled),.view.view-is-loading input:not(:disabled),.view.view-is-loading select:not(:disabled){pointer-events:auto!important}
@keyframes v076-spin{to{transform:rotate(360deg)}}

/* Employee access wizard. */
.team-all-cabinets-card{position:relative}.team-all-cabinets-card>input{position:relative!important;z-index:3!important;width:20px!important;height:20px!important;opacity:0!important;margin:0!important;cursor:pointer!important}.team-all-cabinets-card>.team-choice-box{position:absolute!important;left:13px!important;top:13px!important;z-index:1!important}.team-all-cabinets-card>.team-choice-copy{padding-left:30px!important}
.team-permission-legend{display:flex;gap:16px;flex-wrap:wrap;padding:10px 12px;border:1px solid #e5e7ee;border-radius:10px;background:#f8f9fc;color:#5f6879;font-size:11.5px}.team-permission-legend span{display:flex;align-items:center;gap:6px}.team-permission-legend i{width:26px;height:14px;border-radius:999px;background:#d0d5dd;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.team-permission-legend i.allowed{background:#5b4ce6}
.team-access-section-head{align-items:center!important}.team-access-section-head .team-group-actions{justify-content:flex-end;flex-wrap:wrap}
.team-permission-item{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:10px!important;min-height:86px!important;padding:12px!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.team-permission-item>input{position:absolute!important;opacity:0!important;pointer-events:none!important}.team-permission-switch{display:block!important;grid-column:1;width:38px!important;height:22px!important;margin-top:2px!important}.team-permission-copy{grid-column:2;display:grid!important;gap:6px!important;min-width:0}.team-permission-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}.team-permission-title b{min-width:0;font-size:12.5px!important;line-height:1.35}.team-permission-state{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#f1f2f5;color:#667085;font-size:9.5px;font-style:normal;font-weight:800}.team-permission-state.allowed{background:#eeebff;color:#5749d7}.team-permission-state.denied{background:#f1f2f5;color:#667085}.team-permission-explanation{margin:0!important;color:#667085!important;line-height:1.45!important}.team-permission-item.selected{border-color:#b7b0f3!important;background:#fbfaff!important;box-shadow:0 0 0 2px rgba(91,76,230,.05)}
.team-action-groups{display:grid;gap:10px}.team-action-group{padding:12px;border:1px solid #e3e5ec;border-radius:11px;background:#fff}.team-action-group.critical{border-color:#f0c9c6;background:#fffafa}.team-action-group-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.team-action-group-head b{font-size:12.5px}.team-action-group-head span{padding:3px 6px;border-radius:999px;background:#fff0ef;color:#b42318;font-size:9.5px;font-weight:800}
.team-access-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.team-access-summary section small{display:block;color:#667085;font-size:11px;line-height:1.4}.team-wizard-step[data-team-step="4"].active{align-content:start}

/* Planning method is presented once, in two separate calculations. */
.planning-method-details{border:1px solid #dfe3eb;border-radius:12px;background:#fff}.planning-method-details summary{padding:12px 14px;cursor:pointer;color:#4d43bd;font-size:12px;font-weight:800;list-style:none}.planning-method-details summary::-webkit-details-marker{display:none}.planning-method-details summary:after{content:'+';float:right}.planning-method-details[open] summary:after{content:'−'}.planning-method-details>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px}.planning-method-details section{padding:12px;border-radius:10px;background:#f8f9fc}.planning-method-details section b{font-size:12.5px}.planning-method-details p{margin:6px 0;color:#667085;font-size:11.5px;line-height:1.5}.planning-method-details code{display:block;padding:8px;border-radius:8px;background:#fff;color:#4b5565;font:600 10.5px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal}.planning-history-warning{grid-column:1/-1;margin:0!important;padding:9px 10px;border-radius:8px;background:#fff6ed!important;color:#9a3412!important}

/* Product header values are two equal compact cards. */
.product-profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(170px,1fr))!important;gap:10px!important;min-width:min(390px,100%)}.product-value-card{appearance:none;display:grid;gap:3px;min-height:80px;padding:12px 13px;border:1px solid #e0e3ea;border-radius:12px;background:#fff;color:#344054;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(31,41,55,.04);transition:.16s}.product-value-card:hover:not(:disabled){border-color:#a9a1ec;background:#faf9ff;transform:translateY(-1px)}.product-value-card:disabled{cursor:default}.product-value-card span{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.product-value-card b{overflow-wrap:anywhere;font-size:17px;line-height:1.25}.product-value-card small{color:#7569d7;font-size:10.5px}.product-cost-card small{color:#5b4ce6}.product-price-card b{color:#273247}

/* Search data availability. */
.search-data-access-note{margin:12px 0!important;border-color:#dcd8fb!important;background:#faf9ff!important}.search-data-access-note>div{display:grid;gap:4px}.search-data-access-note b{color:#5144c4;font-size:12.5px}.search-data-access-note span{color:#667085;font-size:11.5px;line-height:1.45}.search-data-state{display:grid;justify-items:start;gap:6px;margin:12px 0;padding:16px;border:1px solid #e2e5eb;border-radius:12px;background:#fafbfc}.search-data-state b{font-size:13px}.search-data-state span{color:#667085;font-size:11.5px;line-height:1.45}.search-data-state.unavailable{border-color:#f1c9c6;background:#fff9f8}.search-data-state.unavailable b{color:#b42318}

/* Extra product dropdown. */
#shipmentExtraProductResults button{display:grid;width:100%;gap:3px;padding:9px 10px;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;cursor:pointer}#shipmentExtraProductResults button:hover{background:#f7f6ff}#shipmentExtraProductResults button span{color:#667085;font-size:10.5px}

/* Tooltip safety on narrow screens. */
.floating-tooltip{max-width:min(320px,calc(100vw - 20px))!important;overflow-wrap:anywhere!important}

@media(max-width:900px){.app-loading-status{top:auto;right:12px;bottom:12px;width:min(390px,calc(100vw - 24px))}.product-profile-actions{width:100%!important;min-width:0!important}.team-access-section-head{align-items:flex-start!important;flex-direction:column!important}.team-access-section-head .team-group-actions{width:100%;justify-content:flex-start}.team-access-section-head .team-group-actions .btn{flex:1}.planning-method-details>div{grid-template-columns:1fr}}
@media(max-width:600px){.product-profile-actions{grid-template-columns:1fr!important}.team-permission-title{flex-direction:column;gap:5px!important}.team-permission-state{align-self:flex-start}.team-access-summary{grid-template-columns:1fr!important}.team-summary-person{grid-column:auto!important}.team-permission-legend{display:grid;gap:8px}.app-loading-copy small{display:none}.app-loading-status{width:auto;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.app-loading-spinner{animation:none}.product-value-card{transition:none}}
.search-data-state.warning{border-color:#f5d7a1;background:#fffbf2}.search-data-state.warning b{color:#9a6700}


/* ===== browser10.css ===== */
/* IXRU v0.77 — systematic layout, filters, access scope, stock valuation and modal polish */

/* Header: cabinet selector is self-explanatory without a redundant caption. */
.topbar-context{gap:0!important}.topbar-context-title{display:none!important}.topbar-context-fields{gap:10px!important}

/* One predictable loading location: centred immediately below the sticky header. */
.app-loading-status{position:fixed!important;top:76px!important;left:calc(50% + 135px)!important;right:auto!important;transform:translateX(-50%)!important;width:min(430px,calc(100vw - 40px))!important;z-index:3100!important}

/* Filters are a table toolbar, not a detached page header. */
.view .filters{align-items:flex-end!important}.stocks-filter-panel,.planning-filter-panel,#productsPaneCosts>.filters{margin-top:10px!important;margin-bottom:8px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:12px 14px!important;box-shadow:none!important}
.planning-filter-panel .planning-action-bar{width:100%;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.filter-reset-btn{background:#fff!important;color:#475467!important;border:1px solid #d0d5dd!important;box-shadow:none!important;white-space:nowrap}.filter-reset-btn:hover{background:#f8fafc!important;border-color:#98a2b3!important}.filter-reset-btn span{font-size:16px;margin-right:4px}
.filters input::placeholder,.filters textarea::placeholder,.searchable-select input::placeholder{font-weight:400!important;color:#98a2b3!important}

/* Selects with substring search. The original select remains the data source. */
.searchable-select{position:relative;min-width:190px}.searchable-select>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.searchable-select>input{width:100%}.searchable-select-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:850;max-height:280px;overflow:auto;padding:6px;background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 18px 46px rgba(16,24,40,.18)}.searchable-select-list.open{display:grid}.searchable-select-list button{border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:8px;color:#344054;cursor:pointer}.searchable-select-list button:hover,.searchable-select-list button:focus{background:#f2f4ff;color:#4038b5}.searchable-select-list>span{padding:12px;color:#667085;font-size:12px}

/* Product links no longer spend table width on decorative arrows. */
.product-name-link:after,.stock-link:after,.order-product-link:after,.product-link:after,.table-product-link:after{display:none!important;content:none!important}.product-name-link,.stock-link,.order-product-link,.product-link{padding-right:0!important}

/* Stock values and badges. */
.stock-value-card{grid-column:span 1}.stock-value-lines{display:grid;gap:9px}.stock-value-lines span{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.stock-value-lines small{color:var(--muted);font-size:11px}.stock-value-lines b{font-size:17px;color:#273142}.warehouse-mini{border:1px solid #d9ddf8!important;background:#f7f7ff!important}.pill{border:1px solid currentColor!important}.pill.good{border-color:#a6dbc5!important}.pill.warn{border-color:#efc98a!important}.pill.bad{border-color:#efb1b1!important}.pill.info{border-color:#b9c7ed!important}

/* Cost table: the edit action belongs to the value. */
.cost-value-inline{display:flex;align-items:center;justify-content:flex-end;gap:7px}.icon-edit-button{display:inline-grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#5b4ce6;cursor:pointer;font-size:13px;line-height:1}.icon-edit-button:hover{background:#f3f1ff;border-color:#b8b1f4}.costs-modern-table th:last-child{position:static!important;right:auto!important}
.costs-modern-table td:last-child{position:static!important;right:auto!important}.cost-import-issues td small{display:block;margin-top:4px;color:#667085;line-height:1.35}.cost-import-issues table{min-width:1050px}

/* Planning: scheme and its settings live in one column. */
.planning-scheme-cell{display:grid;grid-template-columns:minmax(190px,1fr) 30px;gap:8px;align-items:center}.planning-method-note{background:transparent!important;border:0!important;padding:0!important}.planning-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.planning-method-grid section{padding:13px 15px;border:1px solid #dfe3f8;border-radius:13px;background:#fafaff}.planning-method-grid section>span{display:block;font-weight:800;color:#4038b5;margin-bottom:5px}.planning-method-grid p{margin:0 0 8px;color:#5d6676;font-size:12px;line-height:1.5}.planning-method-grid code{display:block;white-space:normal;padding:8px;border-radius:8px;background:#fff;color:#344054;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}

/* Shipment comboboxes must render above adjacent blocks. */
.shipment-warehouse-panel,.shipment-add-product-panel{overflow:visible!important;position:relative}.shipment-warehouse-panel{z-index:72}.shipment-add-product-panel{z-index:66}.warehouse-combobox,.shipment-product-picker{position:relative;z-index:2}.warehouse-search-results,.shipment-product-results{z-index:1100!important;max-height:360px!important}.shipment-product-results button{display:grid!important;grid-template-columns:42px 1fr!important;gap:10px!important;align-items:center!important}.shipment-product-results img,.shipment-product-placeholder{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#f2f4f7;display:grid;place-items:center}.shipment-product-results button>span:last-child{display:grid;gap:2px}.shipment-product-results small,.shipment-product-results em{font-size:11px;color:#667085;font-style:normal}.shipment-pallet-box-add select{min-width:310px}

/* Team access scope uses clear check marks instead of toggle switches. */
.team-cabinet-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.team-scope-option,.team-cabinet-item{position:relative;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer}
.team-scope-option>input,.team-cabinet-item>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.team-scope-option>span:last-child,.team-cabinet-item .team-choice-copy{display:grid;gap:4px}
.team-scope-option small,.team-cabinet-item small{color:var(--muted);font-size:11.5px;line-height:1.4}
.team-scope-option.selected,.team-cabinet-item.selected{border-color:#9e96ee;background:#f7f6ff;box-shadow:0 0 0 2px rgba(91,76,230,.08)}
.team-choice-mark{position:relative;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border:1.5px solid #cfd4e1;border-radius:7px;background:#fff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.team-choice-mark:after{content:'✓';font-size:13px;font-weight:800;line-height:1;color:#fff;opacity:0;transform:scale(.75);transition:opacity .16s ease,transform .16s ease}
.team-scope-option input:checked+.team-choice-mark,.team-cabinet-item input:checked+.team-choice-mark{border-color:var(--brand);background:var(--brand);box-shadow:0 6px 16px rgba(91,76,230,.18)}
.team-scope-option input:checked+.team-choice-mark:after,.team-cabinet-item input:checked+.team-choice-mark:after{opacity:1;transform:scale(1)}
.team-cabinet-item input:disabled+.team-choice-mark{opacity:.45}
.team-wizard-step[data-team-step="4"]{min-height:420px}
.team-action-groups{display:grid;gap:10px}

/* Notification drawer follows the same panel and typography system as the rest of IXRU. */
.notification-backdrop{background:rgba(15,23,42,.28)!important;backdrop-filter:blur(2px)!important}.notification-drawer{width:min(430px,100vw)!important;background:#f8fafc!important;border-left:1px solid #e4e7ec!important;box-shadow:-20px 0 55px rgba(16,24,40,.16)!important}.notification-drawer-head{padding:20px 20px 15px!important;background:#fff!important;border-bottom:1px solid #eaecf0!important}.notification-drawer-head span{color:#5b4ce6!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:800!important}.notification-drawer-head h3{font-size:22px!important;margin:4px 0 0!important}.notification-drawer-actions button{border:1px solid #d0d5dd!important;border-radius:9px!important;background:#fff!important;color:#475467!important;min-height:34px!important}.notification-drawer-body{padding:14px!important;display:grid!important;gap:10px!important}.notification-item{border:1px solid #e4e7ec!important;border-radius:13px!important;background:#fff!important;padding:13px!important;box-shadow:0 3px 10px rgba(16,24,40,.035)!important}.notification-item.unread{border-color:#c8c2f7!important;box-shadow:inset 3px 0 #5b4ce6!important}.notification-item-title{align-items:center!important}.notification-item p{color:#667085!important;line-height:1.45!important}.notification-item-actions button{border:0!important;border-radius:8px!important;padding:7px 9px!important;background:#f1efff!important;color:#4b3ec7!important;font-weight:700!important}.notification-control-link{margin:0 14px 14px!important;width:calc(100% - 28px)!important}

/* Reports and modal clean-up. */
.reports-sync-status{}.reports-modern-table .table-cell-actions{}.report-detail-head{}.report-metrics-cards{}.report-detail-table-wrap{border-top:0!important}.modal-card.wide:has(#reportDetails){}

/* Funnel: clearer hierarchy and not just four thin bars. */
#growthFunnel{display:grid;gap:9px}.funnel-stage{position:relative;padding:11px 13px;border:1px solid #e1e4ec;border-radius:12px;background:#fff;overflow:hidden}.funnel-stage:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--stage-width,100%);background:linear-gradient(90deg,rgba(91,76,230,.11),rgba(91,76,230,.025));pointer-events:none}.funnel-label,.funnel-track{position:relative}.funnel-track{height:6px!important;background:#eef0f5!important}.funnel-track span{background:linear-gradient(90deg,#7567ee,#4f46c8)!important}.growth-filter-panel label:has(#growthStatus){min-width:230px}

/* Search query subscription note is always visible. */
.product-search-data-note{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:10px 0;border:1px solid #d8d3fb;border-radius:12px;background:#f8f7ff}.product-search-data-note b{white-space:nowrap;color:#463bbd}.product-search-data-note span{font-size:12px;color:#5d6676;line-height:1.45}

/* Expense action header is intentionally blank and narrow. */
.expenses-list-panel th:last-child, .expenses-list-panel td:last-child{}

@media(max-width:1100px){.app-loading-status{left:50%!important}.planning-method-grid,.team-cabinet-scope{grid-template-columns:1fr}.report-metrics-cards{}}
@media(max-width:700px){.app-loading-status{top:auto!important;bottom:12px!important;left:12px!important;right:12px!important;transform:none!important;width:auto!important}.searchable-select{min-width:100%;width:100%}.planning-method-grid{grid-template-columns:1fr}.notification-drawer{width:100%!important}.report-metrics-cards{}.shipment-pallet-box-add select{min-width:0;width:100%}}

/* v0.77 final refinements */
.planning-method-heading{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin:2px 0 9px;padding:0 2px}.planning-method-heading b{font-size:14px;color:#273142}.planning-method-heading span{font-size:11.5px;color:#667085;text-align:right}.product-card-link-arrow,.planning-product-link>i{display:none!important}.product-card-link,.planning-product-link{padding-right:10px!important}.report-date-accent{display:inline-block;padding:3px 7px;border-radius:7px;background:#f3f4ff;color:#4038b5}.report-payment-accent{font-weight:800;color:#344054}.cost-inline-edit .icon-edit-button{flex:0 0 auto}.products-hub-table .cost-value-inline{min-width:118px}.team-cabinet-scope input[type=radio]{appearance:none!important}.team-scope-option{position:relative}.team-scope-option:focus-within{outline:2px solid rgba(91,76,230,.22);outline-offset:2px}
@media(max-width:700px){.planning-method-heading{display:grid;gap:3px}.planning-method-heading span{text-align:left}}

.funnel-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.funnel-label>span{display:flex;align-items:center;gap:9px}.funnel-label em{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eeecff;color:#4b3ec7;font-style:normal;font-size:11px;font-weight:800}.funnel-label strong{font-size:19px;color:#273142}.funnel-stage-meta{position:relative;display:flex;justify-content:space-between;gap:10px;margin:5px 0 8px;font-size:11px;color:#667085}.funnel-stage-meta small{color:#98a2b3}.cost-import-identifiers{display:grid;gap:2px}.cost-import-identifiers span{font-size:11px;color:#667085}.reports-sync-status .data-freshness{}

.dual-metric-primary{display:grid;gap:2px}.dual-metric-primary small{font-size:11px;font-weight:600;color:var(--muted)}.dual-metric-primary b{font:inherit;color:inherit}


/* ===== browser11.css ===== */
/* IXRU v0.78 — regression repair: predictable controls, stable overlays and compact tables. */

/* Reset is a quiet toolbar action, never a filled primary button. */
.filter-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 11px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#475467;font-family:inherit;font-size:12px;font-weight:650;line-height:1.2;cursor:pointer;white-space:nowrap}
.filter-reset-btn:hover{background:#f8fafc;border-color:#b8bec9;color:#1d2939}.filter-reset-btn:focus-visible{outline:3px solid rgba(91,76,230,.16);outline-offset:1px}.filter-reset-btn>span:first-child{font-size:15px;color:#7b72dd}

/* Summary cards keep one geometry on every row. */
.summary-main-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.summary-main-cards>.summary-metric-card{height:100%!important;min-height:132px!important;max-height:none!important}
.summary-main-cards .dual-metric-primary{display:grid;gap:2px}.summary-main-cards .dual-metric-primary small{font-weight:600;color:#667085}.summary-main-cards .dual-metric-primary b{font-size:inherit}
@media(max-width:1250px){.summary-main-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.summary-main-cards{grid-template-columns:1fr!important}.summary-main-cards>.summary-metric-card{min-height:104px!important}}

/* Product metadata in orders belongs to the product cell, not as loose body text. */
.order-size-meta{display:inline-flex;align-items:center;gap:5px;margin:6px 0 0 50px;padding:3px 7px;border-radius:7px;background:#f5f6fa;color:#667085;font-size:10.5px;line-height:1.2}
.order-size-meta span{color:#98a2b3}.order-size-meta b{font-size:10.5px;color:#475467}

/* Cost pages: quiet values, clickable products and a collapsible import utility below the table. */
.costs-filter-panel{margin:8px 0 10px!important;padding:12px 14px!important;overflow:visible!important;position:relative;z-index:45}
.cost-missing-text,.cost-zero-text{font-size:12px;font-weight:650;color:#667085}.cost-zero-text{color:#b54708}
.cost-product-link{display:grid;gap:3px;width:100%;border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.cost-product-link:hover b{color:#5146ce}.cost-product-link span{font-size:11px;color:#667085;font-weight:400}
.cost-inline-edit{cursor:pointer;border-radius:8px;padding:3px 4px}.cost-inline-edit:hover{background:#f7f6ff}.cost-inline-edit .icon-edit-button{flex:0 0 27px;width:27px;height:27px;border-color:transparent;background:transparent}.cost-inline-edit:hover .icon-edit-button{border-color:#c9c5f5;background:#fff}
.cost-import-panel{margin-top:12px!important;padding:0!important;overflow:hidden}.cost-import-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;cursor:pointer;list-style:none}.cost-import-panel>summary::-webkit-details-marker{display:none}.cost-import-panel>summary>span{display:grid;gap:3px}.cost-import-panel>summary small{font-size:11.5px;color:#667085;font-weight:400}.cost-import-panel>summary i{font-style:normal;color:#667085;transition:transform .18s}.cost-import-panel[open]>summary i{transform:rotate(180deg)}.cost-import-body{padding:0 17px 17px;border-top:1px solid #eaecf0}.cost-import-body>p{margin-top:14px}

/* Calculation help is collapsed by default and remains two distinct calculations. */
.planning-method-note{padding:0!important;border:1px solid #e3e5f4!important;border-radius:13px!important;background:#fff!important;overflow:hidden}
.planning-method-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.planning-method-details>summary::-webkit-details-marker{display:none}.planning-method-details>summary>span{display:grid;gap:3px}.planning-method-details>summary b{color:#344054}.planning-method-details>summary small{font-size:11.5px;color:#667085}.planning-method-details>summary i{font-style:normal;color:#667085;transition:transform .18s}.planning-method-details[open]>summary i{transform:rotate(180deg)}.planning-method-details .planning-method-grid{padding:0 14px 14px}

/* Searchable selects must sit above cards and tables. */
.stocks-filter-panel,.planning-filter-panel,.supplies-filter-panel,.product-filter-bar,.growth-filter-panel,.finance-management-toolbar,.outbound-list-toolbar{position:relative!important;overflow:visible!important;z-index:80!important}
.searchable-select{z-index:1}.searchable-select:focus-within{z-index:2500}.searchable-select-list{z-index:2600!important;min-width:100%;width:max-content;max-width:min(430px,80vw);box-sizing:border-box}
.stocks-filter-panel .searchable-select-list,.planning-filter-panel .searchable-select-list{left:0;right:auto;min-width:280px}

/* Warehouse and product pickers in a shipment sheet always overlay the following panel. */
.shipment-warehouse-panel{position:relative!important;z-index:9000!important;overflow:visible!important}.shipment-add-product-panel{position:relative!important;z-index:20!important;overflow:visible!important}
.warehouse-combobox{position:relative!important;z-index:9100!important}.warehouse-search-results{position:absolute!important;z-index:9200!important;background:#fff!important;box-shadow:0 20px 50px rgba(16,24,40,.2)!important}
.shipment-product-picker{position:relative!important;z-index:110!important}.shipment-product-results{z-index:2000!important;background:#fff!important;box-shadow:0 20px 50px rgba(16,24,40,.2)!important}

/* Funnel filters are a clean toolbar and keep native controls for short lists. */
.growth-filter-panel>.filters{display:grid!important;grid-template-columns:minmax(190px,1.05fr) minmax(180px,.9fr) minmax(230px,1.2fr) minmax(220px,1.2fr) auto;gap:10px;align-items:end}
.growth-filter-panel>.filters>label,.growth-filter-panel>.filters>.range-field{min-width:0!important;width:100%!important}.growth-filter-panel select,.growth-filter-panel input,.growth-filter-panel .range-trigger{width:100%!important}
.funnel-stage-meta{justify-content:flex-start!important}.funnel-stage-meta small{display:none!important}
@media(max-width:1100px){.growth-filter-panel>.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.growth-filter-panel>.filters{grid-template-columns:1fr}.order-size-meta{margin-left:0}}

/* Reports: restore the compact, sortable financial table without the removed detail columns. */
#view-reports .finance-management-toolbar{z-index:70}.reports-filters{}.reports-filters>*{}.reports-modern-table{}.reports-finance-table th, .reports-finance-table td{}.reports-finance-table th:nth-child(1){}.reports-finance-table th:nth-child(2){}.reports-finance-table th:nth-child(3){}.reports-finance-table th:nth-child(4), .reports-finance-table th:nth-child(5){}.reports-finance-table th:nth-child(6){}.reports-finance-table th:last-child{}.report-period{}.report-period span{}.report-open-button{}.reports-sync-status .data-freshness{}
@media(max-width:1180px){.reports-filters{}}
@media(max-width:620px){.reports-filters{}}

/* Employee wizard: the actual controls remain clickable; decorative switches never intercept. */
.team-access-modal-card{overflow:hidden!important}.team-wizard-scroll{overflow:auto!important;overscroll-behavior:contain}.team-scope-option,.team-cabinet-item,.team-permission-item{position:relative!important}.team-scope-option{grid-template-columns:38px minmax(0,1fr)!important}.team-permission-grid{align-items:stretch}.team-permission-item{min-height:94px}.team-wizard-step[data-team-step="4"]{min-height:0!important}.team-modal-actions{position:sticky!important;bottom:0!important;z-index:30!important;background:#fff!important;border-top:1px solid #eaecf0!important}

/* Notification panel closes without hiding the focused close button. */
.notification-drawer[aria-hidden="true"]{visibility:hidden}.notification-drawer.active{visibility:visible}

/* Loading status has one stable centre position and does not wash out the page. */
.app-loading-status{top:82px!important;left:calc(50% + 130px)!important;right:auto!important;transform:translateX(-50%)!important}
.view.is-loading,.view.loading{opacity:1!important;filter:none!important;pointer-events:auto!important}

@media(max-width:760px){.app-loading-status{top:66px!important;left:50%!important;width:calc(100vw - 24px)!important}.team-cabinet-scope{grid-template-columns:1fr!important}.shipment-warehouse-panel{z-index:9000!important}.warehouse-search-results{position:fixed!important;left:12px!important;right:12px!important;top:24%!important;max-height:55vh!important}}

/* Final regression fixes. */
.summary-main-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.summary-main-cards>.summary-metric-card{min-height:146px!important}
.summary-stock-value-lines{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.summary-stock-value-lines>span{display:grid;gap:3px;min-width:0}
.summary-stock-value-lines small{font-size:10.5px;color:#667085;font-weight:600;white-space:normal}
.summary-stock-value-lines b{font-size:17px;line-height:1.15;color:#101828;white-space:nowrap}
@media(max-width:1050px){.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.summary-main-cards{grid-template-columns:1fr!important}.summary-stock-value-lines{grid-template-columns:1fr}}

.order-size-meta{display:block;margin:5px 0 0 50px;padding:0;border:0;border-radius:0;background:transparent;color:#98a2b3;font-size:10.5px;line-height:1.25}
.order-size-meta b{font-size:10.5px;color:#667085;font-weight:600}

.permanent-search-access-note{margin-bottom:10px!important}

/* Use the real form control as the switch. This avoids invisible label layers intercepting clicks. */
.team-scope-option>input,.team-cabinet-item>input,.team-permission-item>input{
  position:relative!important;inset:auto!important;display:block!important;flex:0 0 38px!important;
  width:38px!important;height:22px!important;margin:0!important;opacity:1!important;z-index:3!important;
  appearance:none!important;-webkit-appearance:none!important;border:1px solid #d0d5dd!important;
  border-radius:999px!important;background:#e4e7ec!important;cursor:pointer!important;pointer-events:auto!important;
  transition:background .16s,border-color .16s,box-shadow .16s!important
}
.team-scope-option>input::after,.team-cabinet-item>input::after,.team-permission-item>input::after{
  content:"";display:block;width:16px;height:16px;margin:2px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(16,24,40,.25);transition:transform .16s
}
.team-scope-option>input:checked,.team-cabinet-item>input:checked,.team-permission-item>input:checked{background:#6558e8!important;border-color:#6558e8!important}
.team-scope-option>input:checked::after,.team-cabinet-item>input:checked::after,.team-permission-item>input:checked::after{transform:translateX(16px)}
.team-scope-option>input:focus-visible,.team-cabinet-item>input:focus-visible,.team-permission-item>input:focus-visible{box-shadow:0 0 0 4px rgba(101,88,232,.15)!important;outline:none!important}
.team-scope-option>input:disabled,.team-cabinet-item>input:disabled,.team-permission-item>input:disabled{opacity:.55!important;cursor:not-allowed!important}
.team-scope-option>.team-permission-switch,.team-cabinet-item>.team-permission-switch,.team-permission-item>.team-permission-switch{display:none!important}
.team-scope-option,.team-cabinet-item,.team-permission-item{pointer-events:auto!important}
.team-scope-option>span:last-child,.team-cabinet-item .team-choice-copy,.team-permission-copy{pointer-events:auto!important}


/* ===== browser12.css ===== */
/* IXRU v0.79 — compact summary, fresh defaults and unified product rows. */

/* Summary cards return to a compact notebook-friendly scale. */
.summary-main-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.summary-main-cards>.summary-metric-card{min-height:96px!important;height:auto!important;padding:10px 12px!important;border-radius:12px!important}
.summary-main-cards .metric-card-top{margin-bottom:5px!important}
.summary-main-cards .value{font-size:19px!important;line-height:1.16!important}
.summary-main-cards .summary-card-secondary,.summary-main-cards .metric-comparison{font-size:10.75px!important;line-height:1.3!important}
.summary-main-cards .summary-stock-value-lines{grid-template-columns:1fr 1fr!important;gap:7px!important}
.summary-main-cards .summary-stock-value-lines b{font-size:15px!important}
@media(max-width:1220px){.summary-main-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:880px){.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.summary-main-cards{grid-template-columns:1fr!important}.summary-main-cards>.summary-metric-card{min-height:88px!important}}

/* Product deviations use the same quiet typography as the remaining service. */
.summary-products-panel{padding:16px!important}
.summary-product-ranking{border-radius:12px!important;border-color:#e4e7ec!important;box-shadow:none!important}
.summary-product-rank-row{min-height:58px!important;padding:9px 12px!important;gap:11px!important}
.summary-product-rank-main>b{font-size:12.75px!important;font-weight:600!important;color:#344054!important}
.summary-product-rank-main>small{font-size:10.5px!important;color:#667085!important}
.summary-product-rank-number{width:25px!important;height:25px!important;border-radius:7px!important;font-weight:700!important;background:#f5f4ff!important}
.summary-product-rank-metric small{font-size:9.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
.summary-product-rank-metric strong{font-size:12.5px!important;font-weight:650!important}
.summary-product-issue em{font-weight:600!important}

/* Order size is secondary product metadata; article/barcode remain in their own column. */
.order-product{display:grid!important;gap:3px!important}
.order-product>b{font-weight:600!important}
.order-product .product-submeta{font-size:10.75px!important;line-height:1.25!important;color:#667085!important;font-weight:400!important}
.order-size-meta{display:none!important}

/* Costs and the main product catalogue share thumbnails and typography. */
.costs-modern-table .product-card-link{min-width:250px!important}
.costs-modern-table .product-thumb{width:42px!important;height:48px!important}
.cost-value-inline>b{font-size:14.5px!important;font-weight:700!important;color:#273142!important}
.cost-value-inline .cost-missing-text{font-size:12.5px!important}
.costs-modern-table td:last-child{font-size:12.75px!important;color:#475467!important;font-variant-numeric:tabular-nums}

/* Long WB error text in the compact price card wraps instead of expanding it. */
.product-value-card small{max-width:210px;white-space:normal;overflow-wrap:anywhere}


/* ===== browser13.css ===== */
/* IXRU v0.80-working1 — calmer typography and compact controls. */
:root{
  --w1-text:#202939;
  --w1-muted:#667085;
  --w1-line:#e4e7ec;
  --w1-soft:#f7f8fa;
  --w1-accent:#5146d9;
}

.app-shell .main,
.app-shell button,
.app-shell input,
.app-shell select,
.app-shell textarea{
  font-weight:400;
}

.app-shell .topbar h2,
.app-shell .panel-head h3,
.app-shell .entity-hero h2,
.app-shell .modal h3,
.app-shell .drawer h3{
  font-weight:600;
  letter-spacing:-.012em;
}

.app-shell .card .label, .app-shell .metric-card .label{
  font-weight:500;
}
.app-shell th{
  font-weight:500;
}
.app-shell label, .app-shell .section-kicker, .app-shell .page-eyebrow{
  font-weight:500;
}

.app-shell .card .value, .app-shell .metric-card .value{
  font-weight:600;
}
.app-shell .report-money{
}
.app-shell td>b, .app-shell .product-cell b, .app-shell .order-product b{
  font-weight:600;
}

.app-shell .small-muted, .app-shell .product-submeta, .app-shell .order-product span{
  color:var(--w1-muted);
  font-weight:400;
}
.app-shell .report-period span{
}
.app-shell .table-result-meta{
  color:var(--w1-muted);
  font-weight:400;
}

.app-shell .btn,
.app-shell .range-trigger,
.app-shell .filter-reset-btn{
  font-weight:500;
}

.view .local-cabinet-filter{
  display:none!important;
}

.filter-reset-btn{
  min-height:32px!important;
  padding:6px 9px!important;
  gap:5px!important;
  border-radius:9px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap;
}
.filter-reset-btn>span:first-child{
  font-size:13px;
  line-height:1;
}

.filters>.btn,
.filters>.filter-reset-btn{
  align-self:end;
}

@media(max-width:760px){
  .filter-reset-btn{
    width:auto!important;
    justify-self:start;
  }
}


/* ===== browser14.css ===== */
/* IXRU v0.80-working1 — unified tabs, product thumbnails and report cleanup. */
.entity-tabs,
.section-tabs,
.view-switcher,
.products-hub-tabs,
.summary-product-tabs{
  display:inline-flex;
  align-items:center;
  gap:3px!important;
  padding:3px!important;
  border:1px solid #e2e6ec!important;
  border-radius:11px!important;
  background:#f6f7f9!important;
  box-shadow:none!important;
}

.entity-tab,
.section-tab,
.view-switch,
.products-hub-tab,
.summary-product-tab{
  min-height:34px!important;
  padding:7px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:500!important;
  box-shadow:none!important;
}

.entity-tab.active,
.section-tab.active,
.view-switch.active,
.products-hub-tab.active,
.summary-product-tab.active{
  background:#fff!important;
  color:#29235c!important;
  box-shadow:0 1px 3px rgba(16,24,40,.09)!important;
}

.entity-tab:hover,
.section-tab:hover,
.view-switch:hover,
.products-hub-tab:hover,
.summary-product-tab:hover{
  color:#3730a3!important;
}

.supplies-filter-panel{
  margin:12px 0 8px!important;
}
.supplies-cards{
  margin-bottom:8px!important;
}
#suppliesSyncStatus{
  margin-bottom:4px;
}

.product-thumb,
.summary-product-thumb{
  flex:0 0 auto;
  width:40px;
  height:48px;
  border:1px solid #e4e7ec;
  border-radius:8px;
  background:#f2f4f7;
  object-fit:cover;
}
.product-thumb.placeholder,
.summary-product-thumb.placeholder{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#98a2b3;
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
}
.summary-product-thumb{
  width:34px;
  height:42px;
  border-radius:7px;
}
.summary-product-rank-row{
  grid-template-columns:auto auto minmax(0,1fr) auto auto!important;
}
.summary-product-rank-row.attention{
  grid-template-columns:auto auto minmax(0,1fr) minmax(130px,.75fr) auto!important;
}

.planning-product-link,
.planning-product-cell{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  text-align:left;
}
.planning-product-link>.product-thumb,
.planning-product-cell>.product-thumb{
  width:38px;
  height:46px;
}

.funnel-product-cell.with-thumb{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:start;
  gap:10px;
}
.funnel-product-cell.with-thumb>.product-thumb{
  width:40px;
  height:48px;
}

.report-number-link{
}
.report-number-link small{
}
.reports-finance-table th:last-child, .reports-finance-table td:last-child{
}

@media(max-width:760px){
  .entity-tabs,
  .section-tabs,
  .view-switcher,
  .products-hub-tabs,
  .summary-product-tabs{
    max-width:100%;
    overflow:auto;
  }
  .summary-product-rank-row,
  .summary-product-rank-row.attention{
    grid-template-columns:auto auto minmax(0,1fr)!important;
  }
  .summary-product-rank-row .summary-product-rank-metric,
  .summary-product-rank-row .summary-product-issue{
    grid-column:3;
  }
}



/* Team tables: action columns are centered and buttons keep a stable geometry. */
.team-members-compact thead th:last-child{text-align:center!important}
.team-members-compact tbody td:last-child{text-align:center!important}
.team-invitations-compact thead th:last-child{text-align:center!important}
.team-invitations-compact tbody td:last-child{text-align:center!important}
.team-members-compact tbody td:last-child .row-actions,.team-invitations-compact tbody td:last-child .btn{justify-content:center!important;margin-inline:auto}
.team-members-compact .row-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.team-invitations-compact tbody td:last-child{min-width:136px}
.team-invitations-compact tbody td:last-child .btn{min-width:112px}

/* ===== FROZEN SOURCE 05: styles/legacy/ui-foundation-v2.css ===== */
/* IXRU UI Foundation v2 — candidate9c4
   One final layer that stabilises typography, tables, mobile cards and invitation UX.
*/
:root{
  --ui-bg:#f6f7fb;
  --ui-surface:#fff;
  --ui-text:#1d2939;
  --ui-muted:#667085;
  --ui-line:#e4e7ec;
  --ui-line-strong:#d0d5dd;
  --ui-brand:#5b4ce6;
  --ui-brand-hover:#4a3bc7;
  --ui-brand-soft:#f2f0ff;
  --ui-good:#067647;
  --ui-good-soft:#ecfdf3;
  --ui-warn:#b54708;
  --ui-warn-soft:#fffaeb;
  --ui-bad:#b42318;
  --ui-bad-soft:#fef3f2;
  --ui-radius:12px;
  --ui-shadow-overlay:0 18px 50px rgba(16,24,40,.18);
}
html{font-size:16px}
body{background:var(--ui-bg)!important;color:var(--ui-text)!important;font-size:14px!important;line-height:1.45!important}
.app-shell{color:var(--ui-text)}
.page-title-copy h2,.topbar h2{font-size:24px!important;letter-spacing:-.02em!important}
.page-title-copy p,.small-muted,.table-result-meta,.data-freshness{font-size:12px!important;line-height:1.45!important}
.nav-group-label{color:#98a2b3!important;font-size:11px!important;letter-spacing:.08em!important}
.app-nav .nav{min-height:42px!important;font-size:13.5px!important;border-radius:9px!important}
.app-nav .nav.active{background:rgba(123,109,246,.16)!important;border-color:transparent!important;box-shadow:inset 3px 0 0 #8b7cf6!important}
.license{font-size:12px!important;line-height:1.4!important}

.btn,.button,.range-trigger,input,select,textarea{font-size:13px!important}
.btn,.button,.range-trigger{min-height:38px!important;border-radius:9px!important}
.icon-button,.modal-close,.topbar-logout,.sidebar-close{min-width:40px!important;min-height:40px!important}
.help-tip{display:inline-grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:-7px -5px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#667085!important;font:800 12px/1 inherit!important;cursor:help!important}
.help-tip:hover,.help-tip:focus-visible{background:var(--ui-brand-soft)!important;color:var(--ui-brand)!important;outline:2px solid rgba(91,76,230,.22)!important;outline-offset:1px!important}
.floating-tooltip{max-width:320px!important;padding:11px 13px!important;font-size:13px!important;line-height:1.45!important;border-radius:10px!important;box-shadow:var(--ui-shadow-overlay)!important}

.panel{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
.card, .metric-card, .summary-metric-card{}
.card, .metric-card, .summary-metric-card{min-height:104px!important;padding:14px 15px!important}
.card .label{font-size:12px!important;line-height:1.35!important;color:var(--ui-muted)!important}
.metric-card .label{}
.summary-metric-card .label{font-size:12px!important;line-height:1.35!important;color:var(--ui-muted)!important}
.card .value{font-size:24px!important;line-height:1.15!important;color:var(--ui-text)!important}
.metric-card .value{}
.summary-metric-card .value{font-size:24px!important;line-height:1.15!important;color:var(--ui-text)!important}
.metric-card.good, .metric-card.warn, .metric-card.bad, .card.good, .card.warn, .card.bad{}
.metric-card.good{}.metric-card.warn{}.metric-card.bad{}

.smart-table-toolbar{}
.smart-table-controls{}
.table-preset-control{}
.table-preset-label{}
.table-view-switch{}
.table-view-switch button{}
.table-view-switch button:hover{}
.table-view-switch button.active{}
.table-columns-button{margin-left:0!important;}
.table-columns-button.with-preset{border-left:1px solid var(--ui-line)!important;}
.table-columns-button:hover{}
.supply-auto-update-note{margin:10px 0 12px!important}
.table-pagination{}
.table-pagination label{}
.table-pagination select{}
.table-page-buttons{}
.table-page-buttons button{}
.table-page-buttons button:hover:not(:disabled){}
.table-page-buttons button:disabled{}

/* The product column must remain readable in growth analytics. */
table[data-table-key="growth"] [data-column-id="товар"]{width:330px!important;min-width:330px!important}
table[data-table-key="growth"] .funnel-product-cell{min-width:0!important;align-items:flex-start!important}
table[data-table-key="growth"] .funnel-product-cell>div{min-width:0!important;flex:1!important}
table[data-table-key="growth"] .product-name-link b{max-width:none!important;word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important;line-height:1.35!important}
table[data-table-key="growth"] .query-action-btn{margin-top:7px!important}

/* Invite is a dedicated onboarding screen, not a modal hidden behind the landing. */
body.invite-flow{overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(91,76,230,.16),transparent 34%),#f6f7fb!important}
body.invite-flow .landing-screen,body.invite-flow .auth-screen,body.invite-flow .app-shell{display:none!important}
body.invite-flow #inviteAcceptModal{display:grid!important;background:transparent!important;backdrop-filter:none!important;z-index:5000!important}
.invite-accept-card{width:min(520px,calc(100vw - 28px))!important;padding:28px!important;border:1px solid #dedafc!important;border-radius:18px!important;box-shadow:0 28px 80px rgba(35,28,100,.18)!important;background:#fff!important}
.invite-accept-card h3{font-size:24px!important;letter-spacing:-.02em!important}
.invite-flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 18px}
.invite-flow-steps span{padding:7px 8px;border-radius:8px;background:#f2f4f7;color:#667085;text-align:center;font-size:11px;font-weight:700}
.invite-flow-steps span.active{background:var(--ui-brand-soft);color:var(--ui-brand)}
.invite-accept-card label{display:grid;gap:6px;margin:10px 0;font-size:13px!important;font-weight:700;color:#344054!important}
.invite-accept-card input{width:100%;min-height:44px!important}
.invite-accept-card #acceptTeamInvitation{width:100%;min-height:44px!important;margin-top:8px}
.invite-back-button{width:100%;margin-top:8px}

@media(max-width:720px){
  body{font-size:14px!important}
  .main{padding:12px 10px 30px!important}
  .topbar{padding:10px!important}
  .page-title-copy h2,.topbar h2{font-size:21px!important}
  .summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .summary-main-cards>.metric-card:nth-child(n+5),.summary-main-cards>.summary-metric-card:nth-child(n+5){display:none!important}
  .card, .metric-card, .summary-metric-card{min-height:94px!important;padding:12px!important}
  .card .value{font-size:20px!important}
.metric-card .value{}
.summary-metric-card .value{font-size:20px!important}
  .smart-table-toolbar{}
  .smart-table-controls{grid-template-columns:1fr!important;}
  .table-preset-control{}
  .table-preset-label{}
  .table-view-switch{}
  .table-view-switch button{}
  .table-columns-button{border-left:0!important;}
  .table-columns-button.with-preset{border-top:1px solid var(--ui-line)!important;}
  .table-pagination{}
  .table-page-buttons{}
  .table-page-buttons button{}

  /* Product catalog becomes a dedicated card list on mobile. */
  .products-table-panel{overflow:visible!important;border:0!important;background:transparent!important;padding:0!important}
  #productsTable>table[data-table-key="products"]{display:block!important;width:100%!important;min-width:0!important;background:transparent!important}
  #productsTable>table[data-table-key="products"] colgroup,#productsTable>table[data-table-key="products"] thead{display:none!important}
  #productsTable>table[data-table-key="products"] tbody{display:grid!important;gap:10px!important}
  #productsTable>table[data-table-key="products"] tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:13px!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 14px rgba(16,24,40,.04)!important}
  #productsTable>table[data-table-key="products"] td{display:none!important;width:auto!important;min-width:0!important;padding:7px 5px!important;border:0!important;background:transparent!important;text-align:left!important;white-space:normal!important}
  #productsTable>table[data-table-key="products"] td[data-column-id="товар"],
  #productsTable>table[data-table-key="products"] td[data-column-id="статус"],
  #productsTable>table[data-table-key="products"] td[data-column-id="текущая_цена"],
  #productsTable>table[data-table-key="products"] td[data-column-id="себестоимость_шт"],
  #productsTable>table[data-table-key="products"] td[data-column-id="чистая_прибыль"],
  #productsTable>table[data-table-key="products"] td[data-column-id="маржинальность"],
  #productsTable>table[data-table-key="products"] td[data-column-id="остаток_wb"]{display:grid!important;gap:3px!important}
  #productsTable>table[data-table-key="products"] td[data-column-id="товар"]{grid-column:1/-1!important;padding-bottom:10px!important;border-bottom:1px solid var(--ui-line)!important}
  #productsTable>table[data-table-key="products"] td[data-column-id="статус"]{grid-column:1/-1!important}
  #productsTable>table[data-table-key="products"] td:not([data-column-id="товар"]):not([data-column-id="статус"])::before{content:attr(data-label);display:block;color:var(--ui-muted);font-size:11px;font-weight:600}
  #productsTable .product-cell,#productsTable .table-product-cell{min-width:0!important}
  #productsTable .product-thumb{width:48px!important;height:64px!important;flex:0 0 48px!important}

  table[data-table-key="growth"] [data-column-id="товар"]{width:280px!important;min-width:280px!important}
  .invite-accept-card{padding:20px!important}
  .invite-flow-steps span{font-size:10px;padding:6px 3px}
}

/* candidate9c3 — quieter left-aligned table controls and compact pagination */
.smart-table-toolbar{
}
.smart-table-controls{
}
.table-preset-label{
}
.table-view-switch button{
}
.table-view-switch button.active{
}
.table-columns-button{
}
.table-columns-button small{}
.table-pagination{
}
.table-page-summary{}
.table-page-range{}
.table-page-buttons{}
.table-page-buttons button{}
.table-page-current{}
.table-page-size{}
.table-pagination select{
}

/* candidate9c3 — summary first screen: compact source selector and four primary KPI by default */
.summary-mode-switcher{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-bottom:10px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  background:#fff!important;
}
.summary-mode-heading{flex:0 0 auto!important;margin:0!important}
.summary-mode-heading>div{display:block!important}
.summary-mode-heading b{font-size:12px!important;font-weight:500!important;color:#667085!important;white-space:nowrap!important}
.summary-mode-tabs{display:inline-flex!important;width:auto!important;gap:2px!important;padding:2px!important;border-radius:9px!important;background:#f2f4f7!important}
.summary-mode-tab{
  display:inline-flex!important;
  grid-template-columns:none!important;
  min-height:32px!important;
  padding:5px 10px!important;
  gap:6px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.summary-mode-tab .summary-mode-icon{width:20px!important;height:20px!important;min-width:20px!important;font-size:11px!important}
.summary-mode-tab b{font-size:12px!important;font-weight:500!important;white-space:nowrap!important}
.summary-mode-tab small,.summary-mode-arrow,.summary-mode-connector{display:none!important}
.summary-mode-tab.active{background:#fff!important;color:#4338ca!important;box-shadow:0 1px 3px rgba(16,24,40,.10)!important}
.summary-mode-tab.active b{font-weight:600!important}
.summary-main-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.summary-main-cards>.summary-metric-card{min-height:112px!important}

/* candidate9c3 — product area is a work surface, not a second hero */
.products-hub-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.products-hub-header:after{display:none!important}
.products-hub-tabs{display:inline-flex!important;gap:3px!important;padding:3px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#f8f9fb!important}
.products-hub-tab{min-height:34px!important;padding:6px 11px!important;border:0!important;border-radius:7px!important;font-size:12.5px!important;font-weight:500!important;box-shadow:none!important}
.products-hub-tab.active{font-weight:600!important;background:#fff!important;color:#4338ca!important;box-shadow:0 1px 3px rgba(16,24,40,.10)!important}
.products-hub-caption{margin:0!important;color:#667085!important;font-size:12px!important;line-height:1.4!important}

@media(max-width:720px){
  .smart-table-toolbar{}
  .smart-table-controls{grid-template-columns:none!important;}
  .table-preset-control{}
  .table-preset-label{}
  .table-view-switch{}
  .table-view-switch button{}
  .table-columns-button, .table-columns-button.with-preset{border-top:0!important;border-left:1px solid var(--ui-line)!important;}
  .table-pagination{
  }
  .table-page-summary{}
  .table-page-size{}
  .table-page-buttons{}
  .table-page-buttons button{}
  .table-page-current{}
  .summary-mode-switcher{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
  .summary-mode-tabs{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .summary-mode-tab{justify-content:center!important}
  .summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .products-hub-header{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .products-hub-caption{padding-left:2px!important}
}

/* candidate9c4 — unified typography, calmer KPI hierarchy and product workspace */
:root{
  --ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ui-title:24px;
  --ui-section-title:16px;
  --ui-body:14px;
  --ui-table:13px;
  --ui-caption:12px;
  --ui-weight-regular:400;
  --ui-weight-medium:500;
  --ui-weight-semibold:600;
}
body,.app-shell,input,select,textarea,button{font-family:var(--ui-font)!important}
body{font-size:var(--ui-body)!important;font-weight:var(--ui-weight-regular)!important;letter-spacing:0!important}
.page-title-copy h2,.topbar h2{font-size:var(--ui-title)!important;font-weight:var(--ui-weight-semibold)!important;line-height:1.18!important;letter-spacing:-.025em!important}
.panel-head h3,.panel>h3,.modal-card h3{font-size:var(--ui-section-title)!important;font-weight:var(--ui-weight-semibold)!important;line-height:1.3!important;letter-spacing:-.01em!important}
.panel-head p,.small-muted,.table-result-meta,.data-freshness{font-size:var(--ui-caption)!important;font-weight:var(--ui-weight-regular)!important;color:var(--ui-muted)!important}
.filters label,.filters .range-field>span,.workspace-select>span{font-size:var(--ui-caption)!important;font-weight:var(--ui-weight-medium)!important;color:#667085!important}
.btn,.button,.range-trigger{font-size:13px!important;font-weight:var(--ui-weight-semibold)!important;letter-spacing:0!important}
input,select,textarea{font-size:13px!important;font-weight:var(--ui-weight-regular)!important}
table[data-table-key]{font-size:var(--ui-table)!important;line-height:1.38!important}
table[data-table-key] thead th{}
table[data-table-key] tbody td{}
.table-header-text{font-weight:var(--ui-weight-semibold)!important}
.table-header-label{font-weight:var(--ui-weight-semibold)!important}
.sort-header{font-weight:var(--ui-weight-semibold)!important}
.pill{font-size:11.5px!important;font-weight:var(--ui-weight-medium)!important;line-height:1.25!important}

/* Summary KPI hierarchy */
.summary-main-cards{gap:12px!important;margin-bottom:12px!important}
.summary-main-cards>.summary-metric-card{
  min-height:126px!important;
  padding:15px 16px!important;
  border-radius:14px!important;
  border:1px solid var(--ui-line)!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
}
.summary-main-cards>.summary-primary-card{border-color:#dedafc!important}
.summary-main-cards>.summary-metric-card.good{border-top:3px solid #12b76a!important;border-left:1px solid var(--ui-line)!important}
.summary-main-cards>.summary-metric-card.warn{border-top:3px solid #f79009!important;border-left:1px solid var(--ui-line)!important}
.summary-main-cards>.summary-metric-card.bad{border-top:3px solid #f04438!important;border-left:1px solid var(--ui-line)!important}
.summary-main-cards>.summary-profit-card{background:#fff!important;border-color:#c9e8d8!important;box-shadow:0 1px 2px rgba(16,24,40,.025)!important}
.summary-main-cards .metric-card-top{align-items:center!important;margin-bottom:8px!important}
.summary-main-cards .metric-icon{width:30px!important;height:30px!important;border:1px solid #e4e0ff!important;border-radius:9px!important;background:var(--ui-brand-soft)!important;color:var(--ui-brand)!important;box-shadow:none!important}
.summary-main-cards .metric-icon svg{width:15px!important;height:15px!important}
.summary-main-cards .label{margin:0!important;font-size:12.5px!important;font-weight:var(--ui-weight-medium)!important;color:#667085!important}
.summary-main-cards .value{font-size:27px!important;font-weight:var(--ui-weight-semibold)!important;line-height:1.12!important;letter-spacing:-.025em!important;color:#1d2939!important}
.summary-main-cards .summary-card-secondary{min-height:0!important;margin-top:6px!important;font-size:12px!important;font-weight:var(--ui-weight-regular)!important;color:#667085!important}
.summary-main-cards .metric-comparison,.summary-main-cards .metric-comparison small{font-size:11.5px!important;font-weight:var(--ui-weight-medium)!important}
.summary-main-cards .summary-card-footer{align-items:center!important;padding-top:8px!important}
.summary-card-link-button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--ui-brand);font:var(--ui-weight-medium) 12px/1.3 var(--ui-font);cursor:pointer}
.summary-card-link-button:hover{text-decoration:underline}
.summary-main-cards .summary-stock-value-lines{gap:8px!important}
.summary-main-cards .summary-stock-value-lines small{font-size:11px!important;font-weight:var(--ui-weight-medium)!important}
.summary-main-cards .summary-stock-value-lines b{font-size:17px!important;font-weight:var(--ui-weight-semibold)!important}
.summary-data-trust{display:grid!important;grid-template-columns:minmax(210px,auto) 1fr!important;align-items:center!important;gap:14px!important;margin:0 0 14px!important;padding:10px 12px!important;border-radius:11px!important;box-shadow:none!important}
.summary-trust-title b{font-size:13px!important;font-weight:var(--ui-weight-semibold)!important}
.summary-trust-title small{font-size:11.5px!important;font-weight:var(--ui-weight-regular)!important}
.summary-trust-items{min-width:0!important}
.summary-trust-items>span{padding:2px 10px!important}
.summary-trust-items small{font-size:10.5px!important;font-weight:var(--ui-weight-medium)!important}
.summary-trust-items b{font-size:11.5px!important;font-weight:var(--ui-weight-medium)!important}
.summary-mode-tab b,.products-hub-tab{font-weight:var(--ui-weight-medium)!important}
.summary-mode-tab.active b,.products-hub-tab.active{font-weight:var(--ui-weight-semibold)!important}

/* Product workspace */
.products-hub-header{margin-bottom:10px!important}
.products-hub-caption{font-size:12px!important}
.product-filter-bar{padding:13px 14px 10px!important;margin-bottom:12px!important;border-radius:13px!important}
.product-filter-bar .filters{margin-bottom:9px!important}
.product-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid var(--ui-line)}
.products-data-status{min-width:0;font-size:12px;color:#667085}
.products-data-status .data-freshness{margin:0!important}
.product-filter-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.product-economy-cards{margin:0 0 12px!important;}
.product-economy-cards>.card{border-radius:12px!important}
.product-economy-cards .card .label{}
.product-economy-cards .card .value{}
.products-result-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:4px 0 9px!important}
.products-result-meta span:last-child{white-space:nowrap!important}
.products-table-panel{border-radius:13px!important}
#productsTable table[data-table-key="products"] tbody tr{transition:background .15s ease}
#productsTable table[data-table-key="products"] tbody tr:hover td{background:#fafaff!important}
#productsTable table[data-table-key="products"] [data-column-id="товар"]{width:320px!important;min-width:320px!important}
#productsTable table[data-table-key="products"] th[data-column-id="товар"]{position:sticky!important;left:0!important;z-index:8!important;box-shadow:7px 0 12px -13px rgba(16,24,40,.55)!important}
#productsTable table[data-table-key="products"] td[data-column-id="товар"]{position:sticky!important;left:0!important;z-index:3!important;background:#fff!important;box-shadow:7px 0 12px -13px rgba(16,24,40,.45)!important}
#productsTable .product-thumb{width:44px!important;height:56px!important;border-radius:8px!important;background:#f2f4f7!important}
#productsTable .product-name-link b{font-size:13px!important;font-weight:var(--ui-weight-semibold)!important;line-height:1.32!important}
#productsTable .product-name-link span,#productsTable .product-cell small{font-size:11.5px!important;font-weight:var(--ui-weight-regular)!important;color:#667085!important}
#productsTable td.num b{font-weight:var(--ui-weight-semibold)!important}
.product-detail-tabs button{font-weight:var(--ui-weight-medium)!important}
.product-detail-tabs button.active{font-weight:var(--ui-weight-semibold)!important}
.product-detail-metrics>div b,.product-detail-list>div b{font-weight:var(--ui-weight-semibold)!important}

@media(max-width:1050px){
  .summary-data-trust{grid-template-columns:1fr!important;align-items:start!important}
  .product-economy-cards{}
}
@media(max-width:720px){
  .page-title-copy h2,.topbar h2{font-size:21px!important}
  .summary-main-cards>.summary-metric-card{min-height:106px!important;padding:13px!important}
  .summary-main-cards .value{font-size:22px!important}
  .summary-data-trust{padding:10px!important}
  .summary-trust-items{display:grid!important;grid-template-columns:1fr!important}
  .summary-trust-items>span{padding:7px 0!important;border-left:0!important;border-top:1px solid var(--ui-line)!important}
  .product-filter-footer{align-items:stretch;flex-direction:column}
  .product-filter-actions{width:100%}
  .product-filter-actions .btn{flex:1}
  .product-economy-cards{}
  .products-result-meta{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}
  #productsTable table[data-table-key="products"] td[data-column-id="товар"]{position:static!important;box-shadow:none!important}
#productsTable table[data-table-key="products"] th[data-column-id="товар"]{position:static!important;box-shadow:none!important}
}


/* candidate9c5 — compact operational workspaces: orders, stocks, planning and supplies */
.operations-filter-panel{padding:12px 14px!important;margin-bottom:12px!important;border-radius:13px!important}
.operations-filter-panel .filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:9px!important;align-items:end!important;margin:0!important}
.operations-filter-panel .filters label,.operations-filter-panel .range-field{min-width:0!important}
.operations-filter-panel .filters input,.operations-filter-panel .filters select{width:100%!important}
.workspace-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid var(--ui-line)}
.workspace-filter-footer .table-result-meta,.workspace-filter-footer .stocks-meta{margin:0!important;min-width:0!important}
.operations-kpi-grid{margin:0 0 12px!important}
.operations-kpi-grid>.card{border-radius:12px!important}
.operations-kpi-grid .card .label{}
.operations-kpi-grid .card .value{}
.operations-table tbody tr{transition:background .14s ease}
.operations-table tbody tr:hover td{background:#fafaff!important}
.operations-table td small,.operations-table td>span:not(.pill){display:block;margin-top:3px;color:#667085;font-size:11.5px;line-height:1.35}
.operations-table td b{font-weight:var(--ui-weight-semibold)!important}

/* Orders */
.orders-filter-panel{display:grid;gap:10px}
.order-tabs{margin:0!important;padding:3px!important;border:1px solid var(--ui-line)!important;border-radius:11px!important;background:#f7f8fa!important;overflow-x:auto!important;scrollbar-width:none}
.order-tabs::-webkit-scrollbar{display:none}
.order-tabs .entity-tab{min-height:36px!important;padding:7px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;font-weight:var(--ui-weight-medium)!important;white-space:nowrap!important}
.order-tabs .entity-tab.active{background:#fff!important;color:var(--ui-brand)!important;box-shadow:0 1px 4px rgba(16,24,40,.1)!important;font-weight:var(--ui-weight-semibold)!important}
.orders-period-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;min-width:0}
.orders-period-toolbar .quick-periods{display:flex!important;gap:4px!important;min-width:0!important;margin:0!important;padding:3px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#f7f8fa!important;overflow-x:auto!important;scrollbar-width:none}
.orders-period-toolbar .quick-periods::-webkit-scrollbar{display:none}
.orders-period-toolbar .period-chip{padding:5px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;white-space:nowrap!important}
.orders-period-toolbar .period-chip.active{background:#fff!important;color:var(--ui-brand)!important;box-shadow:0 1px 3px rgba(16,24,40,.1)!important;}
.compact-range-field{flex:0 0 auto!important;min-width:150px!important}
.orders-table-panel table[data-table-key="orders"] [data-column-id="товар"]{width:330px!important;min-width:330px!important}
.orders-table-panel table[data-table-key="orders"] [data-column-id="дата"]{width:155px!important;min-width:155px!important}
.order-event-cell{display:grid;gap:4px;justify-items:start}
.order-product-identifiers{margin:5px 0 0 52px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#475467;font-size:11.5px}
.order-product-identifiers small{display:inline!important;margin:0!important}

/* Stocks */
.stocks-filter-panel .view-switcher{display:inline-flex!important;justify-self:start!important;gap:3px!important;margin:0 0 10px!important;padding:3px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#f7f8fa!important}
.stocks-filter-panel .view-switch{min-height:34px!important;padding:6px 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;font-size:12px!important;font-weight:var(--ui-weight-medium)!important}
.stocks-filter-panel .view-switch.active{background:#fff!important;color:var(--ui-brand)!important;box-shadow:0 1px 3px rgba(16,24,40,.1)!important;font-weight:var(--ui-weight-semibold)!important}
.stocks-meta{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;color:#667085!important;font-size:12px!important}
.stocks-meta>span{padding:4px 7px!important;border-radius:7px!important;background:#f2f4f7!important}
.stocks-meta .stock-cost-warning{background:var(--ui-warn-soft)!important;color:var(--ui-warn)!important}
.stock-method-help{min-height:32px!important;padding:5px 8px!important;border:0!important;background:transparent!important;color:var(--ui-brand)!important;font-size:12px!important;font-weight:var(--ui-weight-medium)!important}
.stocks-table-panel table[data-table-key="stocks"] [data-column-id="товар"]{width:320px!important;min-width:320px!important}
.stock-transit-cell b,.stock-value-table-cell b{display:block}
.stock-transit-cell span,.stock-value-table-cell span{display:block;margin-top:2px;color:#667085;font-size:11.5px}

/* Supplies */
.supplies-filter-panel{margin-bottom:12px!important}
.supplies-table-panel table[data-table-key="supplies"] [data-column-id="поставка"]{width:160px!important;min-width:160px!important}
.supply-status-cell{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}

/* Planning */
.planning-main-tabs [role="tab"]{font-weight:var(--ui-weight-medium)!important}
.planning-main-tabs [role="tab"].active{font-weight:var(--ui-weight-semibold)!important}
.planning-pane[hidden]{display:none!important}
.planning-filter-panel{margin-bottom:12px!important}
.planning-filter-panel .filters{grid-template-columns:repeat(3,minmax(180px,1fr))!important}
.planning-table-tools,.planning-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:8px 10px;border:1px solid var(--ui-line);border-radius:11px;background:#fff}
.planning-table-tools .table-action-buttons,.planning-selection-bar .table-action-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.planning-selection-bar{position:sticky;bottom:10px;z-index:26;margin:0 0 10px;border-color:#cec9fb;background:#fbfaff;box-shadow:0 10px 28px rgba(55,45,145,.12)}
.planning-selection-bar[hidden]{display:none!important}
.planning-shipment-table [data-column-id="товар"]{width:320px!important;min-width:320px!important}
.planning-shipment-table [data-column-id="схема"]{width:280px!important;min-width:280px!important}
.planning-decision-cell{display:grid;gap:5px;justify-items:start}
.planning-decision-cell small{margin:0!important;max-width:190px}
.planning-qty-input{min-width:86px!important;max-width:100px!important}

@media(max-width:1050px){
  .operations-kpi-grid{}
  .planning-filter-panel .filters{grid-template-columns:repeat(2,minmax(170px,1fr))!important}
}
@media(max-width:720px){
  .operations-filter-panel{padding:10px!important}
  .operations-filter-panel .filters,.planning-filter-panel .filters{grid-template-columns:1fr!important}
  .workspace-filter-footer{align-items:stretch;flex-direction:column}
  .workspace-filter-footer .btn{width:100%}
  .operations-kpi-grid{}
  .operations-kpi-grid>.card{}
  .operations-kpi-grid .card .value{}
  .orders-period-toolbar{align-items:stretch;flex-direction:column}
  .orders-period-toolbar .quick-periods{width:100%!important}
  .compact-range-field{width:100%!important}
  .compact-range-field .range-trigger{width:100%!important}
  .planning-table-tools,.planning-selection-bar{align-items:stretch;flex-direction:column}
  .planning-table-tools .table-action-buttons,.planning-selection-bar .table-action-buttons{width:100%}
  .planning-table-tools .btn,.planning-selection-bar .btn{flex:1}
  .order-product-identifiers{margin-left:0}
}


/* candidate9c6 — calmer advertising/growth, compact finance details and grouped data quality */
.analytics-primary-cards{margin-bottom:8px!important}
.analytics-primary-cards>.card{border-radius:12px!important;background:#fff!important}
.analytics-primary-cards .value{}
.analytics-meta-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 12px;padding:8px 10px;border:1px solid var(--ui-line);border-radius:11px;background:#fff}
.analytics-meta-strip>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:3px 12px;border-left:1px solid var(--ui-line)}
.analytics-meta-strip>span:first-child{border-left:0}
.analytics-meta-strip small{font-size:11.5px;color:#667085;white-space:nowrap}
.analytics-meta-strip b{font-size:13px;font-weight:var(--ui-weight-semibold);color:#344054;white-space:nowrap}
.analytics-meta-strip .attention b{color:#b42318}
.ad-filter-panel,.growth-filter-panel{padding:12px 14px!important;margin-bottom:10px!important;border-radius:13px!important}
.ad-filter-panel .filters,.growth-filter-panel .filters{display:grid!important;grid-template-columns:repeat(4,minmax(170px,1fr))!important;gap:9px!important;align-items:end!important;margin:0!important}
.ad-overview-panel{margin-bottom:10px!important}
.ad-campaigns-panel .panel-head{padding-bottom:8px!important;margin-bottom:4px!important}
.ad-status-stack{display:grid;gap:5px;justify-items:start}
.analytics-compact-table td small{display:block;margin-top:3px;color:#667085;font-size:11.5px;line-height:1.3}
.analytics-compact-table td b{font-weight:var(--ui-weight-semibold)!important}
.advertising-campaigns-table [data-column-id="кампания"]{min-width:0}
.advertising-products-table [data-column-id="товар"]{width:320px!important;min-width:320px!important}
.growth-products-table [data-column-id="товар"]{}
#growthDonuts[hidden]{display:none!important}
#view-growth>.grid.two{gap:12px!important;margin-bottom:10px!important}
#view-growth>.grid.two>.panel{padding:14px!important}
.growth-bar-label b{font-weight:var(--ui-weight-semibold)!important}

/* Financial report detail: four primary metrics, compact facts, grouped breakdown */
.report-primary-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 8px!important}
.report-primary-metrics>.card{min-height:92px!important;padding:12px 13px!important;background:#fff!important;border-radius:12px!important}
.report-detail-meta{}
.report-breakdown{}
.report-section-heading{}
.report-section-heading h4{}
.report-section-heading span{}
.report-breakdown-grid{}
.report-breakdown-grid>div{}
.report-breakdown-grid span{}
.report-breakdown-grid b{}
.report-detail-table [data-column-id="операция"]{}
.report-detail-table [data-column-id="корректировки"]{}
.reports-filters{}

/* Grouped data quality */
.control-grouped-table [data-column-id="проверка"]{width:230px!important;min-width:230px!important}
.control-grouped-table [data-column-id="объекты"]{width:300px!important;min-width:300px!important}
.control-grouped-table [data-column-id="что_проверить"]{width:330px!important;min-width:330px!important}
.control-group-title{display:grid;gap:6px;justify-items:start}
.control-group-title b{font-size:13px;font-weight:var(--ui-weight-semibold)!important}
.control-object-list,.control-description{display:grid;gap:3px}
.control-object-list b{font-size:12px!important;color:#344054}
.control-object-list span,.control-description span{font-size:12px;color:#475467;line-height:1.35}
.control-object-list small,.control-description small{font-size:11px;color:#667085}
.control-filters{}

@media(max-width:1050px){
  .analytics-primary-cards{}
  .ad-filter-panel .filters,.growth-filter-panel .filters{grid-template-columns:repeat(2,minmax(170px,1fr))!important}
  .report-primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-breakdown-grid{}
  .reports-filters{}
}
@media(max-width:720px){
  .analytics-primary-cards{}
  .analytics-meta-strip{display:flex;overflow-x:auto;scrollbar-width:none;padding:7px 8px}
  .analytics-meta-strip::-webkit-scrollbar{display:none}
  .analytics-meta-strip>span{flex:0 0 auto;min-width:155px;padding:3px 10px}
  .ad-filter-panel .filters, .growth-filter-panel .filters{grid-template-columns:1fr!important}
.control-filters, .reports-filters{}
  .report-primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-breakdown-grid{}
}

/* candidate9c7 — management surfaces, grouped notifications and mobile polish */
#view-expenses [hidden],#view-settings [hidden]{display:none!important}
.expenses-filters{}
.expense-add-filter-btn{white-space:nowrap!important}
.expenses-empty-state{padding:0!important;overflow:hidden}
.expenses-empty-state .empty-state{min-height:290px;padding:42px 24px;background:linear-gradient(180deg,#fff,#fbfaff)}
.expenses-empty-state .empty-state-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;border-radius:14px;background:var(--ui-brand-soft);color:var(--ui-brand);font-size:23px;font-weight:var(--ui-weight-semibold)}
.expenses-empty-state .empty-state b{font-size:17px;font-weight:var(--ui-weight-semibold)}
.expenses-empty-state .empty-state span:not(.empty-state-icon){max-width:520px;font-size:13px;line-height:1.55}
.expense-category-panel{margin-bottom:12px!important}
.expense-main-cell{}.expense-main-cell b{}.expense-main-cell span{}
.expense-accounting-cell{}
.expenses-modern-table [data-column-id="расход"]{}
.expenses-modern-table [data-column-id="кабинет"]{}
.expense-modal-card{width:min(720px,calc(100vw - 32px))!important}.expense-modal-grid{}.expense-comment-field{}
.expense-modal-toggles{}.expense-toggle-card{}.expense-toggle-card b{}.expense-toggle-card small{}

/* Team: compact management overview and optional audit history. */
.team-hero-panel{padding:16px!important;margin-bottom:12px!important}.team-hero-panel .panel-head{margin-bottom:10px!important}.team-kpis{}.team-kpis>.card{}.team-kpis .value{}
.team-members-compact [data-column-id="пользователь"]{width:320px!important;min-width:320px!important}.team-members-compact [data-column-id="доступ"]{width:190px!important;min-width:190px!important}
.team-person-cell{display:grid;gap:4px}.team-person-cell>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.team-person-cell b{font-weight:var(--ui-weight-semibold)!important}.team-person-cell span:not(.pill),.team-person-cell small{color:#667085;font-size:11.5px}
.team-access-cell{display:grid;gap:3px}.team-access-cell b{font-weight:var(--ui-weight-medium)!important}.team-access-cell span{color:#667085;font-size:11.5px}
.team-invitations-compact [data-column-id="сотрудник"]{width:300px!important;min-width:300px!important}.team-invite-history-note{margin-top:8px;padding:7px 9px;border-radius:8px;background:#f8f9fb;color:#667085;font-size:11.5px}.team-invite-history-note b{font-weight:var(--ui-weight-semibold);color:#344054}
.team-audit-details{padding:0!important;overflow:hidden}.team-audit-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;cursor:pointer;list-style:none}.team-audit-details>summary::-webkit-details-marker{display:none}.team-audit-details>summary h3{margin:0;font-size:15px}.team-audit-details>summary p{margin:3px 0 0}.team-audit-details>summary>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ui-line);border-radius:9px;color:#667085;transition:transform .18s ease}.team-audit-details[open]>summary>span{transform:rotate(180deg)}.team-audit-details>#teamAudit{padding:0 16px 16px;border-top:1px solid var(--ui-line)}
.team-wizard-progress button{font-weight:var(--ui-weight-medium)!important}.team-wizard-progress button.active{font-weight:var(--ui-weight-semibold)!important}

/* Settings: independent cards, compact sessions and collapsed danger zone. */
.settings-hero-modern{padding:15px 16px!important;margin-bottom:10px!important}.settings-hero-modern h3{font-size:17px!important;margin:2px 0!important}.settings-hero-modern p{margin:2px 0 0!important}
.settings-grid-modern{align-items:start!important}.settings-card-modern{align-self:start!important}.settings-tabs{position:sticky;top:0;z-index:8;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{font-weight:var(--ui-weight-medium)!important;white-space:nowrap}.settings-tabs button.active{font-weight:var(--ui-weight-semibold)!important}
.security-sessions-block{margin-top:16px!important;padding-top:14px!important}.security-sessions-head{margin-bottom:8px!important}.security-session-table{overflow:hidden;border:1px solid var(--ui-line);border-radius:11px;background:#fff}.security-session-header,.security-session-row{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(155px,.9fr) minmax(145px,.8fr) auto;align-items:center;gap:10px;padding:9px 11px}.security-session-header{background:#f8f9fb;color:#667085;font-size:11px;font-weight:var(--ui-weight-medium)}.security-session-row{border-top:1px solid var(--ui-line);font-size:12px}.security-session-row>div{display:grid;gap:2px;min-width:0}.security-session-row small,.security-session-device span{color:#667085;font-size:10.5px}.security-session-row b{overflow:hidden;font-weight:var(--ui-weight-medium);text-overflow:ellipsis;white-space:nowrap}.security-session-device i{justify-self:start;padding:2px 6px;border-radius:999px;background:var(--ui-brand-soft);color:var(--ui-brand);font-size:9.5px;font-style:normal}.security-session-row.is-current{background:#fcfbff}
.account-deletion-card{padding:0!important;overflow:hidden;border-color:#f0d5d2!important}.account-deletion-card>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none}.account-deletion-card>summary::-webkit-details-marker{display:none}.account-deletion-card>summary h3{margin:2px 0;font-size:15px}.account-deletion-card>summary p{margin:0}.account-deletion-card .account-deletion-icon{width:34px!important;height:34px!important}.account-deletion-body{padding:14px 16px 16px;border-top:1px solid #f0d5d2;background:#fffdfc}.account-deletion-card:not([open]){background:#fffdfc!important}

/* Notification center: grouped, compact and action-oriented. */
.notification-drawer{width:min(420px,100vw)!important}.notification-drawer-head{padding:16px!important}.notification-drawer-head h3{font-size:20px!important}.notification-drawer-body{gap:8px!important;padding:10px 12px!important}.notification-item{grid-template-columns:8px minmax(0,1fr)!important;gap:10px!important;padding:11px 12px!important;border-radius:11px!important;box-shadow:none!important}.notification-item-icon{width:8px!important;height:8px!important;margin-top:5px!important}.notification-item-title{justify-content:flex-start!important;gap:7px!important}.notification-item-title b{font-size:13px!important;font-weight:var(--ui-weight-semibold)!important}.notification-group-count{display:inline-grid!important;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#f2f4f7;color:#475467!important;font-size:10px!important;font-weight:var(--ui-weight-semibold)!important}.notification-item p{margin:4px 0!important;font-size:12px!important;line-height:1.45!important}.notification-item>div>small{display:block;color:#667085;font-size:10.5px}.notification-item-actions{gap:7px!important;margin-top:7px!important}.notification-item-actions button{min-height:30px!important;padding:5px 8px!important;font-size:11px!important;font-weight:var(--ui-weight-medium)!important}.notification-item-actions .notification-read{background:transparent!important;color:#667085!important}.notification-control-link{min-height:36px!important;margin:0 12px 12px!important;width:calc(100% - 24px)!important}

/* Cross-page mobile polish for management and finance surfaces. */
@media(max-width:1000px){
  .expenses-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .security-session-header{display:none}.security-session-row{grid-template-columns:1fr 1fr auto}.security-session-device{grid-column:1/-1}
}
@media(max-width:720px){
  #view-expenses>.panel,#view-team>.panel,#view-team>details,#view-settings .panel{border-radius:12px!important}
  .expenses-filters{}.expense-add-filter-btn{width:100%!important}.expenses-empty-state .empty-state{min-height:250px;padding:30px 18px}.expense-modal-card{width:calc(100vw - 16px)!important}.expense-modal-grid{}
.expense-modal-toggles{}.expense-comment-field{}
  .team-hero-panel .panel-head{align-items:stretch!important;flex-direction:column}.team-hero-panel .panel-head .btn{width:100%}.team-kpis{}.team-kpis>.card{}.team-audit-details>summary{align-items:flex-start}.team-wizard-progress{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity}.team-wizard-progress button{min-width:128px!important;scroll-snap-align:start}.team-access-modal-card{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}
  .settings-hero-modern{align-items:flex-start!important;flex-direction:column!important}.settings-health{width:100%!important}.settings-tabs{margin-inline:-2px;padding-bottom:3px}.settings-tabs button{min-width:max-content!important}.settings-grid-modern{grid-template-columns:1fr!important}.settings-form-modern{grid-template-columns:1fr!important}.security-session-row{grid-template-columns:1fr!important;gap:7px}.security-session-device{grid-column:auto}.security-session-row>div:last-child{justify-items:stretch}.security-session-row .btn{width:100%}.account-deletion-card>summary{align-items:flex-start}.account-deletion-card .settings-card-icon{flex:0 0 auto}
  .notification-drawer{width:100%!important}.notification-drawer-head{padding-top:max(14px,env(safe-area-inset-top))!important}.notification-drawer-actions .notification-read-all{font-size:0!important}.notification-drawer-actions .notification-read-all:after{content:'Все';font-size:11px}.notification-control-link{margin-bottom:max(12px,env(safe-area-inset-bottom))!important}
}


/* candidate9c8 — final mobile QA, navigation accessibility and cross-page polish */
html{scroll-padding-top:84px}
.view.active{min-width:0}
.table-wrap, .report-detail-table-wrap, .smart-scroll-table{}
.table-wrap::-webkit-scrollbar, .report-detail-table-wrap::-webkit-scrollbar, .smart-scroll-table::-webkit-scrollbar{}
.table-wrap::-webkit-scrollbar-thumb, .report-detail-table-wrap::-webkit-scrollbar-thumb, .smart-scroll-table::-webkit-scrollbar-thumb{}
.table-wrap::-webkit-scrollbar-track, .report-detail-table-wrap::-webkit-scrollbar-track, .smart-scroll-table::-webkit-scrollbar-track{}

@media(max-width:900px){
  body.mobile-nav-open{overflow:hidden!important;overscroll-behavior:none}
  .sidebar{height:100dvh!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
  .sidebar-backdrop{height:100dvh!important}
  .main{overflow-x:clip!important}
  .topbar{grid-template-columns:40px minmax(0,1fr)!important;gap:8px 10px!important;min-height:0!important}
  .mobile-nav-toggle{grid-column:1!important;grid-row:1!important;align-self:center!important}
  .topbar-heading{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .top-actions{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;width:100%!important;gap:7px!important;overflow:visible!important}
  .topbar-context{min-width:0!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  .topbar-context::-webkit-scrollbar{display:none!important}
  .topbar-context-fields{display:flex!important;grid-template-columns:none!important;gap:7px!important;width:max-content!important;min-width:100%!important}
  .topbar-context-fields>.topbar-selector{flex:1 0 170px!important;min-width:170px!important;max-width:240px!important;height:44px!important;min-height:44px!important}
  .topbar-utilities{grid-column:2!important;display:flex!important;align-items:center!important;align-self:end!important;width:auto!important;gap:6px!important}
  .topbar-utilities .notification-bell,.topbar-utilities .topbar-logout{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}
  .topbar-utilities .topbar-logout span{display:none!important}
  .grid.two,.settings-grid,.dashboard-grid{grid-template-columns:1fr!important}
  .panel-head{min-width:0}
  .panel-head>div{min-width:0}
  .workspace-filter-footer,.table-action-bar,.planning-table-tools,.planning-selection-bar,.entity-page-topbar,.product-detail-topbar{flex-wrap:wrap!important}
  .workspace-filter-footer>.btn,.table-action-bar>.btn{margin-left:auto}
  .operations-filter-panel .filters, .ad-filter-panel .filters, .growth-filter-panel .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.reports-filters, .control-filters{}
  .operations-kpi-grid, .analytics-primary-cards, .compact-management-cards, .product-economy-cards, .costs-coverage-cards{}
}

@media(max-width:720px){
  html{scroll-padding-top:132px}
  .main{padding:10px 9px calc(28px + env(safe-area-inset-bottom))!important}
  .topbar{position:sticky!important;top:0!important;margin:-10px -9px 12px!important;padding:8px 9px 9px!important;background:rgba(246,247,251,.98)!important;backdrop-filter:blur(14px)!important}
  .topbar-heading h2,.page-title-copy h2{font-size:19px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar-heading p,.page-eyebrow{display:none!important}
  .topbar-selector-label{font-size:9px!important}
  .topbar-selector select{font-size:12px!important}
  .panel{margin-bottom:10px!important;padding:13px!important;border-radius:12px!important}
  .operations-filter-panel,.ad-filter-panel,.growth-filter-panel,.product-filter-bar,.reports-filter-panel{padding:11px!important}
  .operations-filter-panel .filters, .ad-filter-panel .filters, .growth-filter-panel .filters{grid-template-columns:1fr!important;gap:8px!important}
.reports-filters, .control-filters{}
.planning-filter-panel .filters{grid-template-columns:1fr!important;gap:8px!important}
  .filters input,.filters select,.range-trigger{width:100%!important}
  .workspace-filter-footer,.table-action-bar,.planning-table-tools,.entity-page-topbar,.product-detail-topbar{align-items:stretch!important;flex-direction:column!important;gap:8px!important}
  .workspace-filter-footer>.btn,.table-action-bar>.btn,.entity-page-topbar>.btn,.product-detail-topbar>.btn{width:100%!important;margin-left:0!important}
  .planning-selection-bar{position:sticky!important;bottom:max(6px,env(safe-area-inset-bottom))!important;z-index:18!important;align-items:stretch!important;flex-direction:column!important;box-shadow:0 12px 36px rgba(16,24,40,.18)!important}
  .planning-selection-bar .btn{width:100%!important}
  .operations-kpi-grid, .analytics-primary-cards, .compact-management-cards, .product-economy-cards, .costs-coverage-cards{}
.summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .operations-kpi-grid>.card, .analytics-primary-cards>.card, .compact-management-cards>.card, .product-economy-cards>.card, .costs-coverage-cards>.card{}
  .operations-kpi-grid .value{}
.analytics-primary-cards .value{}
.compact-management-cards .value, .product-economy-cards .value, .costs-coverage-cards .value{}
  .order-tabs,.orders-period-toolbar .quick-periods,.settings-tabs,.products-hub-tabs,.section-tabs,.planning-main-tabs{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  .order-tabs::-webkit-scrollbar,.orders-period-toolbar .quick-periods::-webkit-scrollbar,.settings-tabs::-webkit-scrollbar,.products-hub-tabs::-webkit-scrollbar,.section-tabs::-webkit-scrollbar,.planning-main-tabs::-webkit-scrollbar{display:none!important}
  .order-tabs button,.orders-period-toolbar button,.settings-tabs button,.products-hub-tabs button,.section-tabs button,.planning-main-tabs button{scroll-snap-align:start!important}
  .range-popover{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:min(76dvh,620px)!important;overflow:auto!important;padding:14px!important;border-radius:16px!important;box-shadow:0 24px 72px rgba(16,24,40,.26)!important;z-index:2600!important}
  .range-popover .btn{width:100%!important}
  .modal{align-items:flex-end!important;padding:0!important}
  .modal-card,.modal-card.wide,.team-access-modal-card{width:100%!important;max-width:none!important;max-height:calc(100dvh - 10px)!important;margin:0!important;padding:18px 16px max(18px,env(safe-area-inset-bottom))!important;border-radius:18px 18px 0 0!important}
  .modal-close:not(.api-connect-modal-close){position:sticky!important;top:0!important;align-self:flex-end!important;z-index:3!important;margin:-8px -6px -38px 0!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;font-size:22px!important}
  .table-wrap.mobile-table-scrollable,.report-detail-table-wrap.mobile-table-scrollable,.smart-scroll-table.mobile-table-scrollable{position:relative!important;padding-top:32px!important;scroll-snap-type:x proximity!important}
  .table-wrap.mobile-table-scrollable::before,.report-detail-table-wrap.mobile-table-scrollable::before,.smart-scroll-table.mobile-table-scrollable::before{content:'Проведите влево, чтобы увидеть остальные столбцы';position:absolute;top:5px;left:8px;z-index:20;display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #dedafc;border-radius:999px;background:#f8f7ff;color:#5144c4;font-size:10.5px;font-weight:500;pointer-events:none;transition:opacity .18s ease}
  .table-wrap.mobile-table-scrolled::before,.report-detail-table-wrap.mobile-table-scrolled::before,.smart-scroll-table.mobile-table-scrolled::before{opacity:0}
  .smart-table-scroll-dock{display:none!important}
  .table-column-help{display:none!important}
  .table-pagination{}
  .notification-drawer{height:100dvh!important;max-height:100dvh!important}
}

@media(max-width:430px){
  .operations-kpi-grid, .analytics-primary-cards, .compact-management-cards, .product-economy-cards, .costs-coverage-cards{}
  .summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .summary-main-cards>.summary-metric-card{min-width:0!important}
  .summary-main-cards .value{font-size:19px!important;overflow-wrap:anywhere!important}
  .topbar-context-fields>.topbar-selector{flex-basis:155px!important;min-width:155px!important}
}

/* ===== FROZEN SOURCE 06: styles/legacy/ui-review-9c9.css ===== */
/* candidate9c9 — visual hierarchy, compact summary, consistent controls and settings flows */

/* Header: one compact utility cluster; accessible selects keep aria-labels. */
.topbar{align-items:center!important}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important}
.topbar-context,.topbar-context-fields,.topbar-utilities{display:flex!important;align-items:center!important;gap:8px!important}
.topbar-selector{display:block!important;min-width:190px!important;max-width:260px!important;flex:0 1 240px!important}
.topbar-selector-body{display:block!important}
.topbar-selector-label{display:none!important}
.topbar-selector select{height:38px!important;min-height:38px!important;padding:6px 34px 6px 11px!important;border-radius:10px!important;font-size:13px!important;font-weight:500!important}
.notification-bell,.topbar-logout{height:38px!important;min-height:38px!important;border-radius:10px!important}
.notification-bell{width:38px!important;min-width:38px!important}
.notification-bell svg{width:19px!important;height:19px!important;stroke-width:2!important}
.topbar-logout{padding:6px 11px!important;gap:6px!important;font-size:12.5px!important;font-weight:500!important}
.topbar-logout svg{width:17px!important;height:17px!important}

/* Tabs: compact but unmistakably interactive across sections. */
.entity-tabs,.section-tabs,.products-hub-tabs,.settings-tabs,.summary-product-tabs{padding:4px!important;gap:4px!important;border:1px solid #e0e2e9!important;border-radius:11px!important;background:#f5f6f9!important;box-shadow:inset 0 1px 2px rgba(16,24,40,.025)!important}
.entity-tab,.section-tab,.products-hub-tab,.settings-tabs button,.summary-product-tab{min-height:38px!important;padding:8px 13px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#667085!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap!important}
.entity-tab:hover,.section-tab:hover,.products-hub-tab:hover,.settings-tabs button:hover,.summary-product-tab:hover{background:#fff!important;color:#344054!important;border-color:#e1e3e9!important}
.entity-tab.active,.section-tab.active,.products-hub-tab.active,.settings-tabs button.active,.summary-product-tab.active{background:#fff!important;color:#4338ca!important;border-color:#cbc5ff!important;box-shadow:0 2px 7px rgba(67,56,202,.12)!important;font-weight:600!important}
.order-tabs{padding:5px!important;background:#f3f2ff!important;border-color:#ddd9ff!important}
.order-tabs .entity-tab{min-height:42px!important;padding:9px 16px!important;font-size:13.5px!important}
.order-tabs .entity-tab span{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;margin-left:4px;border-radius:10px;background:#eceef3;color:#667085;font-size:10.5px!important}
.order-tabs .entity-tab.active span{background:#e4e0ff;color:#4338ca}
.summary-mode-switcher{align-items:center!important;gap:10px!important}
.summary-mode-heading{flex:0 0 auto!important}
.summary-mode-tabs{display:flex!important;gap:5px!important;padding:4px!important;border:1px solid #ddd9f6!important;border-radius:11px!important;background:#f5f4ff!important}
.summary-mode-tab{grid-template-columns:24px minmax(0,1fr)!important;min-height:44px!important;padding:7px 11px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important}
.summary-mode-tab .summary-mode-arrow,.summary-mode-connector{display:none!important}
.summary-mode-tab b{font-size:13px!important;font-weight:600!important}
.summary-mode-tab small{font-size:10.5px!important}
.summary-mode-tab.active{background:#fff!important;border-color:#c9c3ff!important;box-shadow:0 2px 7px rgba(67,56,202,.11)!important}

/* Summary: all metrics by default, compact for 14-inch notebooks, restrained highlights. */
.summary-main-cards{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))!important;gap:8px!important}
.summary-main-cards>.summary-metric-card{display:flex!important;min-height:88px!important;padding:10px 11px!important;border-radius:11px!important;box-shadow:0 1px 2px rgba(16,24,40,.025)!important}
.summary-main-cards .metric-card-top{gap:6px!important;margin-bottom:5px!important}
.summary-main-cards .metric-card-top .metric-icon{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:7px!important;font-size:12px!important}
.summary-main-cards .metric-card-top>.label{padding-right:16px!important}
.summary-main-cards .metric-card-top .label,.summary-main-cards .metric-card-top .label-with-tip{font-size:10.75px!important;font-weight:500!important;line-height:1.25!important}
.summary-main-cards .metric-card-top .help-tip{width:14px!important;height:14px!important;min-width:14px!important;font-size:8.5px!important;line-height:14px!important}
.summary-main-cards>.summary-metric-card .value{margin-top:2px!important;font-size:18px!important;line-height:1.12!important;font-weight:650!important;letter-spacing:-.015em!important}
.summary-main-cards .summary-card-secondary,.summary-main-cards .metric-comparison,.summary-main-cards small{font-size:10.25px!important;line-height:1.3!important}
.summary-main-cards .summary-card-footer{margin-top:5px!important}
.summary-main-cards>[data-summary-widget="profit"]{background:linear-gradient(145deg,#f2fbf7,#e9f8f1)!important;border-color:#a8dcc3!important}
.summary-main-cards>[data-summary-widget="payout"]{background:linear-gradient(145deg,#f5f4ff,#efedff)!important;border-color:#cfc9ff!important}
.summary-main-cards>[data-summary-widget="realized"]{background:linear-gradient(145deg,#f5fbff,#edf7ff)!important;border-color:#c7e3f5!important}
.summary-main-cards>[data-summary-widget="stock_value"]{background:linear-gradient(145deg,#fffaf1,#fff6e6)!important;border-color:#f0d9a7!important}
.summary-data-trust[hidden]{display:none!important}
.summary-data-trust{padding:10px 12px!important;margin:0 0 12px!important;border-color:#f2c6a0!important;background:#fffaf4!important;box-shadow:none!important}
.summary-trust-issues{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.summary-trust-issues button{display:grid;gap:2px;padding:7px 9px;border:1px solid #f0d0af;border-radius:9px;background:#fff;color:#7a3e0a;text-align:left;cursor:pointer}
.summary-trust-issues small{font-size:9.5px;color:#9a5b20}.summary-trust-issues b{font-size:11.5px}

/* Filters and table settings: one visual language everywhere. */
.filter-reset-btn{align-self:end!important;height:38px!important;min-height:38px!important;padding:6px 11px!important;border:1px solid #d8dbe3!important;border-radius:9px!important;background:#fff!important;color:#475467!important;font-size:12.5px!important;font-weight:500!important;box-shadow:none!important}
.filter-reset-btn:hover{border-color:#aaa3ef!important;color:#4338ca!important;background:#faf9ff!important}
.filter-reset-btn span:first-child{font-size:15px!important;font-weight:400!important}
.smart-table-toolbar{}
.smart-table-controls{}
.table-preset-control{}
.table-preset-label{}
.table-view-switch{}
.table-view-switch button{}
.table-view-switch button.active{}
.table-columns-button{}
.table-columns-button>span{}
.cost-value-inline{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-height:34px!important;padding:4px 5px 4px 10px!important;border:1px solid #ddd9ff!important;border-radius:9px!important;background:#f8f7ff!important}
.cost-value-inline b,.cost-value-inline .cost-missing-text,.cost-value-inline .cost-zero-text{font-size:12.5px!important;font-weight:600!important}
.icon-edit-button{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border-radius:7px!important;font-size:14px!important;line-height:1!important}

/* Settings: same tabs, full-width content, rare actions in modals. */
.settings-grid-modern{grid-template-columns:1fr!important}
.settings-tabs{width:max-content;max-width:100%}
.settings-section-toolbar,.settings-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.settings-section-toolbar{padding:16px 17px!important}
.settings-section-toolbar h3,.settings-section-head h3{margin:3px 0 4px!important}
.settings-primary-action{flex:0 0 auto!important}
.settings-flow-modal-card{width:min(820px,calc(100vw - 28px))!important;max-height:min(88vh,820px)!important;overflow:auto!important}
.settings-flow-modal-card .cabinet-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.api-connect-modal-card{width:min(760px,calc(100vw - 28px))!important}
.api-connect-modal-card .api-connect-panel{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.api-cabinet-overview-list{grid-template-columns:1fr!important}
.api-cabinet-overview{height:auto!important;padding:14px!important}
.api-cabinet-grid{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.35fr) minmax(220px,1fr)!important}
.security-sessions-head{margin-bottom:9px!important}
.security-session-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}
.security-session-row{min-width:0!important}

@media(max-width:900px){
  .top-actions{flex-wrap:wrap!important}.topbar-context{flex:1 1 100%!important}.topbar-context-fields{width:100%!important}.topbar-selector{max-width:none!important;flex:1 1 200px!important}
  .summary-main-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .api-cabinet-grid{grid-template-columns:1fr 1fr!important}.api-cabinet-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .top-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;width:100%!important}.topbar-context{grid-column:1!important;min-width:0!important}.topbar-utilities{display:contents!important}.topbar-selector{min-width:0!important;width:100%!important}.topbar-logout span{display:none!important}.topbar-logout{width:38px!important;padding:0!important}
  .entity-tabs,.section-tabs,.products-hub-tabs,.settings-tabs,.summary-product-tabs{overflow-x:auto!important;max-width:100%!important}
  .summary-mode-switcher{display:block!important}.summary-mode-heading{margin-bottom:5px}.summary-mode-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.summary-mode-tab small{display:none!important}
  .summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.summary-main-cards>.summary-metric-card:nth-child(n){display:flex!important}
  .smart-table-controls{}.table-preset-label{}.table-preset-control{}.table-columns-button{}
  .settings-section-toolbar,.settings-section-head{align-items:stretch!important;flex-direction:column!important}.settings-primary-action{width:100%!important}.settings-flow-modal-card .cabinet-form{grid-template-columns:1fr!important}.api-cabinet-grid{grid-template-columns:1fr!important}.api-cabinet-grid>div:last-child{grid-column:auto}.security-session-list{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .summary-main-cards{grid-template-columns:1fr!important}
  .summary-main-cards>.summary-metric-card{min-height:82px!important}
}

/* Settings action scale and session readability on notebook screens. */
.settings-primary-action{min-height:42px!important;padding:8px 15px!important;font-size:13px!important;font-weight:600!important}
.security-session-table{width:100%!important;max-width:100%!important}
.security-session-header,.security-session-row{grid-template-columns:minmax(230px,1.4fr) minmax(150px,.85fr) minmax(145px,.8fr) auto!important}
@media(max-width:1050px){
  .security-session-header{display:none!important}
  .security-session-row{grid-template-columns:1fr 1fr auto!important}
  .security-session-device{grid-column:1/-1!important}
}

/* ===== FROZEN SOURCE 07: styles/legacy/ui-review-9c10.css ===== */
/* candidate9c10 — summary KPI calibration after notebook review */

/*
 * 9C9 compressed every dimension simultaneously. 9C10 keeps the notebook
 * density but restores enough vertical and horizontal room for long Russian
 * labels, secondary values and inline actions.
 */
.summary-main-cards{
  grid-template-columns:repeat(auto-fit,minmax(174px,1fr))!important;
  gap:10px!important;
}
.summary-main-cards>.summary-metric-card{
  min-width:0!important;
  min-height:104px!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  overflow:visible!important;
}
.summary-main-cards .metric-card-top{
  align-items:flex-start!important;
  gap:7px!important;
  min-height:29px!important;
  margin-bottom:7px!important;
}
.summary-main-cards .metric-card-top .metric-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:8px!important;
  font-size:13px!important;
}
.summary-main-cards .metric-card-top>.label{
  min-width:0!important;
  padding-right:18px!important;
}
.summary-main-cards .metric-card-top .label,
.summary-main-cards .metric-card-top .label-with-tip{
  display:block!important;
  min-width:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  hyphens:auto!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.3!important;
}
.summary-main-cards .metric-card-top .help-tip{
  top:1px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  font-size:9.5px!important;
  line-height:16px!important;
}
.summary-main-cards>.summary-metric-card .value{
  max-width:100%!important;
  margin-top:1px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:20px!important;
  line-height:1.16!important;
  font-weight:650!important;
  letter-spacing:-.012em!important;
}
.summary-main-cards .summary-card-secondary,
.summary-main-cards .metric-comparison,
.summary-main-cards small{
  margin-top:4px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:10.75px!important;
  line-height:1.36!important;
}
.summary-main-cards .summary-card-footer{
  flex-wrap:wrap!important;
  gap:5px 8px!important;
  margin-top:7px!important;
  padding-top:5px!important;
}
.summary-main-cards .summary-card-action,
.summary-main-cards .summary-card-link-button,
.summary-main-cards .summary-card-link{
  font-size:11px!important;
  line-height:1.3!important;
}

/* A 14-inch notebook normally lands in this range after the sidebar. */
@media(min-width:901px) and (max-width:1440px){
  .summary-main-cards{
    grid-template-columns:repeat(auto-fit,minmax(182px,1fr))!important;
  }
  .summary-main-cards>.summary-metric-card{
    min-height:108px!important;
  }
}

@media(max-width:900px){
  .summary-main-cards{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .summary-main-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .summary-main-cards>.summary-metric-card{
    min-height:98px!important;
    padding:11px 12px!important;
  }
  .summary-main-cards>.summary-metric-card .value{
    font-size:18.5px!important;
  }
}

@media(max-width:430px){
  .summary-main-cards{
    grid-template-columns:1fr!important;
  }
  .summary-main-cards>.summary-metric-card{
    min-height:96px!important;
  }
}

/* ===== FROZEN SOURCE 08: styles/legacy/ui-review-9c11.css ===== */
/* candidate9c11 — final horizontal KPI calibration after notebook review */

/*
 * Keep the compact 9C9/9C10 height, but give every KPI more horizontal room.
 * Typography is intentionally restrained: labels are medium, values semibold,
 * supporting text and period comparisons are regular weight.
 */
.summary-main-cards{
  grid-template-columns:repeat(auto-fit,minmax(204px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.summary-main-cards>.summary-metric-card{
  min-width:0!important;
  min-height:96px!important;
  height:auto!important;
  padding:10px 13px!important;
  border-radius:12px!important;
  overflow:visible!important;
}
.summary-main-cards .metric-card-top{
  align-items:flex-start!important;
  gap:7px!important;
  min-height:27px!important;
  margin-bottom:5px!important;
}
.summary-main-cards .metric-card-top .metric-icon{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  border-radius:8px!important;
  font-size:12.5px!important;
}
.summary-main-cards .metric-card-top>.label{
  min-width:0!important;
  padding-right:18px!important;
}
.summary-main-cards .metric-card-top .label,
.summary-main-cards .metric-card-top .label-with-tip{
  display:block!important;
  min-width:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  font-size:11.25px!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
.summary-main-cards .metric-card-top .help-tip{
  top:0!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  font-size:9px!important;
  line-height:15px!important;
}
.summary-main-cards>.summary-metric-card .value{
  max-width:100%!important;
  margin-top:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  font-size:19.5px!important;
  line-height:1.14!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}
.summary-main-cards .summary-card-secondary,
.summary-main-cards small{
  margin-top:3px!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  font-size:10.5px!important;
  line-height:1.32!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.summary-main-cards .summary-card-footer{
  flex-wrap:wrap!important;
  gap:4px 7px!important;
  margin-top:5px!important;
  padding-top:3px!important;
}
.summary-main-cards .metric-comparison,
.summary-main-cards .metric-comparison span,
.summary-main-cards .metric-comparison small{
  font-size:10.25px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.summary-main-cards .metric-comparison{
  gap:5px!important;
  min-width:0!important;
}
.summary-main-cards .metric-comparison span{
  padding:2px 5px!important;
}
.summary-main-cards .summary-card-action,
.summary-main-cards .summary-card-link-button,
.summary-main-cards .summary-card-link{
  font-size:10.75px!important;
  line-height:1.25!important;
  font-weight:500!important;
}

/* Stock cost and WB retail value are two calm rows, not two cramped columns. */
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  width:100%!important;
}
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines>span{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
}
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines small{
  margin:0!important;
  font-size:9.75px!important;
  line-height:1.2!important;
  font-weight:400!important;
  color:#667085!important;
}
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines b{
  min-width:0!important;
  white-space:nowrap!important;
  font-size:14.25px!important;
  line-height:1.15!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
  color:#1d2939!important;
}

/* A 14-inch notebook: fewer, wider cards without increasing their height. */
@media(min-width:901px) and (max-width:1440px){
  .summary-main-cards{
    grid-template-columns:repeat(auto-fit,minmax(214px,1fr))!important;
  }
  .summary-main-cards>.summary-metric-card{
    min-height:96px!important;
  }
}

@media(max-width:900px){
  .summary-main-cards{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .summary-main-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .summary-main-cards>.summary-metric-card{
    min-height:94px!important;
    padding:10px 12px!important;
  }
  .summary-main-cards>.summary-metric-card .value{
    font-size:18.5px!important;
  }
}

@media(max-width:430px){
  .summary-main-cards{
    grid-template-columns:1fr!important;
  }
  .summary-main-cards>.summary-metric-card{
    min-height:92px!important;
  }
}

/* ===== FROZEN SOURCE 09: styles/legacy/ui-review-9c13.css ===== */
/* candidate9c13 — complete Summary KPI redesign */

/* One actionable data warning, placed before the KPI grid. */
.summary-headline-alert{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 12px!important;
  padding:11px 13px!important;
  border:1px solid #f0cf9e!important;
  border-radius:12px!important;
  background:#fffbf3!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
  color:#7a4308!important;
}
.summary-headline-alert[hidden]{display:none!important}
.summary-headline-alert-copy{display:flex;align-items:center;gap:10px;min-width:0}
.summary-headline-alert-copy>span{
  display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;
  border-radius:7px;background:#fff1d8;color:#a15c12;font-size:13px;font-weight:700;
}
.summary-headline-alert-copy>div{display:grid;gap:2px;min-width:0}
.summary-headline-alert-copy b{font-size:12.5px;line-height:1.3;font-weight:600;color:#7a4308}
.summary-headline-alert-copy small{font-size:11.5px;line-height:1.35;font-weight:400;color:#9a670f}
.summary-headline-alert-action{
  flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid #e8bd7e;border-radius:9px;
  background:#fff;color:#8a4d0f;font:600 11.5px/1.2 inherit;cursor:pointer;
}
.summary-headline-alert-action:hover{border-color:#c98b39;background:#fff8eb}
.summary-headline-alert-action:focus-visible{outline:3px solid rgba(201,139,57,.18);outline-offset:2px}

/* Four-column decision grid. Twelve KPI cards form three complete rows. */
.summary-main-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
  margin-bottom:14px!important;
}
.summary-main-cards>.summary-metric-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:126px!important;
  height:auto!important;
  padding:13px 14px 12px!important;
  overflow:hidden!important;
  border:1px solid #e3e7ef!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(16,24,40,.045)!important;
  transform:none!important;
}
.summary-main-cards>.summary-metric-card:hover{
  border-color:#d3d9e5!important;
  box-shadow:0 5px 14px rgba(16,24,40,.065)!important;
  transform:none!important;
}
.summary-main-cards>.summary-metric-card[data-summary-action]:focus-visible{
  outline:3px solid rgba(91,76,230,.16)!important;
  outline-offset:2px!important;
}
.summary-main-cards .metric-glow{display:none!important}

/* Restrained emphasis: meaning comes from content, not traffic-light decoration. */
.summary-main-cards>[data-summary-widget="payout"]{
  background:#faf9ff!important;border-color:#dcd8fb!important;
}
.summary-main-cards>[data-summary-widget="profit"]{
  background:#f8fcfa!important;border-color:#cce8da!important;box-shadow:0 2px 7px rgba(16,100,70,.05)!important;
}
.summary-main-cards>[data-summary-widget="stock_value"]{
  background:#fffdf8!important;border-color:#eadfc8!important;
}
.summary-main-cards>.summary-metric-card.good,
.summary-main-cards>.summary-metric-card.bad,
.summary-main-cards>.summary-metric-card.warn{
  border-top-width:1px!important;
  border-left:1px solid #e3e7ef!important;
}
.summary-main-cards>.summary-metric-card.good .value,
.summary-main-cards>.summary-metric-card.bad .value,
.summary-main-cards>.summary-metric-card.warn .value,
.summary-main-cards>.summary-profit-card .value{color:#1d2939!important}

/* Compact title row with sentence case. */
.summary-main-cards .metric-card-top{
  display:flex!important;align-items:center!important;gap:8px!important;
  min-height:25px!important;margin:0 0 8px!important;
}
.summary-main-cards .metric-card-top .metric-icon{
  display:grid!important;place-items:center!important;
  width:24px!important;height:24px!important;flex:0 0 24px!important;
  border:1px solid #e1ddfb!important;border-radius:7px!important;
  background:#f7f5ff!important;color:#5b4de0!important;font-size:11px!important;
  transform:none!important;
}
.summary-main-cards .metric-card-top .metric-icon svg{width:13px!important;height:13px!important}
.summary-main-cards .metric-card-top>.label{min-width:0!important;padding-right:17px!important;margin:0!important}
.summary-main-cards .metric-card-top .label,
.summary-main-cards .metric-card-top .label-with-tip{
  display:block!important;min-width:0!important;margin:0!important;
  color:#536076!important;font-size:12.5px!important;line-height:1.25!important;
  font-weight:600!important;letter-spacing:0!important;text-transform:none!important;
  white-space:normal!important;overflow-wrap:break-word!important;
}
.summary-main-cards .metric-card-top .help-tip{
  top:1px!important;right:0!important;width:14px!important;height:14px!important;min-width:14px!important;
  border-color:#d8deea!important;background:#fff!important;color:#8490a3!important;
  font-size:8.5px!important;line-height:14px!important;font-weight:600!important;
}

/* Number first, explanation second, comparison last. */
.summary-main-cards>.summary-metric-card .value{
  max-width:100%!important;margin:0!important;color:#1d2939!important;
  font-size:23px!important;line-height:1.12!important;font-weight:600!important;
  letter-spacing:-.025em!important;white-space:normal!important;overflow-wrap:break-word!important;
}
.summary-main-cards .metric-value-divider{color:#c5ccd8!important;font-weight:400!important}
.summary-main-cards .summary-card-secondary{
  margin:5px 0 0!important;color:#758197!important;
  font-size:11.5px!important;line-height:1.35!important;font-weight:400!important;
  white-space:normal!important;overflow-wrap:break-word!important;
}
.summary-main-cards .summary-card-warning{display:none!important}
.summary-main-cards .summary-card-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;flex-wrap:wrap!important;margin:auto 0 0!important;padding:9px 0 0!important;
}
.summary-main-cards .metric-comparison{
  display:flex!important;align-items:baseline!important;gap:5px!important;
  min-width:0!important;margin:0!important;padding:0!important;color:#8792a5!important;
  font-size:10.75px!important;line-height:1.25!important;font-weight:400!important;
}
.summary-main-cards .metric-comparison span{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  font-size:10.75px!important;line-height:1.25!important;font-weight:500!important;white-space:nowrap!important;
}
.summary-main-cards .metric-comparison small{
  margin:0!important;color:#98a2b3!important;font-size:10.5px!important;line-height:1.25!important;font-weight:400!important;
}
.summary-main-cards .metric-comparison.good span{color:#18845b!important}
.summary-main-cards .metric-comparison.bad span{color:#d14b6f!important}
.summary-main-cards .metric-comparison.neutral span{color:#667085!important}
.summary-main-cards .summary-card-action,
.summary-main-cards .summary-card-link-button,
.summary-main-cards .summary-card-link{
  min-height:28px!important;padding:4px 8px!important;border-radius:8px!important;
  font-size:10.75px!important;line-height:1.2!important;font-weight:600!important;
}

/* Inventory value is a compact two-row mini table. */
.summary-main-cards>[data-summary-widget="stock_value"] .value{font-size:inherit!important;letter-spacing:0!important}
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines{
  display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;
}
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines>span{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:baseline!important;gap:9px!important;
  min-width:0!important;
}
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines small{
  margin:0!important;color:#758197!important;font-size:10.75px!important;line-height:1.25!important;font-weight:400!important;
}
.summary-main-cards>[data-summary-widget="stock_value"] .summary-stock-value-lines b{
  min-width:0!important;color:#1d2939!important;font-size:15px!important;line-height:1.15!important;font-weight:600!important;
  letter-spacing:-.015em!important;white-space:nowrap!important;
}

/* The thirteenth item is an action strip, not an orphan KPI card. */
.summary-main-cards>[data-summary-widget="manual_expenses"]{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(180px,.55fr) minmax(240px,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:18px!important;row-gap:2px!important;
  align-items:center!important;min-height:78px!important;padding:12px 14px!important;
  background:#fbfbfd!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .metric-card-top{grid-column:1;grid-row:1;margin:0!important}
.summary-main-cards>[data-summary-widget="manual_expenses"] .value{grid-column:2;grid-row:1;font-size:21px!important}
.summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-secondary{grid-column:2;grid-row:2;margin:0!important}
.summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-footer{
  grid-column:3;grid-row:1/3;display:flex!important;justify-content:flex-end!important;margin:0!important;padding:0!important;min-width:270px!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .metric-comparison{order:3!important}

/* The old trust block remains only for tax or advertising integrity issues. */
.summary-data-trust{margin:0 0 14px!important}

@media(max-width:1120px){
  .summary-main-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .summary-main-cards>[data-summary-widget="manual_expenses"]{grid-column:1/-1!important}
}
@media(max-width:980px){
  .summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .summary-main-cards>[data-summary-widget="manual_expenses"]{
    grid-template-columns:minmax(160px,.7fr) minmax(180px,1fr)!important;
  }
  .summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-footer{
    grid-column:1/-1!important;grid-row:3!important;justify-content:flex-start!important;min-width:0!important;padding-top:7px!important;
  }
}
@media(max-width:700px){
  .summary-headline-alert{align-items:flex-start!important;flex-direction:column!important;gap:9px!important}
  .summary-headline-alert-action{width:100%!important}
  .summary-main-cards{grid-template-columns:1fr!important;gap:8px!important}
  .summary-main-cards>.summary-metric-card{min-height:112px!important;padding:12px 13px!important}
  .summary-main-cards>.summary-metric-card .value{font-size:21px!important}
  .summary-main-cards>[data-summary-widget="manual_expenses"]{
    grid-column:auto!important;display:flex!important;min-height:112px!important;
  }
  .summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-footer{width:100%!important;justify-content:flex-start!important;margin-top:auto!important}
}

/* ===== FROZEN SOURCE 10: styles/legacy/ui-review-9c14.css ===== */
/* candidate9c14 — manual expenses returns to the common Summary grid */

/*
  9C13 temporarily treated manual expenses as a full-width action strip.
  This override deliberately removes every positional exception: the card is
  now an ordinary grid item, so hiding or reordering any Summary widget cannot
  split the grid or create a full-width item in the middle.
*/
.summary-main-cards>[data-summary-widget="manual_expenses"]{
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  column-gap:normal!important;
  row-gap:normal!important;
  align-items:stretch!important;
  min-height:126px!important;
  padding:13px 14px 12px!important;
  background:#fff!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .metric-card-top{
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0 0 8px!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .value{
  grid-column:auto!important;
  grid-row:auto!important;
  font-size:23px!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-secondary{
  grid-column:auto!important;
  grid-row:auto!important;
  margin:5px 0 0!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-footer{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin:auto 0 0!important;
  padding:9px 0 0!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .metric-comparison{
  order:0!important;
  flex:1 1 100%!important;
}
.summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-action,
.summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-link-button{
  flex:0 0 auto!important;
}

@media(max-width:700px){
  .summary-main-cards>[data-summary-widget="manual_expenses"]{
    grid-column:auto!important;
    min-height:112px!important;
    padding:12px 13px!important;
  }
  .summary-main-cards>[data-summary-widget="manual_expenses"] .value{font-size:21px!important}
  .summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-footer{
    width:100%!important;
    justify-content:flex-start!important;
    margin-top:auto!important;
  }
}

/* ===== FROZEN SOURCE 11: styles/legacy/ui-review-9c15.css ===== */
/* candidate9c15 — unified section tabs and ordered Summary narrative */

/*
  One visual language for every in-product tab group. Containers remain
  horizontally scrollable, so long labels never squeeze or wrap on phones.
*/
.entity-tabs,
.section-tabs,
.products-hub-tabs,
.settings-tabs,
.summary-product-tabs,
.summary-mode-tabs{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  gap:5px!important;
  padding:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  border:1px solid #dedfe8!important;
  border-radius:11px!important;
  background:#f5f6f9!important;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.025)!important;
}
.entity-tabs::-webkit-scrollbar,
.section-tabs::-webkit-scrollbar,
.products-hub-tabs::-webkit-scrollbar,
.settings-tabs::-webkit-scrollbar,
.summary-product-tabs::-webkit-scrollbar,
.summary-mode-tabs::-webkit-scrollbar{display:none!important}

.entity-tab,
.section-tab,
.products-hub-tab,
.settings-tabs button,
.summary-product-tab,
.summary-mode-tab{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:max-content!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 18px!important;
  gap:7px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.entity-tab:hover,
.section-tab:hover,
.products-hub-tab:hover,
.settings-tabs button:hover,
.summary-product-tab:hover,
.summary-mode-tab:hover{
  border-color:#e1e3e9!important;
  background:#fff!important;
  color:#344054!important;
}
.entity-tab.active,
.section-tab.active,
.products-hub-tab.active,
.settings-tabs button.active,
.summary-product-tab.active,
.summary-mode-tab.active{
  border-color:#c9c4fb!important;
  background:#fff!important;
  color:#4338ca!important;
  font-weight:600!important;
  box-shadow:0 2px 7px rgba(67,56,202,.12)!important;
}

/* Undo old mobile aliases in Settings; horizontal scrolling handles full text. */
.settings-tabs button::after{content:none!important;display:none!important}

/* Summary source tabs: same height, intentionally wider for visibility. */
.summary-mode-switcher{display:block!important}
.summary-mode-heading{display:none!important}
.summary-mode-tabs{background:#f5f4ff!important;border-color:#ddd9f6!important}
.summary-mode-tab{
  width:246px!important;
  min-width:246px!important;
  justify-content:flex-start!important;
  padding-inline:17px!important;
  text-align:left!important;
}
.summary-mode-tab .summary-mode-icon{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  border-radius:8px!important;
  font-size:13px!important;
}
.summary-mode-tab>span:nth-child(2){display:block!important;min-width:0!important}
.summary-mode-tab b{font-size:13.5px!important;font-weight:600!important;line-height:1!important}
.summary-mode-tab small,
.summary-mode-tab .summary-mode-arrow,
.summary-mode-connector{display:none!important}

/* Order tabs no longer use a different height from the rest of the product. */
.order-tabs .entity-tab{min-height:42px!important;height:42px!important;padding:0 18px!important;font-size:13px!important}
.order-tabs .entity-tab span{
  display:inline-grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:20px!important;
  margin-left:1px!important;
  padding:0 6px!important;
  border-radius:10px!important;
  font-size:10.5px!important;
}

/* Summary reads as a deliberate vertical narrative. */
.summary-visual-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  margin-top:14px!important;
}
.summary-visual-grid>.panel{min-width:0!important}
#monthForecastPanel{margin-top:14px!important}
.summary-products-panel{margin-top:14px!important}

@media(max-width:700px){
  .entity-tab,
  .section-tab,
  .products-hub-tab,
  .settings-tabs button,
  .summary-product-tab{
    min-height:40px!important;
    height:40px!important;
    padding-inline:14px!important;
  }
  .summary-mode-tabs{width:100%!important}
  .summary-mode-tab{
    width:220px!important;
    min-width:220px!important;
    min-height:40px!important;
    height:40px!important;
    padding-inline:14px!important;
  }
  .order-tabs .entity-tab{min-height:40px!important;height:40px!important;padding-inline:14px!important}
}

/* ===== FROZEN SOURCE 12: styles/legacy/ui-review-9c16.css ===== */
/* candidate9c16 — one tab component everywhere and square help controls */

:root{
  --ixru-tab-group-bg:#f5f6f9;
  --ixru-tab-group-border:#dedfe8;
  --ixru-tab-active-border:#c9c4fb;
  --ixru-tab-active-color:#4338ca;
}

/*
  Every in-product tab family uses the same container and the same button.
  The group hugs its content and scrolls horizontally when the viewport is
  narrower than the labels.
*/
.entity-tabs,
.section-tabs,
.products-hub-tabs,
.settings-tabs,
.summary-product-tabs,
.summary-mode-tabs,
.view-switcher,
.planning-main-tabs{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  gap:5px!important;
  margin-inline:0!important;
  padding:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  border:1px solid var(--ixru-tab-group-border)!important;
  border-radius:11px!important;
  background:var(--ixru-tab-group-bg)!important;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.025)!important;
}
.entity-tabs::-webkit-scrollbar,
.section-tabs::-webkit-scrollbar,
.products-hub-tabs::-webkit-scrollbar,
.settings-tabs::-webkit-scrollbar,
.summary-product-tabs::-webkit-scrollbar,
.summary-mode-tabs::-webkit-scrollbar,
.view-switcher::-webkit-scrollbar,
.planning-main-tabs::-webkit-scrollbar{display:none!important}

.entity-tab,
.section-tab,
.products-hub-tab,
.settings-tabs button,
.summary-product-tab,
.summary-mode-tab,
.view-switch,
.planning-main-tab{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:max-content!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 18px!important;
  gap:7px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
}
.entity-tab:hover,
.section-tab:hover,
.products-hub-tab:hover,
.settings-tabs button:hover,
.summary-product-tab:hover,
.summary-mode-tab:hover,
.view-switch:hover,
.planning-main-tab:hover{
  border-color:#e1e3e9!important;
  background:#fff!important;
  color:#344054!important;
  transform:none!important;
}
.entity-tab.active,
.section-tab.active,
.products-hub-tab.active,
.settings-tabs button.active,
.summary-product-tab.active,
.summary-mode-tab.active,
.view-switch.active,
.planning-main-tab.active,
.entity-tab[aria-selected="true"],
.section-tab[aria-selected="true"],
.products-hub-tab[aria-selected="true"],
.settings-tabs button[aria-selected="true"],
.summary-product-tab[aria-selected="true"],
.summary-mode-tab[aria-selected="true"]{
  border-color:var(--ixru-tab-active-border)!important;
  background:#fff!important;
  color:var(--ixru-tab-active-color)!important;
  font-weight:600!important;
  box-shadow:0 2px 7px rgba(67,56,202,.12)!important;
}

/* Settings uses the full labels at every width. */
.settings-tabs button::after{content:none!important;display:none!important}

/*
  Summary no longer has a full-width decorative panel around the tab group.
  The tabs use the same component as Products, while remaining wider so the
  two data sources are immediately visible.
*/
.summary-mode-switcher{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 12px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.summary-mode-heading{display:none!important}
.summary-mode-tabs{
  width:max-content!important;
  max-width:100%!important;
  background:var(--ixru-tab-group-bg)!important;
  border-color:var(--ixru-tab-group-border)!important;
}
.summary-mode-tab{
  width:auto!important;
  min-width:230px!important;
  justify-content:center!important;
  padding-inline:20px!important;
  text-align:center!important;
}
.summary-mode-tab .summary-mode-icon{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:inherit!important;
  font-size:12px!important;
}
.summary-mode-tab>span:nth-child(2){display:block!important;min-width:0!important}
.summary-mode-tab b{font-size:13px!important;font-weight:inherit!important;line-height:1!important}
.summary-mode-tab small,
.summary-mode-tab .summary-mode-arrow,
.summary-mode-connector{display:none!important}

/* Every question-mark tooltip is a compact rounded square, never an oval. */
.help-tip{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d6d3fb!important;
  border-radius:5px!important;
  background:#f7f6ff!important;
  color:#5b50d6!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
}
.metric-card-top .help-tip{
}
.summary-main-cards .metric-card-top .help-tip{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d6d3fb!important;
  border-radius:5px!important;
  background:#f7f6ff!important;
  color:#5b50d6!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
}
.help-tip:hover,
.help-tip:focus-visible,
.metric-card-top .help-tip:hover,
.metric-card-top .help-tip:focus-visible,
.summary-main-cards .metric-card-top .help-tip:hover,
.summary-main-cards .metric-card-top .help-tip:focus-visible{
  border-color:#b9b3f5!important;
  background:#eeecff!important;
  color:#4338ca!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(91,80,214,.10)!important;
  transform:none!important;
}

@media(max-width:700px){
  .entity-tab,
  .section-tab,
  .products-hub-tab,
  .settings-tabs button,
  .summary-product-tab,
  .summary-mode-tab,
  .view-switch,
  .planning-main-tab{
    min-height:40px!important;
    height:40px!important;
    padding-inline:14px!important;
  }
  .summary-mode-switcher{width:100%!important;overflow:hidden!important}
  .summary-mode-tabs{width:max-content!important;max-width:100%!important}
  .summary-mode-tab{min-width:210px!important;padding-inline:16px!important}
}

/* ===== FROZEN SOURCE 13: styles/legacy/ui-review-9c17.css ===== */
/* candidate9c17 — wide filled tabs without nested containers */

:root{
  --ixru-tab-height:52px;
  --ixru-tab-radius:11px;
  --ixru-tab-gap:10px;
  --ixru-tab-idle-bg:#f7f8fb;
  --ixru-tab-idle-border:#e0e4ec;
  --ixru-tab-idle-text:#667085;
  --ixru-tab-hover-bg:#f2f0ff;
  --ixru-tab-active-bg:#ece9ff;
  --ixru-tab-active-border:#9184f4;
  --ixru-tab-active-text:#4338ca;
}

/*
  One actual component for every primary in-product tab group.
  There is no enclosing capsule: every tab is its own visible control.
*/
.ixru-tabs,
.entity-tabs.ixru-tabs,
.section-tabs.ixru-tabs,
.products-hub-tabs.ixru-tabs,
.settings-tabs.ixru-tabs,
.summary-product-tabs.ixru-tabs,
.summary-mode-tabs.ixru-tabs,
.view-switcher.ixru-tabs,
.planning-main-tabs.ixru-tabs,
.product-detail-tabs.ixru-tabs{
  display:grid!important;
  align-items:stretch!important;
  min-width:0!important;
  max-width:100%!important;
  gap:var(--ixru-tab-gap)!important;
  margin-inline:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ixru-tabs::-webkit-scrollbar{display:none!important}

/* Wider equal columns; long groups scroll instead of squeezing labels. */
.ixru-tabs-two{
  width:min(100%,720px)!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
}
.ixru-tabs-four,
.settings-tabs.ixru-tabs{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(210px,1fr))!important;
}
.ixru-tabs-five,
.order-tabs.ixru-tabs{
  width:min(100%,1100px)!important;
  grid-template-columns:repeat(5,minmax(165px,1fr))!important;
}
.ixru-tabs-detail,
.product-detail-tabs.ixru-tabs{
  width:100%!important;
  grid-template-columns:repeat(6,minmax(150px,1fr))!important;
}

.ixru-tab,
.ixru-tabs>.ixru-tab,
.settings-tabs.ixru-tabs>button,
.product-detail-tabs.ixru-tabs>button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:var(--ixru-tab-height)!important;
  height:var(--ixru-tab-height)!important;
  padding:0 24px!important;
  gap:8px!important;
  overflow:hidden!important;
  border:1px solid var(--ixru-tab-idle-border)!important;
  border-radius:var(--ixru-tab-radius)!important;
  outline:0!important;
  background:var(--ixru-tab-idle-bg)!important;
  color:var(--ixru-tab-idle-text)!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.15!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
  opacity:1!important;
  transform:none!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
.ixru-tab:hover,
.ixru-tabs>.ixru-tab:hover,
.settings-tabs.ixru-tabs>button:hover,
.product-detail-tabs.ixru-tabs>button:hover{
  border-color:#cfc9fa!important;
  background:var(--ixru-tab-hover-bg)!important;
  color:#4b43a8!important;
  box-shadow:0 3px 9px rgba(67,56,202,.07)!important;
  transform:none!important;
}
.ixru-tab.active,
.ixru-tab[aria-selected="true"],
.ixru-tab[aria-pressed="true"],
.ixru-tabs>.ixru-tab.active,
.settings-tabs.ixru-tabs>button.active,
.product-detail-tabs.ixru-tabs>button.active{
  border-color:var(--ixru-tab-active-border)!important;
  background:var(--ixru-tab-active-bg)!important;
  color:var(--ixru-tab-active-text)!important;
  font-weight:600!important;
  box-shadow:0 4px 12px rgba(67,56,202,.13),inset 0 0 0 1px rgba(255,255,255,.48)!important;
}
.ixru-tab:focus,
.ixru-tabs>.ixru-tab:focus{outline:0!important}
.ixru-tab:focus-visible,
.ixru-tabs>.ixru-tab:focus-visible,
.settings-tabs.ixru-tabs>button:focus-visible,
.product-detail-tabs.ixru-tabs>button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(91,80,214,.18),0 4px 12px rgba(67,56,202,.13)!important;
}

/* Decorative icons were removed from markup; this prevents old ones returning. */
.ixru-tab>.summary-mode-icon,
.ixru-tab>.summary-mode-arrow,
.ixru-tab>span[aria-hidden="true"],
.summary-mode-connector{display:none!important}

/* Counts are information, not decorative tab icons. */
.order-tabs .ixru-tab>span{
  display:inline-grid!important;
  place-items:center!important;
  min-width:24px!important;
  height:22px!important;
  margin:0!important;
  padding:0 7px!important;
  border:1px solid #e0e2eb!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1!important;
}
.order-tabs .ixru-tab.active>span{border-color:#cfc9fa!important;color:#4338ca!important}

/* Summary source switcher itself is only a positioning wrapper. */
.summary-mode-switcher{
  display:block!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.summary-mode-heading{display:none!important}
.summary-mode-tab,
.summary-mode-tab b{
  font-size:15px!important;
  font-weight:inherit!important;
  line-height:1.15!important;
}
.summary-mode-tab small{display:none!important}

/* Product header can wrap instead of squeezing the wider tab group. */
.products-hub-header{align-items:flex-start!important;flex-wrap:wrap!important}
.products-hub-caption{flex:1 1 300px!important;margin-top:15px!important}

/* Keep primary groups separated from following content without a panel shell. */
.planning-main-tabs,
.ad-mode-tabs,
.products-hub-tabs,
.settings-tabs,
.summary-product-tabs,
.view-switcher{margin-bottom:16px!important}

@media(max-width:800px){
  .ixru-tabs-two{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(220px,1fr))!important;
  }
  .ixru-tabs-four,
  .settings-tabs.ixru-tabs{
    width:100%!important;
    grid-template-columns:repeat(4,minmax(190px,1fr))!important;
  }
  .ixru-tabs-five,
  .order-tabs.ixru-tabs{
    width:100%!important;
    grid-template-columns:repeat(5,minmax(145px,1fr))!important;
  }
  .ixru-tab,
  .ixru-tabs>.ixru-tab,
  .settings-tabs.ixru-tabs>button,
  .product-detail-tabs.ixru-tabs>button{
    min-height:48px!important;
    height:48px!important;
    padding-inline:20px!important;
    font-size:14px!important;
  }
}

/* ===== FROZEN SOURCE 14: styles/legacy/ui-review-9c18.css ===== */
/* candidate9c18 — compact top-of-page tabs with soft fill and bottom indicator */

:root{
  --ixru-tab-height:42px;
  --ixru-tab-mobile-height:40px;
  --ixru-tab-radius:9px;
  --ixru-tab-gap:8px;
  --ixru-tab-idle-bg:rgba(255,255,255,.78);
  --ixru-tab-idle-border:#e2e6ee;
  --ixru-tab-idle-text:#667085;
  --ixru-tab-hover-bg:#f8f7ff;
  --ixru-tab-active-bg:#f1efff;
  --ixru-tab-active-border:#b8afff;
  --ixru-tab-active-text:#4338ca;
  --ixru-tab-indicator:#6d5dfc;
}

/* Page tabs are always the first visible control in a section, above filters and KPI. */
.ixru-page-tabs{
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.summary-mode-switcher{margin:0!important}
.products-hub-header{display:block!important}
.products-hub-caption{margin:10px 0 16px!important}
.settings-shell>.settings-tabs{margin-bottom:14px!important}
.settings-shell>.settings-hero-modern{margin-top:0!important}

/* Equal columns within every page-level group. */
.ixru-tabs-two{
  width:min(100%,680px)!important;
  grid-template-columns:repeat(2,minmax(240px,1fr))!important;
}
.ixru-tabs-four,.settings-tabs.ixru-tabs{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(190px,1fr))!important;
}
.ixru-tabs-five,.order-tabs.ixru-tabs{
  width:min(100%,1000px)!important;
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
}

/* Compact option 3: soft fill plus a clear bottom indicator. */
.ixru-tab,
.ixru-tabs>.ixru-tab,
.settings-tabs.ixru-tabs>button,
.product-detail-tabs.ixru-tabs>button{
  position:relative!important;
  min-height:var(--ixru-tab-height)!important;
  height:var(--ixru-tab-height)!important;
  padding:0 20px!important;
  border:1px solid var(--ixru-tab-idle-border)!important;
  border-radius:var(--ixru-tab-radius)!important;
  background:var(--ixru-tab-idle-bg)!important;
  color:var(--ixru-tab-idle-text)!important;
  font-size:15px!important;
  font-weight:500!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
}
.ixru-tab::after,
.ixru-tabs>.ixru-tab::after,
.settings-tabs.ixru-tabs>button::after,
.product-detail-tabs.ixru-tabs>button::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:transparent;
  transform:scaleX(.45);
  opacity:0;
  transition:transform .16s ease,opacity .16s ease,background-color .16s ease;
}
.ixru-tab:hover,
.ixru-tabs>.ixru-tab:hover,
.settings-tabs.ixru-tabs>button:hover,
.product-detail-tabs.ixru-tabs>button:hover{
  border-color:#d2cdf8!important;
  background:var(--ixru-tab-hover-bg)!important;
  color:#5148aa!important;
  box-shadow:none!important;
}
.ixru-tab.active,
.ixru-tab[aria-selected="true"],
.ixru-tab[aria-pressed="true"],
.ixru-tabs>.ixru-tab.active,
.settings-tabs.ixru-tabs>button.active,
.product-detail-tabs.ixru-tabs>button.active{
  border-color:var(--ixru-tab-active-border)!important;
  background:var(--ixru-tab-active-bg)!important;
  color:var(--ixru-tab-active-text)!important;
  font-weight:600!important;
  box-shadow:0 1px 2px rgba(67,56,202,.06)!important;
}
.ixru-tab.active::after,
.ixru-tab[aria-selected="true"]::after,
.ixru-tab[aria-pressed="true"]::after,
.ixru-tabs>.ixru-tab.active::after,
.settings-tabs.ixru-tabs>button.active::after,
.product-detail-tabs.ixru-tabs>button.active::after{
  background:var(--ixru-tab-indicator);
  transform:scaleX(1);
  opacity:1;
}
.ixru-tab:focus-visible,
.ixru-tabs>.ixru-tab:focus-visible,
.settings-tabs.ixru-tabs>button:focus-visible,
.product-detail-tabs.ixru-tabs>button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(91,80,214,.16)!important;
}

/* Advertising must use two genuinely equal shared tab controls. */
.ad-mode-tabs>.section-tab{width:100%!important;min-width:0!important}

@media(max-width:800px){
  .ixru-tabs-two{width:100%!important;grid-template-columns:repeat(2,minmax(200px,1fr))!important}
  .ixru-tabs-four,.settings-tabs.ixru-tabs{grid-template-columns:repeat(4,minmax(180px,1fr))!important}
  .ixru-tabs-five,.order-tabs.ixru-tabs{grid-template-columns:repeat(5,minmax(140px,1fr))!important}
  .ixru-tab,.ixru-tabs>.ixru-tab,.settings-tabs.ixru-tabs>button,.product-detail-tabs.ixru-tabs>button{
    min-height:var(--ixru-tab-mobile-height)!important;
    height:var(--ixru-tab-mobile-height)!important;
    padding-inline:18px!important;
    font-size:14px!important;
  }
}

/* ===== FROZEN SOURCE 15: styles/legacy/ui-review-9c20.css ===== */
/* candidate9c20 — status lamp beside page title with compact anchored popover */
.page-title-line{display:flex;align-items:center;gap:8px;min-width:0}
.page-title-line h2{margin:0}
.title-data-status{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.title-data-status[hidden]{display:none!important}
.data-status-indicator{
  display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;
  border:0;border-radius:8px;background:transparent;cursor:pointer;box-shadow:none;
}
.data-status-indicator[hidden]{display:none!important}
.data-status-indicator:hover{background:#f5f6f8}
.data-status-indicator:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(91,80,214,.16)}
.data-status-lamp{width:10px;height:10px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.12),0 0 10px rgba(18,183,106,.32)}
.data-status-indicator.tone-loading .data-status-lamp{background:#4f7cff;box-shadow:0 0 0 4px rgba(79,124,255,.12),0 0 10px rgba(79,124,255,.30);animation:data-status-pulse 1.8s ease-in-out infinite}
.data-status-indicator.tone-warn .data-status-lamp{background:#f79009;box-shadow:0 0 0 4px rgba(247,144,9,.12),0 0 10px rgba(247,144,9,.28)}
.data-status-indicator.tone-bad .data-status-lamp{background:#f04438;box-shadow:0 0 0 4px rgba(240,68,56,.12),0 0 10px rgba(240,68,56,.28)}
@keyframes data-status-pulse{50%{opacity:.45}}
.data-status-popover{
  position:fixed;z-index:260;width:360px;max-height:min(360px,calc(100vh - 24px));overflow:auto;
  border:1px solid #e1e4eb;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.16);
}
.data-status-popover[hidden]{display:none!important}
.data-status-popover-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px 9px;background:#fff;border-bottom:1px solid #eef0f4}
.data-status-popover-head b{font-size:13px;font-weight:600;color:#1d2939}
.data-status-popover-head button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:#f5f6f8;color:#667085;font-size:18px;cursor:pointer}
.data-status-popover-head button:hover{background:#eceef2;color:#344054}
.data-status-popover-body{padding:4px 12px 10px}
.data-status-cabinet{display:grid;grid-template-columns:9px minmax(0,1fr);gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid #eef0f4}
.data-status-cabinet:last-of-type{border-bottom:0}
.data-status-cabinet-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.09)}
.data-status-cabinet.loading .data-status-cabinet-dot{background:#4f7cff;box-shadow:0 0 0 3px rgba(79,124,255,.09)}
.data-status-cabinet.warn .data-status-cabinet-dot{background:#f79009;box-shadow:0 0 0 3px rgba(247,144,9,.09)}
.data-status-cabinet.bad .data-status-cabinet-dot{background:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.09)}
.data-status-cabinet-copy{display:grid;gap:2px;min-width:0}
.data-status-cabinet-copy b{font-size:12.5px;font-weight:600;color:#101828;overflow-wrap:anywhere}
.data-status-cabinet-copy span{font-size:11.75px;color:#475467}
.data-status-cabinet-copy small{font-size:11.25px;color:#7b8495}
.data-status-note{padding:9px 0 1px;color:#7b8495;font-size:11.25px;line-height:1.4}
.data-status-empty{padding:12px 0 4px;color:#667085;font-size:11.75px;text-align:center}
#ordersSyncStatus,#stocksSyncStatus,#suppliesSyncStatus,#adSyncStatus,#growthSyncStatus,#reportsSyncStatus{display:none!important;margin:0!important;padding:0!important}
@media(max-width:700px){
  .page-title-line{gap:6px}
  .data-status-indicator{width:26px;height:26px;min-width:26px}
  .data-status-lamp{width:9px;height:9px}
  .data-status-popover{max-height:min(320px,calc(100vh - 24px))}
}
@media(prefers-reduced-motion:reduce){.data-status-indicator.tone-loading .data-status-lamp{animation:none}}

/* ===== FROZEN SOURCE 16: styles/legacy/ui-review-9c21.css ===== */
/* candidate9c21 — anchored top-layer data status and compact orders filters */

/* The status lamp uses one visual formula for every tone. Only the RGB value changes. */
.data-status-indicator{
  --status-rgb:18,183,106;
  position:relative;
  isolation:isolate;
}
.data-status-indicator.tone-good{--status-rgb:18,183,106}
.data-status-indicator.tone-loading{--status-rgb:79,124,255}
.data-status-indicator.tone-warn{--status-rgb:247,144,9}
.data-status-indicator.tone-bad{--status-rgb:240,68,56}
.data-status-indicator .data-status-lamp,
.data-status-indicator.tone-loading .data-status-lamp,
.data-status-indicator.tone-warn .data-status-lamp,
.data-status-indicator.tone-bad .data-status-lamp{
  background:rgb(var(--status-rgb));
  box-shadow:0 0 0 4px rgba(var(--status-rgb),.12),0 0 10px rgba(var(--status-rgb),.28);
  transition:box-shadow .16s ease,transform .16s ease,opacity .16s ease;
}
.data-status-indicator:hover .data-status-lamp,
.data-status-indicator:focus-visible .data-status-lamp{
  transform:scale(1.06);
  box-shadow:0 0 0 5px rgba(var(--status-rgb),.16),0 0 15px rgba(var(--status-rgb),.46);
}

/* A deliberately small secondary hint. It disappears while the full popover is open. */
.data-status-indicator[data-status-tooltip]::after{
  content:attr(data-status-tooltip);
  position:absolute;
  z-index:2147483600;
  left:50%;
  top:calc(100% + 7px);
  width:max-content;
  max-width:220px;
  padding:6px 8px;
  border:1px solid rgba(16,24,40,.08);
  border-radius:7px;
  background:#1d2939;
  color:#fff;
  box-shadow:0 7px 18px rgba(16,24,40,.16);
  font-size:11.5px;
  font-weight:500;
  line-height:1.25;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-2px);
  transition:opacity .14s ease,transform .14s ease;
}
.data-status-indicator[data-status-tooltip]:hover::after,
.data-status-indicator[data-status-tooltip]:focus-visible::after{
  opacity:1;
  transform:translate(-50%,0);
}
.data-status-indicator[aria-expanded="true"]::after{opacity:0!important;transform:translate(-50%,-2px)!important}

/* The popover is reparented to body, so no page panel can clip or cover it. */
.data-status-popover{
  z-index:2147483500!important;
  margin:0!important;
  overflow:auto;
  overscroll-behavior:contain;
}

/* Orders: one compact toolbar, one search row, no duplicate result/date footer. */
.orders-filter-panel{
  gap:12px!important;
  padding:14px 16px!important;
}
.orders-period-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.orders-period-toolbar .quick-periods{
  flex:0 1 auto!important;
  height:42px!important;
  min-height:42px!important;
  padding:3px!important;
  border-radius:10px!important;
  overflow-x:auto!important;
}
.orders-period-toolbar .period-chip{
  padding:0 14px!important;
  border-radius:7px!important;
}
.orders-period-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.orders-period-actions .compact-range-field{
  min-width:290px!important;
  width:auto!important;
  margin:0!important;
}
.orders-period-actions .compact-range-field>span{display:none!important}
.orders-period-actions .range-trigger{
  padding:0 16px!important;
  white-space:nowrap;
}
.orders-period-actions .orders-export-button{
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap;
}
.orders-period-actions .range-trigger{
  width:100%!important;
  min-width:290px!important;
  text-align:left!important;
}
.orders-period-actions .orders-export-button{min-width:132px!important}
.orders-filters{}
.orders-filters label{font-size:12px!important;font-weight:600!important}
.orders-filters input, .orders-filters select{
}
.orders-result-meta{display:none!important}

@media(max-width:980px){
  .orders-period-toolbar{align-items:stretch!important;flex-direction:column!important}
  .orders-period-toolbar .quick-periods{width:100%!important}
  .orders-period-actions{width:100%;justify-content:stretch}
  .orders-period-actions .compact-range-field{flex:1 1 auto;min-width:0!important}
  .orders-period-actions .range-trigger{min-width:0!important}
}
@media(max-width:620px){
  .data-status-indicator[data-status-tooltip]::after{display:none}
  .orders-filter-panel{padding:12px!important}
  .orders-period-toolbar .quick-periods{display:flex!important;grid-template-columns:none!important}
  .orders-period-toolbar .period-chip{flex:1 0 auto!important;padding-inline:12px!important}
  .orders-period-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .orders-period-actions .orders-export-button{min-width:112px!important;padding-inline:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .data-status-indicator .data-status-lamp,
  .data-status-indicator[data-status-tooltip]::after{transition:none!important}
}

/* ===== FROZEN SOURCE 17: styles/legacy/ui-review-9c22.css ===== */
/* candidate9c22 — compact Summary controls and consistent button motion */

/* Summary: period context is already expressed by the active source tab. */
#view-summary > .summary-control-toolbar{
}
#view-summary > .summary-control-toolbar .range-field{
  margin:0!important;
  gap:0!important;
}
#view-summary > .summary-control-toolbar .range-field>span{
  display:none!important;
}
#view-summary > .summary-control-toolbar #summaryPeriodLabel{
  display:none!important;
}
#view-summary > .summary-control-toolbar .range-trigger{
}
#view-summary > .summary-control-toolbar .btn{
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
}
#view-summary > .summary-control-toolbar select, #view-summary > .summary-control-toolbar input{
}
#view-summary > .summary-control-toolbar .range-trigger{
  width:100%!important;
  min-width:320px!important;
}
#view-summary > .summary-control-toolbar .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  white-space:nowrap!important;
}
#view-summary > .summary-control-toolbar #openSummaryWidgets{}
#view-summary > .summary-control-toolbar #openAllSummaryMetrics{}
#view-summary > .summary-control-toolbar .local-cabinet-filter{
  margin:0!important;
}

/* Every real button receives the same restrained interaction rhythm. */
:where(button,[role="button"],.btn,.range-trigger){
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    filter .16s ease!important;
  transform-origin:center;
}
@media (hover:hover) and (pointer:fine){
  :where(button,[role="button"],.btn,.range-trigger):not(:disabled):not([aria-disabled="true"]):hover{
    transform:translateY(-1px);
  }
  :where(
    .btn,
    .range-trigger,
    .period-chip,
    .ixru-tab,
    .view-switch,
    .notification-bell,
    .data-status-indicator,
    button[class*="-button"],
    button[class*="-tab"]
  ):not(:disabled):not([aria-disabled="true"]):hover{
    box-shadow:0 6px 16px rgba(16,24,40,.11);
  }
  :where(.link,.sort-header,.nav):not(:disabled):hover{
    box-shadow:none!important;
  }
}
:where(button,[role="button"],.btn,.range-trigger):active:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(0) scale(.99);
  transition-duration:.08s!important;
}

@media(max-width:760px){
  #view-summary > .summary-control-toolbar{
  }
  #view-summary > .summary-control-toolbar .range-field{
  }
#view-summary > .summary-control-toolbar .range-trigger{
    width:100%!important;
    min-width:0!important;
  }
#view-summary > .summary-control-toolbar .btn{
    width:100%!important;
    min-width:0!important;
  }
#view-summary > .summary-control-toolbar .local-cabinet-filter{
  }
}
@media(prefers-reduced-motion:reduce){
  :where(button,[role="button"],.btn,.range-trigger){
    transition:none!important;
  }
  :where(button,[role="button"],.btn,.range-trigger):hover,
  :where(button,[role="button"],.btn,.range-trigger):active{
    transform:none!important;
  }
}

/* ===== FROZEN SOURCE 18: styles/legacy/ui-review-9c23.css ===== */
/* candidate9c23 — remove redundant controls and flatten orders search */

/* The Summary period is applied by the existing range workflow. Do not expose
   the legacy duplicate toolbar action even if older markup is restored. */
#view-summary > .summary-control-toolbar #applySummary{
  display:none!important;
}

/* Orders already have one outer filter panel. The search row must not create
   a second card inside it. */
#view-orders .orders-filter-panel > .orders-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-orders .orders-filter-panel > .orders-filters::before,
#view-orders .orders-filter-panel > .orders-filters::after{
  content:none!important;
  display:none!important;
}

/* Price and SPP are a paired value. Center the heading and both value lines. */
#view-orders table[data-table-key="orders"] th.orders-price-spp-cell{
  text-align:center!important;
}
#view-orders table[data-table-key="orders"] td.orders-price-spp-cell{
  text-align:center!important;
}
#view-orders table[data-table-key="orders"] th.orders-price-spp-cell .table-th-inner{
  justify-content:center!important;
  text-align:center!important;
}
#view-orders table[data-table-key="orders"] th.orders-price-spp-cell .sort-header{
}
#view-orders table[data-table-key="orders"] th.orders-price-spp-cell .table-header-label{
}
#view-orders table[data-table-key="orders"] td.orders-price-spp-cell > b,
#view-orders table[data-table-key="orders"] td.orders-price-spp-cell > small{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

/* ===== FROZEN SOURCE 19: styles/legacy/ui-review-9c24.css ===== */
/* IXRU candidate 9C24: one calm calendar system with contextual modules. */

/* The same popover shell is used by every range-field. Context-specific shortcuts
   and explanations remain optional children of the shared calendar. */
.range-popover{
  width:min(404px,calc(100vw - 20px))!important;
  padding:18px!important;
  border:1px solid rgba(206,211,224,.9)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 24px 64px rgba(31,41,55,.16),0 3px 12px rgba(31,41,55,.06)!important;
  gap:12px!important;
}
.range-field.open .range-popover{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.range-calendar{width:100%;min-width:0}

.calendar-head{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 13px!important;
}
.calendar-head b{
  color:#344054!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:-.012em!important;
  text-align:center!important;
}
.calendar-nav{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #dfe3ec!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#475467!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:none!important;
}
.calendar-nav:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:#b9b3ff!important;
  background:#f8f7ff!important;
  color:#5747dc!important;
  box-shadow:0 7px 18px rgba(87,71,220,.10)!important;
}
.calendar-nav:disabled{opacity:.28!important;background:#fbfcfe!important}

/* Optional shortcut modules share one visual language but keep their own content. */
.calendar-shortcuts,
.calendar-current-shortcuts,
.calendar-report-shortcuts{
  margin:0 0 13px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.calendar-shortcuts>span,
.calendar-current-shortcuts>span,
.calendar-report-shortcuts>span{
  display:block!important;
  margin:0 0 7px!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.calendar-shortcuts>div,
.calendar-current-shortcuts>div,
.calendar-report-shortcuts>div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.calendar-shortcuts button,
.calendar-current-shortcuts button,
.calendar-report-shortcuts button{
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid #dfe3ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475467!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:550!important;
  line-height:1!important;
  box-shadow:none!important;
}
.calendar-current-shortcuts button{border-color:rgba(15,159,154,.24)!important;color:#087c79!important}
.calendar-report-shortcuts button{border-color:#dedbf9!important;color:#5747dc!important}
.calendar-shortcuts button:hover,
.calendar-current-shortcuts button:hover,
.calendar-report-shortcuts button:hover{
  transform:translateY(-1px)!important;
  background:#f8f7ff!important;
  border-color:#b9b3ff!important;
  box-shadow:0 7px 18px rgba(87,71,220,.09)!important;
}
.calendar-current-shortcuts button:hover{background:rgba(15,159,154,.07)!important;border-color:rgba(15,159,154,.42)!important;box-shadow:0 7px 18px rgba(15,159,154,.09)!important}

.calendar-weekdays,
.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important}
.calendar-weekdays{margin:0 0 5px!important}
.calendar-weekdays span{
  padding:3px 0!important;
  color:#98a2b3!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:center!important;
}
.calendar-day{
  height:38px!important;
  min-width:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#344054!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1!important;
  box-shadow:none!important;
}
.calendar-day:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:#d8d4ff!important;
  background:#f6f4ff!important;
  color:#5747dc!important;
  box-shadow:0 6px 14px rgba(87,71,220,.08)!important;
}
.calendar-day.outside{color:#c4c9d3!important}
.calendar-day.disabled,
.calendar-day.no-report{
  border-color:transparent!important;
  background:transparent!important;
  color:#cfd4dd!important;
  font-weight:450!important;
  text-decoration:none!important;
  opacity:.78!important;
  box-shadow:none!important;
}
.calendar-day.in-range:not(.range-start):not(.range-end){
  border-color:transparent!important;
  border-radius:8px!important;
  background:#f0edff!important;
  color:#5145cd!important;
  font-weight:550!important;
}
.calendar-day.range-start,
.calendar-day.range-end{
  border-color:#6654e8!important;
  border-radius:10px!important;
  background:#6c54e8!important;
  color:#fff!important;
  font-weight:650!important;
  box-shadow:0 8px 18px rgba(92,70,218,.22)!important;
}
.calendar-day.today:not(.range-start):not(.range-end){
  border-color:#bdb6ff!important;
  box-shadow:inset 0 0 0 1px rgba(108,84,232,.14)!important;
  font-weight:600!important;
}

.calendar-selection{
  margin:13px 0 0!important;
  padding:11px 0 0!important;
  border-top:1px solid #edf0f5!important;
  border-radius:0!important;
  background:transparent!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:550!important;
  line-height:1.35!important;
  text-align:center!important;
}
.calendar-selection-error{color:#b42318!important;font-weight:600!important}

.range-popover .range-coverage{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid #e7eaf0!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  color:#667085!important;
  font-size:11.5px!important;
  font-weight:450!important;
  line-height:1.45!important;
}
.range-popover .range-coverage:empty{display:none!important}
.range-popover .range-coverage:before{
  content:'i';
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  margin-top:1px;
  border:1px solid #cfd5e2;
  border-radius:50%;
  color:#667085;
  font-size:11px;
  font-weight:700;
  font-style:normal;
}
.range-popover>[data-range-apply]{
  align-self:flex-end!important;
  width:auto!important;
  min-width:132px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 20px!important;
  font-size:14px!important;
  font-weight:600!important;
}

@media(max-width:620px){
  .range-popover{padding:15px!important;border-radius:17px!important}
  .calendar-head{margin-bottom:11px!important}
  .calendar-head b{font-size:17px!important}
  .calendar-weekdays,.calendar-grid{gap:3px!important}
  .calendar-day{height:36px!important;font-size:12.5px!important}
  .calendar-shortcuts>div,.calendar-current-shortcuts>div,.calendar-report-shortcuts>div{display:flex!important}
  .calendar-shortcuts button,.calendar-current-shortcuts button,.calendar-report-shortcuts button{width:auto!important;flex:1 1 auto!important;padding:0 9px!important}
  .range-popover>[data-range-apply]{width:100%!important}
}

@media(prefers-reduced-motion:reduce){
  .calendar-nav,.calendar-day,.calendar-shortcuts button,.calendar-current-shortcuts button,.calendar-report-shortcuts button{transition:none!important;transform:none!important}
}

/* ===== FROZEN SOURCE 20: styles/legacy/ui-review-9c25.css ===== */
/* IXRU candidate 9C25: compact calendar geometry and one date-picker system. */

/* Return the range calendar close to its earlier compact proportions. Keep the
   9C24 lighter typography, but remove the oversized shell and vertical air. */
.range-popover{
  width:min(380px,calc(100vw - 20px))!important;
  padding:14px!important;
  border-radius:16px!important;
  gap:8px!important;
  box-shadow:0 18px 48px rgba(31,41,55,.15),0 2px 8px rgba(31,41,55,.05)!important;
}
.calendar-head{
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  gap:8px!important;
  margin:0 0 9px!important;
}
.calendar-head b{
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
.calendar-nav{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  font-size:21px!important;
  font-weight:400!important;
}
.calendar-shortcuts,
.calendar-current-shortcuts,
.calendar-report-shortcuts{
  margin:0 0 9px!important;
  padding:8px 9px!important;
  border-radius:11px!important;
}
.calendar-shortcuts{border:1px solid #e5e8f0!important;background:#fafbfe!important}
.calendar-current-shortcuts{border:1px solid rgba(15,159,154,.16)!important;background:rgba(15,159,154,.05)!important}
.calendar-report-shortcuts{border:1px solid #e5e2fb!important;background:#faf9ff!important}
.calendar-shortcuts>span,
.calendar-current-shortcuts>span,
.calendar-report-shortcuts>span{
  margin:0 0 6px!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.25!important;
}
.calendar-shortcuts>div,
.calendar-current-shortcuts>div,
.calendar-report-shortcuts>div{gap:6px!important}
.calendar-shortcuts button,
.calendar-current-shortcuts button,
.calendar-report-shortcuts button{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:500!important;
}
.calendar-weekdays,
.calendar-grid{gap:4px!important}
.calendar-weekdays{margin:0 0 4px!important}
.calendar-weekdays span{
  padding:2px 0!important;
  font-size:11px!important;
  font-weight:500!important;
}
.calendar-day{
  height:34px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:500!important;
}
.calendar-day.disabled,
.calendar-day.no-report{font-weight:400!important}
.calendar-day.in-range:not(.range-start):not(.range-end){font-weight:500!important}
.calendar-day.range-start,
.calendar-day.range-end,
.calendar-day.single-selected{
  border-color:#6654e8!important;
  border-radius:9px!important;
  background:#6c54e8!important;
  color:#fff!important;
  font-weight:600!important;
  box-shadow:0 6px 14px rgba(92,70,218,.20)!important;
}
.calendar-day.today:not(.range-start):not(.range-end):not(.single-selected){font-weight:500!important}
.calendar-selection{
  margin:8px 0 0!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  font-size:13px!important;
  font-weight:500!important;
}
.range-popover .range-coverage{
  padding:8px 9px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.4!important;
}
.range-popover>[data-range-apply]{
  min-width:120px!important;
  min-height:40px!important;
  padding:0 18px!important;
  font-size:14px!important;
  font-weight:600!important;
}

/* Standalone dates use the same calendar shell instead of a browser-native
   picker. The original input remains the source of truth for existing logic. */
.single-date-field{display:block;position:relative;width:100%;min-width:0}
.single-date-field>input[data-single-date-enhanced]{display:none!important}
.single-date-trigger{display:block;width:100%;min-width:0;font-variant-numeric:tabular-nums}
.single-date-trigger:disabled{cursor:not-allowed;opacity:.58;background:#f5f6f8!important}
.single-date-popover{display:none!important;position:fixed!important;z-index:2800!important}
.single-date-popover.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.single-date-popover .range-calendar{width:100%}
.single-date-popover .calendar-head{margin-bottom:9px!important}
.single-date-popover .calendar-day.single-selected:hover{color:#fff!important;background:#5f48dd!important}

/* Keep compact geometry on narrow screens without reducing the text size. */
@media(max-width:620px){
  .range-popover{padding:12px!important;border-radius:15px!important}
  .calendar-head b{font-size:16px!important}
  .calendar-weekdays,.calendar-grid{gap:3px!important}
  .calendar-day{height:34px!important;font-size:13px!important}
  .calendar-shortcuts button,.calendar-current-shortcuts button,.calendar-report-shortcuts button{font-size:13px!important}
  .range-popover>[data-range-apply]{width:100%!important;min-height:40px!important}
}

/* ===== FROZEN SOURCE 21: styles/legacy/ui-review-9c26.css ===== */
/* IXRU 9C26 — flat product filters and one table-settings toolbar everywhere. */

/* Products: one filter surface, no secondary framed footer or descriptive noise. */
.products-hub-caption{display:none!important}
.product-filter-bar{
  padding:13px 14px!important;
  margin-bottom:12px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
.product-filter-bar .product-analytics-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.product-analytics-filters>.range-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  margin:0!important;
  color:#667085!important;
  font:600 13px/1.2 inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.product-analytics-filters>label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font:600 13px/1.2 inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.product-analytics-filters>.range-field{}
.product-analytics-filters>.local-cabinet-filter{}
.product-analytics-filters>.products-status-filter{}
.product-analytics-filters>.products-search{}
.product-analytics-filters>.range-field>span{
  color:#667085!important;
  font:600 13px/1.2 inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCatalog .product-analytics-filters :is(.range-trigger,select,input[type="search"],.filter-reset-btn,.filter-export-btn){
}
#productsPaneCatalog .product-analytics-filters :is(.range-trigger,select,input[type="search"]){
}
#productsPaneCatalog .product-analytics-filters :is(.range-trigger,select,input[type="search"]):hover{
}
#productsPaneCatalog .product-analytics-filters :is(.range-trigger,select,input[type="search"]):focus, #productsPaneCatalog .product-analytics-filters :is(.range-trigger,select,input[type="search"]):focus-visible{
}
#productsPaneCatalog .product-analytics-filters>.filter-reset-btn, #productsPaneCatalog .product-analytics-filters>.filter-export-btn{
  flex:0 0 150px!important;
}
#productsPaneCatalog .product-analytics-filters>.filter-reset-btn:hover, #productsPaneCatalog .product-analytics-filters>.filter-export-btn:hover{
}
#productsPaneCatalog .product-analytics-filters>.filter-reset-btn:focus-visible, #productsPaneCatalog .product-analytics-filters>.filter-export-btn:focus-visible{
}
.products-data-status:empty{display:none!important}
.products-data-status:not(:empty){margin:0 0 10px!important}
.product-filter-footer{display:none!important}

/* One flat table-settings toolbar for every smart table. */
.smart-table-toolbar, #productsTable>.smart-table-toolbar{
}
.smart-table-controls{
}
.table-preset-control{}
.table-preset-label{}
.table-view-switch{
}
.table-view-switch button, .table-columns-button, .table-columns-button.with-preset{
  margin:0!important;
}
.table-view-switch button:hover, .table-columns-button:hover, .table-columns-button.with-preset:hover{
}
.table-view-switch button.active{
}
.table-columns-button small{
}
.table-view-switch button:focus-visible, .table-columns-button:focus-visible{
}

@media(max-width:1180px){
  #productsPaneCatalog .product-analytics-filters>.filter-reset-btn, #productsPaneCatalog .product-analytics-filters>.filter-export-btn{flex:1 1 150px!important}
}
@media(max-width:700px){
  .product-filter-bar{padding:11px!important}
  .product-analytics-filters>.range-field{}
.product-analytics-filters>label{flex:1 1 100%!important;width:100%!important}
#productsPaneCatalog .product-analytics-filters>.filter-reset-btn, #productsPaneCatalog .product-analytics-filters>.filter-export-btn{flex:1 1 100%!important;}
  .smart-table-toolbar, #productsTable>.smart-table-toolbar{}
  .smart-table-controls{}
  .table-view-switch{}
  .table-view-switch button, .table-columns-button{}
}

/* ===== FROZEN SOURCE 22: styles/legacy/ui-review-9c27.css ===== */
/* IXRU 9C27 — equal table controls and a reliable, useful filter reset. */

/* Table controls: three equal, readable actions in every smart table. */
.smart-table-toolbar, #productsTable>.smart-table-toolbar{
}
.smart-table-controls{
}
.table-view-switch{
}
.table-view-switch button, .table-columns-button, .table-columns-button.with-preset{
}
@media (hover:hover) and (pointer:fine){
  .smart-table-controls :is(button,[role="button"]):not(:disabled):hover,
  .smart-table-controls :is(button,[role="button"]):not(:disabled):active{
    transform:none!important;
  }
  .smart-table-controls :is(button,[role="button"]):not(:disabled):hover{
    box-shadow:0 6px 16px rgba(16,24,40,.10)!important;
  }
}

/* Products: Reset and CSV are one visual component family. */
#productsPaneCatalog .product-analytics-filters>.filter-reset-btn, #productsPaneCatalog .product-analytics-filters>.filter-export-btn{
}
#productsPaneCatalog .product-analytics-filters>.filter-reset-btn>span{
}
#productsPaneCatalog .product-analytics-filters>.filter-reset-btn>span:first-child{
}

@media(max-width:700px){
  .smart-table-controls{
  }
  .table-view-switch button, .table-columns-button, .table-columns-button.with-preset{
  }
}

/* ===== FROZEN SOURCE 23: styles/legacy/ui-review-9c28.css ===== */
/* IXRU 9C28 — one Reset button component in every filter panel. */

/*
 * All Reset buttons are created by the shared addResetButtons() function.
 * This final layer intentionally overrides historic section-specific rules.
 */
.app-shell .filter-reset-btn,
.app-shell .view .filter-reset-btn,
.app-shell .view .filters > .filter-reset-btn{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-end!important;
  gap:7px!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  border:1px solid #d5dae4!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.app-shell .filter-reset-btn > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
}
.app-shell .filter-reset-btn > span:first-child{
  color:#7568ec!important;
  font-size:16px!important;
  font-weight:400!important;
}
@media (hover:hover) and (pointer:fine){
  .app-shell .filter-reset-btn:not(:disabled):hover{
    border-color:#9e96ee!important;
    background:#faf9ff!important;
    color:#493dbd!important;
    box-shadow:0 6px 16px rgba(16,24,40,.10)!important;
    transform:none!important;
  }
}
.app-shell .filter-reset-btn:not(:disabled):active{
  border-color:#8d82eb!important;
  background:#f4f1ff!important;
  box-shadow:0 2px 7px rgba(16,24,40,.08)!important;
  transform:none!important;
}
.app-shell .filter-reset-btn:focus-visible{
  outline:2px solid rgba(91,76,230,.25)!important;
  outline-offset:2px!important;
}
.app-shell .filter-reset-btn:disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

@media(max-width:700px){
  .app-shell .filter-reset-btn,
  .app-shell .view .filter-reset-btn,
  .app-shell .view .filters > .filter-reset-btn{
    flex:1 1 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .app-shell .filter-reset-btn{transition:none!important}
}

/* ===== FROZEN SOURCE 24: styles/legacy/ui-review-9c29.css ===== */
/* IXRU 9C29 — flat Costs filters, equal actions and centered unit cost. */

/* One panel only: the outer .costs-filter-panel is the sole surface. */
#productsPaneCosts .costs-filter-panel{
  margin:8px 0 10px!important;
  padding:14px!important;
  overflow:visible!important;
}
#productsPaneCosts .costs-filter-panel>.costs-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#productsPaneCosts .costs-filters>label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font:600 13px/1.2 inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCosts .costs-filters :is(input[type="search"],select,.filter-reset-btn,.costs-filter-export){
}
#productsPaneCosts .costs-filters :is(input[type="search"],select){
  width:100%!important;
}
#productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export){
  flex:0 0 150px!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#productsPaneCosts .costs-filters .filter-reset-btn>span{
}
#productsPaneCosts .costs-filters .filter-reset-btn>span:first-child{
}
@media (hover:hover) and (pointer:fine){
  #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export):not(:disabled):hover{
  }
}
#productsPaneCosts .costs-filters :is(input[type="search"],select):focus, #productsPaneCosts .costs-filters :is(input[type="search"],select):focus-visible{
}
#productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export):focus-visible{
}

/* Center the complete “Себес/шт.” column, not only the numeric text. */
#costsTable .costs-modern-table :is(th,td).cost-unit-column{
  text-align:center!important;
}
#costsTable .costs-modern-table th.cost-unit-column .table-th-inner{
  justify-content:center!important;
}
#costsTable .costs-modern-table th.cost-unit-column .sort-header{
  justify-content:center!important;
}
#costsTable .costs-modern-table td.cost-unit-column .cost-value-inline{
  justify-content:center!important;
}
#costsTable .costs-modern-table td.cost-unit-column .cost-value-inline{
  width:100%!important;
  margin-inline:auto!important;
}

@media(max-width:980px){
  #productsPaneCosts .costs-filter-panel>.costs-filters{
  }
}
@media(max-width:760px){
  #productsPaneCosts .costs-filter-panel{padding:11px!important}
  #productsPaneCosts .costs-filter-panel>.costs-filters{
  }
  #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export){
    flex:1 1 100%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export){transition:none!important}
}

/* ===== FROZEN SOURCE 25: styles/legacy/ui-review-9c30.css ===== */
/* IXRU 9C30 — one visual filter component for Products and Costs. */

/* The outer panel is the only surface in both product tabs. */
#productsPaneCatalog .product-filter-bar,
#productsPaneCosts .costs-filter-panel{
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  overflow:visible!important;
}

/* Keep section-specific layouts, but normalize the component box model. */
#productsPaneCatalog .product-analytics-filters, #productsPaneCosts .costs-filter-panel>.costs-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* One label style for Period, Cabinet, Status and Search. */
#productsPaneCatalog .product-analytics-filters>label{
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCatalog .product-analytics-filters>.range-field{
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCosts .costs-filters>label{
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCatalog .product-analytics-filters>.range-field>span{
  color:#667085!important;
  font:600 13px/1.2 inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Inputs, selects, date trigger and both actions share the exact same height and typography. */
#productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select,.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(input[type="search"],select,.filter-reset-btn,.costs-filter-export){
}

#productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select), #productsPaneCosts .costs-filters :is(input[type="search"],select){
  width:100%!important;
}
#productsPaneCatalog .product-analytics-filters input[type="search"]::placeholder, #productsPaneCosts .costs-filters input[type="search"]::placeholder{
}

/* Reset and CSV are one action family in both tabs. */
#productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export){
  flex:0 0 150px!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#productsPaneCatalog .product-analytics-filters .filter-reset-btn>span, #productsPaneCosts .costs-filters .filter-reset-btn>span{
}
#productsPaneCatalog .product-analytics-filters .filter-reset-btn>span:first-child, #productsPaneCosts .costs-filters .filter-reset-btn>span:first-child{
}

@media (hover:hover) and (pointer:fine){
  #productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select):hover, #productsPaneCosts .costs-filters :is(input[type="search"],select):hover{
  }
  #productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn):not(:disabled):hover, #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export):not(:disabled):hover{
  }
}

#productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select):focus, #productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select):focus-visible, #productsPaneCosts .costs-filters :is(input[type="search"],select):focus, #productsPaneCosts .costs-filters :is(input[type="search"],select):focus-visible{
}
#productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn):focus-visible, #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export):focus-visible{
}

@media(max-width:760px){
  #productsPaneCatalog .product-filter-bar,
  #productsPaneCosts .costs-filter-panel{padding:11px!important}
  #productsPaneCosts .costs-filter-panel>.costs-filters{}
  #productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export){
    flex:1 1 100%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export){transition:none!important}
}

/* ===== FROZEN SOURCE 26: styles/legacy/ui-review-9c31.css ===== */
/* IXRU 9C31 — flat Stocks filters and a consistent table reading hierarchy. */

/* The Stocks panel is the only visible filter surface in both page tabs. */
#view-stocks .stocks-filter-panel{
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
#view-stocks .stocks-filter-panel>.stocks-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-stocks .stocks-filters>label{
  display:flex!important;
  flex:1 1 230px!important;
  flex-direction:column!important;
  min-width:210px!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#view-stocks .stocks-filters>label[hidden]{display:none!important}
#view-stocks .stocks-filters .searchable-select{
  width:100%!important;
  min-width:0!important;
}
#view-stocks .stocks-filters :is(input[type="search"],select,.searchable-select>input,.filter-reset-btn){
}
#view-stocks .stocks-filters :is(input[type="search"],select,.searchable-select>input){
  width:100%!important;
}
#view-stocks .stocks-filters :is(input[type="search"],.searchable-select>input)::placeholder{
}
#view-stocks .stocks-filters>.filter-reset-btn{
  flex:0 0 150px!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#view-stocks .stocks-filters>.filter-reset-btn>span{
}
#view-stocks .stocks-filters>.filter-reset-btn>span:first-child{
}
#view-stocks .workspace-filter-footer{
  margin-top:12px!important;
  padding-top:10px!important;
}
@media (hover:hover) and (pointer:fine){
  #view-stocks .stocks-filters :is(input[type="search"],select,.searchable-select>input):hover{
  }
  #view-stocks .stocks-filters>.filter-reset-btn:not(:disabled):hover{
  }
}
#view-stocks .stocks-filters :is(input[type="search"],select,.searchable-select>input,.filter-reset-btn):focus-visible{
}

/* Stocks tables: align headers with their data and use one type hierarchy. */
#stocksTable .stocks-modern-table{
}
#stocksTable .stocks-modern-table thead th{
}
#stocksTable .stocks-modern-table tbody td{
}
#stocksTable .stocks-modern-table tbody td b{
}
#stocksTable .stocks-modern-table tbody td :is(small,span:not(.pill):not(.positive):not(.negative)){
}
#stocksTable .stocks-modern-table .pill{
}
#stocksTable .stocks-modern-table .product-cell .order-product>b, #stocksTable .stocks-modern-table .stock-link>b{
}
#stocksTable .stocks-modern-table .product-submeta{
}

/* Descriptive headers and cells start at the same edge. */
#stocksTable .stocks-modern-table th.table-cell-wrap{
}
#stocksTable .stocks-modern-table td.table-cell-wrap, #stocksTable .stocks-modern-table :is(th,td).stock-cabinet-column{
}
#stocksTable .stocks-modern-table th.table-cell-wrap .table-th-inner{
}
#stocksTable .stocks-modern-table th.table-cell-wrap .sort-header{
}
#stocksTable .stocks-modern-table th.stock-cabinet-column .table-th-inner{
}
#stocksTable .stocks-modern-table th.stock-cabinet-column .sort-header{
}

/* Numeric headers follow the right-aligned values instead of floating in the center. */
#stocksTable .stocks-modern-table th.num{
}
#stocksTable .stocks-modern-table td.num{
}
#stocksTable .stocks-modern-table th.num .table-th-inner{
}
#stocksTable .stocks-modern-table th.num .sort-header{
}
#stocksTable .stocks-modern-table th.table-cell-center .table-th-inner{
}
#stocksTable .stocks-modern-table th.table-cell-center .sort-header{
}
#stocksTable .stocks-modern-table td.table-cell-center{
}

/* Keep compact stock headings readable without the dotted visual noise. */
#stocksTable .stocks-modern-table .table-header-text.tooltip-source{
}
#stocksTable .stocks-modern-table th:not(.stock-product-column):not(.stock-warehouse-column):not(.stock-warehouses-column) .table-header-text{
}
#stocksTable .stocks-modern-table .sort-mark{
}
#stocksTable .stocks-modern-table tbody tr:hover td{
}
#stocksTable .stocks-modern-table .stock-main-number{
}
#stocksTable .stocks-modern-table .stock-balance-column .negative{
}
#stocksTable .stocks-modern-table .stock-balance-column .positive{
}
#stocksTable .stocks-modern-table .stock-cabinet-column{
}

@media(max-width:760px){
  #view-stocks .stocks-filter-panel{padding:12px!important}
  #view-stocks .stocks-filter-panel>.stocks-filters{}
  #view-stocks .stocks-filters>label{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex-basis:auto!important;
  }
#view-stocks .stocks-filters>.filter-reset-btn{
    flex-basis:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #view-stocks .stocks-filters>.filter-reset-btn{transition:none!important}
}

/* ===== FROZEN SOURCE 27: styles/legacy/ui-review-9c32.css ===== */
/* IXRU 9C32 — clearer Stocks metadata, warehouse chips and equal paired metrics. */

/* The footer now contains only the optional method explanation; confusing counters are removed in JS. */
#view-stocks .stocks-meta{
}
#view-stocks .stocks-meta .stock-method-help{
}

/* A warehouse is a named stock location, not a summary count. */
#stocksTable .stocks-modern-table .stock-warehouses-column{
}
#stocksTable .stocks-modern-table th.stock-warehouses-column .table-th-inner{
}
#stocksTable .stocks-modern-table th.stock-warehouses-column .sort-header{
}
#stocksTable .stock-warehouse-chips{
}
#stocksTable .stock-warehouse-chip{
}
#stocksTable .stock-warehouse-chip>span{
}
#stocksTable .stock-warehouse-chip>b{
}
#stocksTable .stock-warehouse-empty{
}
@media (hover:hover) and (pointer:fine){
  #stocksTable .stock-warehouse-chip:hover{
  }
}

/* Transit and value columns are two equal label/value rows. */
#stocksTable .stocks-modern-table :is(th,td).stock-paired-column{
}
#stocksTable .stocks-modern-table th.stock-paired-column .table-th-inner{
}
#stocksTable .stocks-modern-table th.stock-paired-column .sort-header{
}
#stocksTable .stock-metric-pairs{
}
#stocksTable .stock-metric-pair{
}
#stocksTable .stock-metric-pair+.stock-metric-pair{
}
#stocksTable .stock-metric-pair>span{
}
#stocksTable .stock-metric-pair>b{
}

@media(max-width:760px){
  #stocksTable .stock-warehouse-chip{}
  #stocksTable .stock-metric-pair{}
}

/* ===== FROZEN SOURCE 28: styles/legacy/ui-review-9c33.css ===== */
/* IXRU 9C33 — Stocks inventory value uses the same KPI card component. */

/* Information KPI receives the same left status accent as good/warn/bad cards. */
#view-stocks .stocks-cards>.metric-card.info{
  border-left:3px solid #2e90fa!important;
}

/* The fourth KPI keeps two equal values without becoming a separate visual component. */
#view-stocks .stocks-cards>.stock-value-kpi{
  min-width:0!important;
}
#view-stocks .stocks-cards>.stock-value-kpi .metric-card-top{
  margin-bottom:7px!important;
}
#view-stocks .stocks-cards>.stock-value-kpi>.value{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin-top:0!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
#view-stocks .stocks-kpi-value-pairs{
  display:grid!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
}
#view-stocks .stocks-kpi-value-pairs>span{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:baseline!important;
  gap:10px!important;
  min-width:0!important;
}
#view-stocks .stocks-kpi-value-pairs>span+span{
  padding-top:5px!important;
  border-top:1px solid rgba(46,144,250,.12)!important;
}
#view-stocks .stocks-kpi-value-pairs small{
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:left!important;
}
#view-stocks .stocks-kpi-value-pairs b{
  margin:0!important;
  color:#263044!important;
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.15!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

@media(max-width:620px){
  #view-stocks .stocks-kpi-value-pairs b{font-size:15px!important}
}

/* ===== FROZEN SOURCE 29: styles/legacy/ui-review-9c34.css ===== */
/* candidate9c34 — compact replenishment workspace and shared table headers */

/* Replenishment filters: one surface, no panel inside a panel. */
#view-planning .planning-filter-panel{
  display:block!important;
  padding:14px 16px!important;
  overflow:visible!important;
}
#view-planning .planning-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-planning .planning-filters>label{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
#view-planning .planning-filters :is(input[type="search"],select,.searchable-select>input,.single-date-trigger){
  width:100%!important;
  min-width:0!important;
}
#view-planning .planning-filters input::placeholder{
}
#view-planning .planning-filters :is(input[type="search"],select,.searchable-select>input,.single-date-trigger):focus-visible{
}
#view-planning .planning-filter-footer{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid #e5e9f0!important;
}
#view-planning .planning-filter-support{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  flex-wrap:wrap!important;
}
#view-planning .planning-method-trigger{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px dashed #9188ec!important;
  border-radius:0!important;
  background:transparent!important;
  color:#5a4dd8!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
  cursor:help!important;
  white-space:nowrap!important;
  transition:color .15s ease,border-color .15s ease!important;
}
#view-planning .planning-method-trigger:hover,
#view-planning .planning-method-trigger:focus-visible,
#view-planning .planning-method-trigger[aria-expanded="true"]{
  color:#4035b8!important;
  border-bottom-color:#4035b8!important;
  transform:none!important;
}
#view-planning .planning-logistics-summary{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  color:#667085!important;
}
#view-planning .planning-logistics-summary>span{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#667085!important;
  font-family:inherit!important;
}
#view-planning .planning-logistics-summary b{
  color:#344054!important;
  font-size:13px!important;
  font-weight:600!important;
}
#view-planning .planning-logistics-summary small{
  color:#667085!important;
  font-size:12px!important;
  font-weight:400!important;
}
#view-planning .planning-filter-support .table-result-meta{
  margin:0!important;
  color:#667085!important;
  font-size:12.5px!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
#view-planning .planning-filter-actions{
  gap:8px!important;
  flex:0 0 auto!important;
}
#view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn,.planning-build-btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 15px!important;
  white-space:nowrap!important;
}
#view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn){
  border:1px solid #cfd6e3!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:none!important;
}
#view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn):hover{
  border-color:#a9a1f2!important;
  background:#faf9ff!important;
  box-shadow:0 7px 18px rgba(72,61,166,.1)!important;
  transform:none!important;
}
#view-planning .planning-filter-actions .planning-build-btn{
  border:1px solid transparent!important;
  background:linear-gradient(135deg,#6557e8,#4c3ed1)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(79,70,229,.18)!important;
}
#view-planning .planning-filter-actions .planning-build-btn:not(:disabled):hover{
  background:linear-gradient(135deg,#5a4cdd,#4234c2)!important;
  box-shadow:0 9px 22px rgba(79,70,229,.25)!important;
  transform:none!important;
}
#view-planning .planning-filter-actions .planning-build-btn:disabled{
  border-color:#e0e3ea!important;
  background:#eef0f4!important;
  color:#98a2b3!important;
  box-shadow:none!important;
  opacity:1!important;
}

/* Small top-layer explanation instead of the old large details panel. */
.planning-method-popover{
  position:fixed!important;
  z-index:2147483450!important;
  max-height:min(520px,calc(100vh - 24px))!important;
  overflow:auto!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #dfe3eb!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 20px 54px rgba(16,24,40,.18)!important;
  overscroll-behavior:contain!important;
}
.planning-method-popover[hidden]{display:none!important}
.planning-method-popover-head{
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 13px!important;
  border-bottom:1px solid #eceff4!important;
  background:#fff!important;
}
.planning-method-popover-head>b{
  color:#344054!important;
  font-size:13.5px!important;
  font-weight:600!important;
}
.planning-method-popover-head>button{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:#f4f5f7!important;
  color:#667085!important;
  font-size:18px!important;
  cursor:pointer!important;
}
.planning-method-popover-head>button:hover{background:#eceef2!important;color:#344054!important;transform:none!important}
.planning-method-popover-body{
  display:grid!important;
  gap:0!important;
  padding:4px 14px 12px!important;
}
.planning-method-popover-body>section{
  padding:11px 0!important;
  border-bottom:1px solid #eef1f5!important;
}
.planning-method-popover-body>section:last-of-type{border-bottom:0!important}
.planning-method-popover-body>section>span{
  display:block!important;
  margin-bottom:5px!important;
  color:#4f46c8!important;
  font-size:13px!important;
  font-weight:600!important;
}
.planning-method-popover-body p{
  margin:0!important;
  color:#667085!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
.planning-method-popover-body code{
  display:block!important;
  margin-top:8px!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  background:#f7f8fb!important;
  color:#344054!important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.4!important;
  white-space:normal!important;
}
.planning-method-popover-body .planning-history-warning{
  margin:7px 0 0!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  background:#fffaeb!important;
  color:#8a3b12!important;
  font-size:12px!important;
  font-weight:400!important;
}

/* Replenishment table: product identity and decisions. */
#planningTable .planning-shipment-table th.planning-decision-column .table-th-inner{
}
#planningTable .planning-shipment-table th.planning-decision-column .sort-header{
}
#planningTable .planning-shipment-table td.planning-decision-column{
}
#planningTable .planning-shipment-table td.planning-decision-column .pill{
}
#planningTable .planning-product-link, #planningTable .planning-product-cell{
}
#planningTable .planning-product-link>.product-thumb, #planningTable .planning-product-cell>.product-thumb{
}
#planningTable .planning-product-link>span, #planningTable .planning-product-cell>.order-product{
}
#planningTable .planning-product-link b, #planningTable .planning-product-cell b{
}
#planningTable .planning-product-link small, #planningTable .planning-product-cell .order-product>span{
}
#planningTable .planning-shipment-table thead th:after{}

/* One header system for every shared smart table. */
table[data-table-key] thead th{
}
table[data-table-key] thead th .table-th-inner{
}
table[data-table-key] thead th .sort-header{
}
table[data-table-key] thead th .table-header-label{
}
table[data-table-key] thead th.table-cell-wrap, table[data-table-key] thead th.table-cell-id{}
table[data-table-key] thead th.table-cell-wrap .table-th-inner{
  justify-content:flex-start!important;
}
table[data-table-key] thead th.table-cell-wrap .sort-header{
}
table[data-table-key] thead th.table-cell-id .table-th-inner{
  justify-content:flex-start!important;
}
table[data-table-key] thead th.table-cell-id .sort-header{
}
table[data-table-key] thead th.num{}
table[data-table-key] thead th.num .table-th-inner{
  justify-content:flex-end!important;
}
table[data-table-key] thead th.num .sort-header{
}
table[data-table-key] thead th.table-cell-center, table[data-table-key] thead th.table-cell-actions{}
table[data-table-key] thead th.table-cell-center .table-th-inner{
  justify-content:center!important;
}
table[data-table-key] thead th.table-cell-center .sort-header{
}
table[data-table-key] thead th.table-cell-actions .table-th-inner{
  justify-content:center!important;
}
table[data-table-key] thead th.table-cell-actions .sort-header{
}
table[data-table-key] thead .table-header-text.tooltip-source{
}
table[data-table-key] thead .sort-mark{
}
table[data-table-key] thead .sort-header.active{}
table[data-table-key] thead .sort-header.active .sort-mark{}

@media(max-width:1100px){
  #view-planning .planning-filters{}
  #view-planning .planning-filter-footer{}
  #view-planning .planning-filter-actions{}
}
@media(max-width:680px){
  #view-planning .planning-filters{}
  #view-planning .planning-filter-actions{}
  #view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn,.planning-build-btn){}
  #view-planning .planning-filter-support{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  .planning-method-popover{max-height:calc(100vh - 24px)!important}
}

@media(prefers-reduced-motion:reduce){
  #view-planning .planning-method-trigger,
  #view-planning .planning-filter-actions *{transition:none!important}
}

/* ===== FROZEN SOURCE 30: styles/legacy/ui-review-9c35.css ===== */
/* candidate9c35 — planning table parity, select-all header, action-button parity */

/* The replenishment table scrolls like the other service tables: no fixed header or inner vertical viewport. */
#view-planning .planning-table-panel{
}
#view-planning .planning-table-panel .smart-table-toolbar{
}
#view-planning .planning-table-panel .planning-shipment-table thead th, #view-planning .planning-table-panel .planning-shipment-table thead th:first-child{
}
#view-planning .planning-table-panel .planning-shipment-table thead th{
}

/* Reset and export use exactly the same typography and geometry. */
#view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn){
  width:160px!important;
  min-width:160px!important;
  padding:0 15px!important;
  border:1px solid #cfd6e3!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:none!important;
}
#view-planning .planning-filter-actions .filter-reset-btn>span{
  color:inherit!important;
}
#view-planning .planning-filter-actions .filter-reset-btn>span:first-child{
}

/* One compact tri-state checkbox in the header selects all actionable rows in the filtered list. */
#planningTable .planning-shipment-table th[data-column-id="select"] .table-th-inner{
}
#planningTable .planning-select-all-control{
}
#planningTable .planning-select-all-checkbox, #planningTable .planning-select-cell input[type="checkbox"]{
}
#planningTable .planning-select-all-checkbox:focus-visible, #planningTable .planning-select-cell input[type="checkbox"]:focus-visible{
}
#planningTable .planning-select-all-checkbox:disabled{}

@media(max-width:680px){
  #view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn){width:100%!important;min-width:0!important}
}

/* ===== FROZEN SOURCE 31: styles/legacy/ui-review-9c36.css ===== */
/* candidate9c36 — compact planning selector and shipment-sheet cleanup */

/* The sticky selection column stays useful without covering the product table. */
#planningTable table[data-table-key="planning"] col[data-column-id="select"]{
}
#planningTable .planning-shipment-table :is(th,td)[data-column-id="select"], #planningTable .planning-shipment-table .planning-select-cell{
}
#planningTable .planning-select-all-control{
}

/* Sheet identity, editable fields and warehouse choice form one surface. */
#view-shipment-sheet .shipment-sheet-header{
  display:grid!important;
  grid-template-columns:minmax(230px,.62fr) minmax(0,1.85fr)!important;
  gap:18px 24px!important;
  align-items:start!important;
  overflow:visible!important;
  position:relative!important;
  z-index:40!important;
}
#view-shipment-sheet .shipment-warehouse-inline{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding-top:14px!important;
  border-top:1px solid #e5e9f0!important;
  position:relative!important;
  z-index:80!important;
}
#view-shipment-sheet .shipment-field-label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#5f6b7e!important;
  font-size:13px!important;
  font-weight:600!important;
}
#view-shipment-sheet .shipment-warehouse-field{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  color:#5f6b7e!important;
  font-size:13px!important;
  font-weight:600!important;
}
#view-shipment-sheet .shipment-warehouse-field>.warehouse-combobox,
#view-shipment-sheet .shipment-warehouse-field input{
  width:100%!important;
}
#view-shipment-sheet .shipment-warehouse-info{
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-shipment-sheet .shipment-warehouse-info[hidden]{display:none!important}

/* Warehouse choices use normal text weight and the whole result set is scrollable. */
#view-shipment-sheet .warehouse-combobox{
  position:relative!important;
  z-index:100!important;
}
#view-shipment-sheet .warehouse-search-results{
  top:calc(100% + 6px)!important;
  left:0!important;
  right:0!important;
  max-height:min(420px,52vh)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:6px!important;
  border:1px solid #d8deea!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(16,24,40,.16)!important;
}
#view-shipment-sheet .warehouse-search-results button{
  display:grid!important;
  gap:3px!important;
  width:100%!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#344054!important;
  text-align:left!important;
}
#view-shipment-sheet .warehouse-search-results button:hover,
#view-shipment-sheet .warehouse-search-results button:focus-visible{
  background:#f5f3ff!important;
  outline:none!important;
}
#view-shipment-sheet .warehouse-option-name{
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
#view-shipment-sheet .warehouse-search-results small{
  color:#7a8496!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.35!important;
}

/* Product choices stay closed on first page load and show real catalogue pictures. */
#view-shipment-sheet .shipment-add-product-panel{
  position:relative!important;
  z-index:30!important;
  overflow:visible!important;
}
#view-shipment-sheet .shipment-product-results{
  max-height:min(430px,56vh)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  z-index:1400!important;
}
#view-shipment-sheet .shipment-product-results button{
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:11px!important;
  padding:9px!important;
}
#view-shipment-sheet .shipment-product-thumb{
  width:52px!important;
  height:52px!important;
  border-radius:10px!important;
  object-fit:cover!important;
  display:grid!important;
  place-items:center!important;
  background:#f1f3f7!important;
  color:#7b8495!important;
  font-size:11px!important;
  font-weight:600!important;
}
#view-shipment-sheet .shipment-product-option-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#view-shipment-sheet .shipment-product-option-name{
  overflow:hidden!important;
  color:#344054!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-shipment-sheet .shipment-product-results small,
#view-shipment-sheet .shipment-product-results em{
  color:#667085!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.35!important;
}
#view-shipment-sheet .shipment-product-results em{font-style:normal!important}

@media(max-width:900px){
  #view-shipment-sheet .shipment-sheet-header{grid-template-columns:1fr!important}
  #view-shipment-sheet .shipment-warehouse-inline{grid-column:1!important;grid-template-columns:1fr!important}
}
@media(max-width:620px){
  #planningTable .planning-shipment-table :is(th,td)[data-column-id="select"], #planningTable .planning-shipment-table .planning-select-cell{}
  #view-shipment-sheet .shipment-product-results{left:10px!important;right:10px!important;max-height:58vh!important}
}

/* ===== FROZEN SOURCE 32: styles/legacy/ui-review-9c37.css ===== */
/* candidate9c37 — compact shipment header, modal product add and save-close workflow */

/* The three page actions share one geometry and typography. */
#view-shipment-sheet .shipment-sheet-actions{
}
#view-shipment-sheet .shipment-sheet-action{
}
#view-shipment-sheet .shipment-print-btn{}

/* Warehouse and comment share the second row of the existing sheet panel. */
#view-shipment-sheet .shipment-sheet-header{
  grid-template-columns:minmax(230px,.58fr) minmax(0,1.9fr)!important;
  gap:18px 24px!important;
}
#view-shipment-sheet .shipment-sheet-fields{
  display:grid!important;
  grid-template-columns:minmax(260px,1.3fr) minmax(170px,.68fr) minmax(190px,.75fr)!important;
  gap:12px 14px!important;
  align-items:end!important;
  min-width:0!important;
}
#view-shipment-sheet .shipment-sheet-fields>label{
  min-width:0!important;
  font-size:13px!important;
  font-weight:600!important;
}
#view-shipment-sheet .shipment-sheet-fields :is(input,select){
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  font-size:14px!important;
  font-weight:500!important;
}
#view-shipment-sheet .shipment-warehouse-field{
  grid-column:1!important;
  display:grid!important;
  gap:6px!important;
}
#view-shipment-sheet .shipment-sheet-comment{
  grid-column:2/-1!important;
}
#view-shipment-sheet .shipment-warehouse-info{
  grid-column:1/-1!important;
  min-width:0!important;
}
#view-shipment-sheet .shipment-warehouse-inline{display:contents!important}

/* Product adding is now an intentional modal task, not a permanent page block. */
.shipment-add-product-modal{
  z-index:22000!important;
}
.shipment-add-product-modal-card{
  width:min(820px,calc(100vw - 32px))!important;
  max-width:820px!important;
  max-height:min(760px,88vh)!important;
  padding:24px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  gap:16px!important;
}
.shipment-add-product-modal-head h3{
  margin:0 0 5px!important;
  color:#1f2937!important;
  font-size:20px!important;
  font-weight:600!important;
}
.shipment-add-product-modal-head p{margin:0!important}
.shipment-add-product-modal-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  gap:12px!important;
  align-items:start!important;
  min-height:0!important;
}
.shipment-add-product-modal .shipment-product-picker{
  min-width:0!important;
  position:relative!important;
}
.shipment-add-product-modal .shipment-product-picker>input,
.shipment-add-product-modal .shipment-extra-qty-field input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:500!important;
}
.shipment-extra-qty-field{
  display:grid!important;
  gap:6px!important;
  color:#5f6b7e!important;
  font-size:13px!important;
  font-weight:600!important;
}
.shipment-add-product-modal .shipment-product-results{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  display:none!important;
  margin-top:8px!important;
  max-height:min(440px,55vh)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid #d8deea!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  z-index:auto!important;
}
.shipment-add-product-modal .shipment-product-results.open{display:grid!important}
.shipment-add-product-modal-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.shipment-add-product-modal-actions .btn{
  min-width:150px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:600!important;
}
#shipmentAddProductMsg:empty{display:none!important}

@media(max-width:980px){
  #view-shipment-sheet .shipment-sheet-header{grid-template-columns:1fr!important}
  #view-shipment-sheet .shipment-sheet-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-shipment-sheet .shipment-name-field{grid-column:1/-1!important}
  #view-shipment-sheet .shipment-warehouse-field{grid-column:1!important}
  #view-shipment-sheet .shipment-sheet-comment{grid-column:2!important}
}
@media(max-width:720px){
  #view-shipment-sheet .shipment-sheet-actions{
  }
  #view-shipment-sheet .shipment-sheet-action{
  }
  #view-shipment-sheet .shipment-sheet-fields{grid-template-columns:1fr!important}
  #view-shipment-sheet .shipment-name-field,
  #view-shipment-sheet .shipment-warehouse-field,
  #view-shipment-sheet .shipment-sheet-comment,
  #view-shipment-sheet .shipment-warehouse-info{grid-column:1!important}
  .shipment-add-product-modal-card{padding:20px 16px!important}
  .shipment-add-product-modal-body{grid-template-columns:1fr!important}
  .shipment-add-product-modal-actions{display:grid!important;grid-template-columns:1fr!important}
  .shipment-add-product-modal-actions .btn{width:100%!important}
}

/* ===== FROZEN SOURCE 33: styles/legacy/ui-review-9c38.css ===== */
/* candidate9c38 — shipment-sheet reliability, stable modal layout and friendly errors */

#view-shipment-sheet .shipment-sheet-action{
}
#view-shipment-sheet .shipment-save-btn{}

.shipment-add-product-modal-card{
  width:min(900px,calc(100vw - 32px))!important;
  max-width:900px!important;
}
.shipment-add-product-modal-body{
  grid-template-columns:minmax(0,1fr) 170px!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-items:end!important;
}
.shipment-add-product-modal .shipment-product-picker{grid-column:1!important;grid-row:1!important}
.shipment-add-product-modal .shipment-extra-qty-field{grid-column:2!important;grid-row:1!important}
.shipment-add-product-modal .shipment-product-results{
  grid-column:1/-1!important;
  grid-row:2!important;
  width:100%!important;
  margin-top:0!important;
  max-height:min(420px,48vh)!important;
}
.shipment-add-product-modal .shipment-product-results button.is-selected,
.shipment-add-product-modal .shipment-product-results button[aria-selected="true"]{
  background:#f0edff!important;
  box-shadow:inset 3px 0 0 #6554df!important;
}
.shipment-add-product-modal .shipment-product-thumb.placeholder{
  display:grid!important;
  place-items:center!important;
}
#shipmentSheetMsg .error,
#shipmentAddProductMsg .error{
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.45!important;
}
@media(max-width:760px){
  #view-shipment-sheet .shipment-sheet-action{
  }
  .shipment-add-product-modal-body{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  .shipment-add-product-modal .shipment-product-picker{grid-column:1!important;grid-row:1!important}
  .shipment-add-product-modal .shipment-extra-qty-field{grid-column:1!important;grid-row:2!important}
  .shipment-add-product-modal .shipment-product-results{grid-column:1!important;grid-row:3!important}
}
.shipment-add-product-modal .shipment-product-results button{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
}
.shipment-add-product-modal .shipment-product-thumb{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:10px!important;
  object-fit:cover!important;
  background:#f1f3f7!important;
  color:#7b8495!important;
  font-size:11px!important;
  font-weight:600!important;
}

/* ===== FROZEN SOURCE 34: styles/legacy/ui-review-9c39.css ===== */
/* candidate9c39 — reliable warehouse geography, compact conditions and residual shipment builder */

/* The shipment identity panel keeps one consistent baseline and wastes less vertical space. */
#view-shipment-sheet .shipment-sheet-header{
  gap:12px 20px!important;
  padding:18px 20px!important;
}
#view-shipment-sheet .shipment-sheet-title{padding-top:2px!important}
#view-shipment-sheet .shipment-sheet-title h2{font-size:23px!important;line-height:1.1!important}
#view-shipment-sheet .shipment-sheet-fields{
  gap:10px 12px!important;
  align-items:start!important;
}
#view-shipment-sheet .shipment-sheet-fields>label{
  display:grid!important;
  grid-template-rows:20px 42px!important;
  gap:5px!important;
  align-content:start!important;
  color:#5f6b7e!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:20px!important;
}
#view-shipment-sheet .shipment-field-label{
  min-height:20px!important;
  line-height:20px!important;
}
#view-shipment-sheet .shipment-field-label .help-tip{align-self:center!important}
#view-shipment-sheet .shipment-warehouse-info{
  margin-top:2px!important;
}

/* Old direct-child panel rules no longer create cards inside the header panel. */
#view-shipment-sheet .shipment-warehouse-info>.warehouse-rate-date,
#view-shipment-sheet .shipment-warehouse-info>.warehouse-rate-grid{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-shipment-sheet .warehouse-rate-date{
  display:block!important;
  margin:0 0 7px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  line-height:1.35!important;
  text-transform:none!important;
}
#view-shipment-sheet .warehouse-rate-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(170px,230px))!important;
  justify-content:start!important;
  gap:8px!important;
}
#view-shipment-sheet .warehouse-rate-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  min-height:0!important;
  padding:10px 12px!important;
  border:1px solid #e0e5ed!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#view-shipment-sheet .warehouse-rate-title{
  display:block!important;
  padding:0 0 6px!important;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
#view-shipment-sheet .warehouse-rate-card dl{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
#view-shipment-sheet .warehouse-rate-card.acceptance dl{grid-template-columns:1fr!important}
#view-shipment-sheet .warehouse-rate-card dl>div{display:grid!important;gap:2px!important;min-width:0!important}
#view-shipment-sheet .warehouse-rate-card dt{
  color:#8a93a3!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.25!important;
}
#view-shipment-sheet .warehouse-rate-card dd{
  margin:0!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.3!important;
}
#view-shipment-sheet .warehouse-rate-card.is-free dd{color:#087443!important}
#view-shipment-sheet .warehouse-rate-card.is-paid dd{color:#9a6700!important}
#view-shipment-sheet .warehouse-rate-card.is-unavailable dd{color:#a33b4b!important}

/* Fully allocated items leave the source list; returned quantities appear automatically. */
#view-shipment-sheet .shipment-products-empty{
  display:grid!important;
  place-items:center!important;
  gap:5px!important;
  min-height:150px!important;
  padding:24px!important;
  color:#7a8496!important;
  text-align:center!important;
}
#view-shipment-sheet .shipment-products-empty b{color:#344054!important;font-size:14px!important;font-weight:600!important}
#view-shipment-sheet .shipment-products-empty span{max-width:390px!important;font-size:12px!important;line-height:1.45!important}

@media(max-width:980px){
  #view-shipment-sheet .warehouse-rate-grid{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
}
@media(max-width:720px){
  #view-shipment-sheet .shipment-sheet-header{padding:15px!important}
  #view-shipment-sheet .warehouse-rate-grid{grid-template-columns:1fr!important}
}

/* ===== FROZEN SOURCE 35: styles/legacy/ui-review-9c40.css ===== */
/* candidate9c40 — shipment package hierarchy and compact builder */

/* Correct only the warehouse label baseline; do not push the whole second row down. */
#view-shipment-sheet .shipment-sheet-header{
  padding:20px!important;
  gap:18px 24px!important;
}
#view-shipment-sheet .shipment-sheet-fields{
  gap:12px 14px!important;
  align-items:end!important;
}
#view-shipment-sheet .shipment-sheet-fields>label{
  display:grid!important;
  grid-template-rows:auto!important;
  align-content:initial!important;
  gap:6px!important;
  line-height:1.25!important;
}
#view-shipment-sheet .shipment-field-label{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:18px!important;
  line-height:18px!important;
  transform:translateY(1px)!important;
}
#view-shipment-sheet .shipment-warehouse-field,
#view-shipment-sheet .shipment-sheet-comment{align-self:end!important}
#view-shipment-sheet .shipment-sheet-fields :is(input,select){height:42px!important;min-height:42px!important}

/* The source column contains only the unallocated remainder. */
#view-shipment-sheet .shipment-product-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px 32px!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 12px!important;
  margin-bottom:7px!important;
}
#view-shipment-sheet .shipment-product-main b{
  color:#1f2937!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
#view-shipment-sheet .shipment-product-main span{
  margin-top:3px!important;
  color:#7b8495!important;
  font-size:12px!important;
  font-weight:400!important;
}
#view-shipment-sheet .shipment-product-remaining{
  display:grid!important;
  gap:2px!important;
  justify-items:end!important;
  text-align:right!important;
}
#view-shipment-sheet .shipment-product-remaining span{color:#8a93a3!important;font-size:11px!important;font-weight:400!important}
#view-shipment-sheet .shipment-product-remaining b{color:#344054!important;font-size:14px!important;font-weight:600!important}
#view-shipment-sheet .shipment-product-remove{align-self:center!important;justify-self:end!important}

/* Package card: one calm hierarchy instead of forms and cards inside cards. */
#view-shipment-sheet .shipment-package-card{
  position:relative!important;
  overflow:visible!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
#view-shipment-sheet .shipment-package-card>header{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:#fafbfc!important;
}
#view-shipment-sheet .shipment-package-identity{min-width:105px!important}
#view-shipment-sheet .shipment-package-identity>span{
  color:#7b8495!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
#view-shipment-sheet .shipment-package-identity h5{
  margin:3px 0 0!important;
  color:#253047!important;
  font-size:17px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
#view-shipment-sheet .shipment-package-status{
  margin-left:auto!important;
  min-width:150px!important;
  text-align:right!important;
}
#view-shipment-sheet .shipment-package-status b{
  color:#344054!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.3!important;
}
#view-shipment-sheet .shipment-package-status span{
  margin-top:3px!important;
  color:#7b8495!important;
  font-size:12px!important;
  font-weight:400!important;
}
#view-shipment-sheet .shipment-box-pallet-control{
  display:grid!important;
  grid-template-columns:auto 150px!important;
  align-items:center!important;
  gap:7px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:500!important;
}
#view-shipment-sheet .shipment-box-pallet-control select{
  width:150px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 30px 0 10px!important;
  border-radius:9px!important;
  color:#344054!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
#view-shipment-sheet .shipment-package-delete{flex:0 0 32px!important}

#view-shipment-sheet .shipment-package-subhead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:8px 12px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:600!important;
  border-bottom:1px solid #edf0f4!important;
}
#view-shipment-sheet .shipment-package-subhead b{
  min-width:22px!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#f0efff!important;
  color:#5b4fd4!important;
  font-size:11px!important;
  font-weight:600!important;
}
#view-shipment-sheet .shipment-package-direct-items{border-top:1px solid #edf0f4!important}
#view-shipment-sheet .shipment-package-items{padding:0 12px!important}
#view-shipment-sheet .shipment-package-item{
  min-height:58px!important;
  padding:10px 0!important;
  gap:12px!important;
}
#view-shipment-sheet .shipment-package-product b{
  color:#263248!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
#view-shipment-sheet .shipment-package-product span{
  color:#7b8495!important;
  font-size:12px!important;
  font-weight:400!important;
}
#view-shipment-sheet .shipment-package-item-actions input{width:68px!important;height:36px!important;font-size:13px!important}
#view-shipment-sheet .shipment-package-item-actions select{height:36px!important;max-width:145px!important;font-size:12px!important}
#view-shipment-sheet .shipment-package-item-actions>span{color:#7b8495!important;font-size:12px!important;font-weight:400!important}
#view-shipment-sheet .shipment-package-empty{
  padding:14px!important;
  color:#8a93a3!important;
  font-size:12px!important;
  font-weight:400!important;
  text-align:left!important;
}

/* A pallet shows boxes as boxes; it never repeats their product rows. */
#view-shipment-sheet .shipment-pallet-boxes{
  padding:0!important;
  border:0!important;
  border-top:1px solid #edf0f4!important;
  border-bottom:0!important;
  background:#fff!important;
}
#view-shipment-sheet .shipment-pallet-boxes.is-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 12px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:500!important;
}
#view-shipment-sheet .shipment-pallet-boxes.is-empty small{color:#98a1b2!important;font-size:11.5px!important;font-weight:400!important}
#view-shipment-sheet .shipment-pallet-box-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0 12px!important}
#view-shipment-sheet .shipment-pallet-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:50px!important;
  padding:7px 0!important;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  border-radius:0!important;
  background:transparent!important;
}
#view-shipment-sheet .shipment-pallet-box:last-child{border-bottom:0!important}
#view-shipment-sheet .shipment-pallet-box-main{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  padding:5px 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#344054!important;
  cursor:pointer!important;
  text-align:left!important;
}
#view-shipment-sheet .shipment-pallet-box-main:hover{background:#f7f6ff!important}
#view-shipment-sheet .shipment-pallet-box-main b{font-size:13px!important;font-weight:600!important}
#view-shipment-sheet .shipment-pallet-box-main span{color:#7b8495!important;font-size:11.5px!important;font-weight:400!important}

/* Product adding is collapsed until explicitly requested. */
#view-shipment-sheet .shipment-package-add-trigger{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 12px!important;
  border-top:1px solid #edf0f4!important;
  background:#fafbfc!important;
}
#view-shipment-sheet .shipment-package-add-trigger>.btn{
  min-width:140px!important;
  min-height:36px!important;
  height:36px!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
#view-shipment-sheet .shipment-package-add-trigger>small{color:#8a93a3!important;font-size:11.5px!important;font-weight:400!important}
#view-shipment-sheet .shipment-package-add-popover{
  position:absolute!important;
  z-index:1200!important;
  right:12px!important;
  bottom:calc(100% + 7px)!important;
  width:min(520px,calc(100vw - 56px))!important;
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid #d8deea!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(31,41,55,.17)!important;
}
#view-shipment-sheet .shipment-package-add-popover>select{width:100%!important;height:38px!important;font-size:13px!important;font-weight:500!important}
#view-shipment-sheet .shipment-package-add-row{
  display:grid!important;
  grid-template-columns:86px repeat(3,auto)!important;
  gap:7px!important;
  align-items:center!important;
}
#view-shipment-sheet .shipment-package-add-row input{width:86px!important;height:36px!important;text-align:right!important;font-size:13px!important}
#view-shipment-sheet .shipment-package-add-row .btn{min-height:36px!important;height:36px!important;font-size:12px!important;font-weight:500!important}
#view-shipment-sheet .shipment-package-add-popover>small{color:#7b8495!important;font-size:11px!important;font-weight:400!important}

@media(max-width:1100px){
  #view-shipment-sheet .shipment-package-card>header{flex-wrap:wrap!important}
  #view-shipment-sheet .shipment-box-pallet-control{order:4;width:100%!important;grid-template-columns:70px minmax(0,1fr)!important}
  #view-shipment-sheet .shipment-box-pallet-control select{width:100%!important}
}
@media(max-width:720px){
  #view-shipment-sheet .shipment-product-row{grid-template-columns:minmax(0,1fr) 74px 30px!important;padding:10px!important}
  #view-shipment-sheet .shipment-package-status{min-width:0!important;text-align:left!important;margin-left:0!important;order:3;width:100%!important}
  #view-shipment-sheet .shipment-package-add-popover{position:static!important;width:100%!important;box-shadow:none!important}
  #view-shipment-sheet .shipment-package-add-trigger{align-items:stretch!important;flex-direction:column!important}
  #view-shipment-sheet .shipment-package-add-row{grid-template-columns:1fr!important}
  #view-shipment-sheet .shipment-package-add-row input{width:100%!important}
  #view-shipment-sheet .shipment-pallet-box-main{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
}

/* ===== FROZEN SOURCE 36: styles/legacy/ui-review-9c41.css ===== */
/* candidate9c41 — shipment alignment, dismissible add flows, readable source list and print repair */

/* Move only the warehouse caption; keep the field itself aligned with Comment. */
#view-shipment-sheet .shipment-warehouse-field>.shipment-field-label,
#view-shipment-sheet .shipment-sheet-comment>.shipment-field-label{
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  line-height:18px!important;
}
#view-shipment-sheet .shipment-sheet-comment{
  align-self:end!important;
}

/* Small, readable packing guide under the sheet number. */
#view-shipment-sheet .shipment-sheet-number-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#view-shipment-sheet .shipment-packing-guide{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  margin-top:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6657dc!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.3!important;
  cursor:help!important;
}
#view-shipment-sheet .shipment-packing-guide>span{
  display:grid!important;
  place-items:center!important;
  width:23px!important;
  min-width:23px!important;
  height:23px!important;
  border:1px solid #c9c3ff!important;
  border-radius:7px!important;
  background:#f5f3ff!important;
  color:#5848dd!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:0 3px 10px rgba(91,76,220,.08)!important;
}
#view-shipment-sheet .shipment-packing-guide:hover{color:#4f40ce!important;text-decoration:underline;text-underline-offset:3px}

/* Give the source list enough room and never cut product names. */
#view-shipment-sheet .shipment-builder-layout{
  grid-template-columns:minmax(440px,1fr) minmax(0,1.42fr)!important;
}
#view-shipment-sheet .shipment-products-panel,
#view-shipment-sheet .shipment-product-list,
#view-shipment-sheet .shipment-product-row,
#view-shipment-sheet .shipment-product-main{min-width:0!important}
#view-shipment-sheet .shipment-product-main b{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Package-level add popover can always be dismissed. */
#view-shipment-sheet .shipment-package-add-popover{
  padding-top:44px!important;
}
#view-shipment-sheet .shipment-package-add-close{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:1px solid #e2e5ec!important;
  border-radius:9px!important;
  background:#f7f8fb!important;
  color:#667085!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
}
#view-shipment-sheet .shipment-package-add-close:hover{
  border-color:#cfc9ff!important;
  background:#f1efff!important;
  color:#5142cf!important;
}

/* Keep the main add-product modal as the only visible layer. */
#shipmentAddProductModal:not(.active){display:none!important}
#shipmentAddProductModal.active{display:flex!important}

@media(max-width:1150px){
  #view-shipment-sheet .shipment-builder-layout{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  #view-shipment-sheet .shipment-packing-guide{margin-top:6px!important}
}

/* ===== FROZEN SOURCE 37: styles/legacy/ui-review-9c42.css ===== */
/* candidate9c42 — keep source-row remainder and remove action inside the card */

/* Explicitly own all three grid columns. Older shared styles forced the remove
   action into column 2, leaving the remainder in a 32px column. */
#view-shipment-sheet .shipment-product-row{
  box-sizing:border-box!important;
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 96px 38px!important;
  column-gap:12px!important;
  row-gap:4px!important;
  padding:12px 14px!important;
  overflow:hidden!important;
}
#view-shipment-sheet .shipment-product-main{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
#view-shipment-sheet .shipment-product-remaining{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:stretch!important;
  align-self:center!important;
  min-width:0!important;
  width:100%!important;
  padding-right:2px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
#view-shipment-sheet .shipment-product-remaining span,
#view-shipment-sheet .shipment-product-remaining b{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
#view-shipment-sheet .shipment-product-remove{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

@media(max-width:620px){
  #view-shipment-sheet .shipment-product-row{
    grid-template-columns:minmax(0,1fr) 82px 34px!important;
    column-gap:8px!important;
    padding:10px 12px!important;
  }
  #view-shipment-sheet .shipment-product-remaining b{font-size:13px!important}
}

/* ===== FROZEN SOURCE 38: styles/legacy/ui-review-9c43.css ===== */
/* candidate9c43 — single-step modal close, exact header alignment and working packing guide */

/* Warehouse and Comment captions own exactly the same two-row label geometry. */
#view-shipment-sheet .shipment-sheet-fields{
  align-items:start!important;
}
#view-shipment-sheet .shipment-sheet-fields>.shipment-warehouse-field,
#view-shipment-sheet .shipment-sheet-fields>.shipment-sheet-comment{
  display:grid!important;
  grid-template-rows:20px 42px!important;
  align-self:start!important;
  align-content:start!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
#view-shipment-sheet .shipment-warehouse-field>.shipment-field-label,
#view-shipment-sheet .shipment-sheet-comment>.shipment-field-label{
  display:flex!important;
  align-items:center!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  line-height:20px!important;
}
#view-shipment-sheet .shipment-warehouse-field>.warehouse-combobox,
#view-shipment-sheet .shipment-sheet-comment>input{
  align-self:start!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
}

/* The guide is a real, accessible popover. Its help square sits after the text. */
#view-shipment-sheet .shipment-sheet-title{
  position:relative!important;
}
#view-shipment-sheet .shipment-packing-guide-wrap{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:8px!important;
}
#view-shipment-sheet .shipment-packing-guide{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6657dc!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.3!important;
  cursor:pointer!important;
}
#view-shipment-sheet .shipment-packing-guide>span{
  order:2!important;
  display:grid!important;
  place-items:center!important;
  width:23px!important;
  min-width:23px!important;
  height:23px!important;
  border:1px solid #c9c3ff!important;
  border-radius:7px!important;
  background:#f5f3ff!important;
  color:#5848dd!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:0 3px 10px rgba(91,76,220,.08)!important;
}
#view-shipment-sheet .shipment-packing-guide:hover,
#view-shipment-sheet .shipment-packing-guide[aria-expanded="true"]{
  color:#4f40ce!important;
}
#view-shipment-sheet .shipment-packing-guide-popover{
  position:absolute!important;
  z-index:24000!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  width:min(430px,calc(100vw - 40px))!important;
  padding:14px 16px!important;
  border:1px solid #d9d5ff!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#4b5565!important;
  box-shadow:0 18px 46px rgba(16,24,40,.17)!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
#view-shipment-sheet .shipment-packing-guide-popover[hidden]{display:none!important}
#view-shipment-sheet .shipment-packing-guide-popover strong{
  display:block!important;
  margin-bottom:7px!important;
  color:#273142!important;
  font-size:13px!important;
  font-weight:600!important;
}
#view-shipment-sheet .shipment-packing-guide-popover ul{
  display:grid!important;
  gap:5px!important;
  margin:0 0 8px 18px!important;
  padding:0!important;
}
#view-shipment-sheet .shipment-packing-guide-popover li,
#view-shipment-sheet .shipment-packing-guide-popover p{
  margin:0!important;
  font-weight:400!important;
}
#view-shipment-sheet .shipment-packing-guide-popover b{font-weight:600!important;color:#344054!important}

/* Hidden is the final source of truth for the top add-product modal. */
#shipmentAddProductModal[hidden]{display:none!important}
#shipmentAddProductModal.active:not([hidden]){display:flex!important}

@media(max-width:720px){
  #view-shipment-sheet .shipment-packing-guide-wrap{width:100%!important}
  #view-shipment-sheet .shipment-packing-guide-popover{left:0!important;right:auto!important}
}

/* ===== FROZEN SOURCE 39: styles/legacy/ui-review-9c44.css ===== */
/* candidate9c44 — package header parity, item-level print quantities and builder separation */

/* A box owns its pallet assignment in the left identity block.
   The right side is the same for boxes and pallets: type/status, measures and delete. */
#view-shipment-sheet .shipment-package-card>header{
  display:grid!important;
  grid-template-columns:minmax(310px,1fr) auto 32px!important;
  align-items:center!important;
  gap:16px!important;
  padding:12px 14px!important;
}
#view-shipment-sheet .shipment-package-identity{
  display:grid!important;
  grid-template-columns:max-content minmax(190px,260px)!important;
  grid-template-areas:
    "kind kind"
    "number pallet"!important;
  align-items:end!important;
  column-gap:18px!important;
  row-gap:4px!important;
  min-width:0!important;
}
#view-shipment-sheet .shipment-package-identity>span{
  grid-area:kind!important;
}
#view-shipment-sheet .shipment-package-identity h5{
  grid-area:number!important;
  align-self:center!important;
  margin:0!important;
}
#view-shipment-sheet .shipment-box-pallet-control{
  grid-area:pallet!important;
  display:grid!important;
  grid-template-columns:auto minmax(145px,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#view-shipment-sheet .shipment-box-pallet-control select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
#view-shipment-sheet .shipment-package-status{
  margin-left:0!important;
  min-width:150px!important;
  text-align:right!important;
}
#view-shipment-sheet .shipment-package-delete{
  justify-self:end!important;
}

/* Make the source list and package builder read as two distinct work areas,
   without introducing heavy black dividers. */
#view-shipment-sheet .shipment-builder-layout{
  gap:16px!important;
}
#view-shipment-sheet .shipment-products-panel,
#view-shipment-sheet .shipment-packages-panel{
  border:1.5px solid #cfd6e3!important;
  box-shadow:0 2px 8px rgba(31,41,55,.035)!important;
}
#view-shipment-sheet .shipment-products-panel{
  background:#fbfcff!important;
}
#view-shipment-sheet .shipment-packages-panel{
  background:#fff!important;
}
#view-shipment-sheet .shipment-products-panel>.shipment-section-head{
  background:#f8faff!important;
  border-bottom-color:#d9deea!important;
}
#view-shipment-sheet .shipment-packages-panel>.shipment-section-head{
  background:#fcfbff!important;
  border-bottom-color:#d9deea!important;
}

@media(max-width:1180px){
  #view-shipment-sheet .shipment-package-card>header{
    grid-template-columns:minmax(0,1fr) auto 32px!important;
  }
  #view-shipment-sheet .shipment-package-identity{
    grid-template-columns:max-content minmax(150px,220px)!important;
  }
}
@media(max-width:760px){
  #view-shipment-sheet .shipment-package-card>header{
    grid-template-columns:minmax(0,1fr) 32px!important;
    align-items:start!important;
  }
  #view-shipment-sheet .shipment-package-identity{
    grid-column:1!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"kind" "number" "pallet"!important;
    gap:5px!important;
  }
  #view-shipment-sheet .shipment-package-status{
    grid-column:1!important;
    min-width:0!important;
    margin-top:4px!important;
    text-align:left!important;
  }
  #view-shipment-sheet .shipment-package-delete{
    grid-column:2!important;
    grid-row:1!important;
  }
  #view-shipment-sheet .shipment-box-pallet-control{
    grid-template-columns:64px minmax(0,1fr)!important;
    margin-top:3px!important;
  }
}

/* ===== FROZEN SOURCE 40: styles/legacy/ui-review-9c45.css ===== */
/* candidate9c45 — quieter pallet label, continuous package corners and reliable readiness */

/* The pallet selector is secondary metadata next to the package number,
   not a competing heading. */
#view-shipment-sheet .shipment-box-pallet-control>span{
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#667085!important;
  white-space:nowrap!important;
}
#view-shipment-sheet .shipment-box-pallet-control{
  align-items:center!important;
  gap:8px!important;
}

/* Keep the package contour continuous at every rounded corner even when
   header/background layers use different fills. */
#view-shipment-sheet .shipment-package-card{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  isolation:isolate!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
}
#view-shipment-sheet .shipment-package-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  border:1px solid #d7dde8;
  border-radius:14px;
}
#view-shipment-sheet .shipment-package-card>header{
  border-radius:14px 14px 0 0!important;
  background-clip:padding-box!important;
}
#view-shipment-sheet .shipment-package-card.is-overweight::after,
#view-shipment-sheet .shipment-package-card.is-overvolume::after{
  border-color:#efb4b4;
}
#view-shipment-sheet .shipment-package-card.is-weight-near::after,
#view-shipment-sheet .shipment-package-card.is-volume-near::after{
  border-color:#ecd8a2;
}

#view-shipment-sheet .shipment-products-empty.is-warning{
  color:#8a4b08!important;
  background:#fffaf2!important;
}

/* ===== FROZEN SOURCE 41: styles/legacy/ui-review-9c46.css ===== */
/* IXRU 9C46 — compact outbound-sheet list filters and calibrated table widths. */

/* The outer toolbar is the only filter surface. */
#planningPaneSheets .outbound-list-toolbar{
}
#planningPaneSheets .outbound-list-toolbar>.filters{
}
#planningPaneSheets .outbound-list-toolbar>.filters>label{
}
#planningPaneSheets .outbound-list-toolbar>.filters>label.orders-search{
}
#planningPaneSheets .outbound-list-toolbar>.filters>label[hidden], #planningPaneSheets .outbound-list-toolbar>.filters>.local-cabinet-filter[hidden]{}

#planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select,.filter-reset-btn){
}
#planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select){
}
#planningPaneSheets .outbound-list-toolbar>.filters input[type="search"]::placeholder{
}
#planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn{
}
#planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn>span{
}
#planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn>span:first-child{
}
@media (hover:hover) and (pointer:fine){
  #planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select):hover{
  }
  #planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn:not(:disabled):hover{
  }
}
#planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select,.filter-reset-btn):focus-visible{
}

/* The requested compact columns remain readable while yielding space to List, Warehouse and Updated. */
#outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="дата"]{
}
#outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="товаров"], #outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="количество"], #outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="короба__паллеты"]{
}

@media (max-width:760px){
  #planningPaneSheets .outbound-list-toolbar>.filters{
  }
  #planningPaneSheets .outbound-list-toolbar>.filters>label{
  }
#planningPaneSheets .outbound-list-toolbar>.filters>label.orders-search{
  }
#planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn{
  }
}
@media (prefers-reduced-motion:reduce){
  #planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn{}
}

/* ===== FROZEN SOURCE 42: styles/legacy/ui-review-9c47.css ===== */
/* IXRU 9C47 — one cabinet context for replenishment and safe one-cabinet outbound sheets. */
#view-planning .planning-sheet-cabinet-control{
}
#view-planning .planning-sheet-cabinet-control[hidden]{}
#view-planning .planning-sheet-cabinet-control>span{}
#view-planning .planning-sheet-cabinet-control select{}
#view-planning .planning-sheet-cabinet-control small{}
#view-planning .planning-filter-actions:has(.planning-sheet-cabinet-control:not([hidden])){}
#planningTable .planning-product-cabinet{}
#planningTable input[data-change-action="toggle-planning-product"]:disabled{}
#planningTable tr:has(input[data-change-action="toggle-planning-product"]:disabled) .planning-product-column{}
.outbound-cabinet-pill{}
@media(max-width:760px){#view-planning .planning-sheet-cabinet-control{}.planning-filter-actions:has(.planning-sheet-cabinet-control:not([hidden]))>*{}}

/* ===== FROZEN SOURCE 43: styles/legacy/ui-review-9c48.css ===== */
/* IXRU 9C48 — compact one-line cabinet chooser in replenishment actions. */

/* The chooser is an action prerequisite, not a labelled filter field. */
#view-planning .planning-filter-actions{
}
#view-planning .planning-sheet-cabinet-control{
}
#view-planning .planning-sheet-cabinet-control[hidden]{}
#view-planning .planning-sheet-cabinet-control select{
}
#view-planning .planning-sheet-cabinet-help{
}
#view-planning .planning-sheet-cabinet-help:focus-visible{
}

/* On medium desktop widths, keep the chooser and buttons together on their own line. */
@media(max-width:1500px){
  #view-planning .planning-filter-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  #view-planning .planning-filter-actions{
    width:100%!important;
    justify-content:flex-end!important;
  }
}
@media(max-width:900px){
  #view-planning .planning-filter-actions{
  }
  #view-planning .planning-sheet-cabinet-control{
  }
  #view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn,.planning-build-btn){
  }
  #view-planning .planning-filter-actions .planning-build-btn{}
}
@media(max-width:560px){
  #view-planning .planning-filter-actions{}
  #view-planning .planning-sheet-cabinet-control{}
#view-planning .planning-filter-actions .planning-build-btn{}
}

/* ===== FROZEN SOURCE 44: styles/legacy/ui-review-9c49.css ===== */
/* IXRU 9C49 — standard compact help trigger for cabinet selection. */
#view-planning .planning-sheet-cabinet-help.help-tip{
}
#view-planning .planning-sheet-cabinet-help.help-tip:hover, #view-planning .planning-sheet-cabinet-help.help-tip:focus-visible{
}

/* ===== FROZEN SOURCE 45: styles/legacy/ui-review-9c50.css ===== */
/* IXRU 9C50 — Supplies filter parity and split status columns. */

/* One surface only: the outer panel owns the filter. */
#view-supplies .supplies-filter-panel{
  margin:0 0 10px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
#view-supplies .supplies-filter-panel>.supplies-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-supplies .supplies-filters>label{
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#view-supplies .supplies-filters :is(input[type="search"],select,.filter-reset-btn,.supplies-filter-export){
}
#view-supplies .supplies-filters :is(input[type="search"],select){
  width:100%!important;
}
#view-supplies .supplies-filters input[type="search"]::placeholder{
}
#view-supplies .supplies-filters :is(.filter-reset-btn,.supplies-filter-export){
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#view-supplies .supplies-filters .filter-reset-btn>span{
}
#view-supplies .supplies-filters .filter-reset-btn>span:first-child{
}
#view-supplies .supplies-result-meta{
}

/* Split the former combined Status cell into two centered columns. */
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="статус"], #suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="контроль"], #suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="склад"], #suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="приёмка"]{
}
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="статус"] .table-th-inner, #suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="контроль"] .table-th-inner, #suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="склад"] .table-th-inner, #suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="приёмка"] .table-th-inner{
}
#suppliesTable .supply-warehouse-column b, #suppliesTable .supply-warehouse-column small{
}
#suppliesTable .supply-status-column .pill, #suppliesTable .supply-control-column .pill{
}

@media (hover:hover) and (pointer:fine){
  #view-supplies .supplies-filters :is(input[type="search"],select):hover{}
  #view-supplies .supplies-filters :is(.filter-reset-btn,.supplies-filter-export):not(:disabled):hover{
  }
}
#view-supplies .supplies-filters :is(input[type="search"],select):focus, #view-supplies .supplies-filters :is(input[type="search"],select):focus-visible{
}
#view-supplies .supplies-filters :is(.filter-reset-btn,.supplies-filter-export):focus-visible{
}
@media(max-width:1050px){
  #view-supplies .supplies-filter-panel>.supplies-filters{}
  #view-supplies .supplies-filters :is(.filter-reset-btn,.supplies-filter-export){}
}
@media(max-width:620px){
  #view-supplies .supplies-filter-panel{padding:11px!important}
  #view-supplies .supplies-filter-panel>.supplies-filters{}
}
@media(prefers-reduced-motion:reduce){
  #view-supplies .supplies-filters :is(.filter-reset-btn,.supplies-filter-export){transition:none!important}
}

/* ===== FROZEN SOURCE 46: styles/legacy/ui-review-9c53.css ===== */
/* IXRU 9C53 — Advertising uses the same tabs and filter action component as Products/Costs. */

/* Shared surface: identical values for Products, Costs and Advertising. */
#productsPaneCatalog .product-filter-bar,
#productsPaneCosts .costs-filter-panel,
#view-advertising .ad-filter-panel{
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  overflow:visible!important;
}

#productsPaneCatalog .product-analytics-filters, #productsPaneCosts .costs-filter-panel>.costs-filters, #view-advertising .ad-filter-panel>.ad-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#productsPaneCatalog .product-analytics-filters>label{
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCatalog .product-analytics-filters>.range-field{
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCosts .costs-filters>label, #view-advertising .ad-filters>label{
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#view-advertising .ad-filters>.range-field{
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#productsPaneCatalog .product-analytics-filters>.range-field>span, #view-advertising .ad-filters>.range-field>span{
  color:#667085!important;
  font:600 13px/1.2 inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select,.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(input[type="search"],select,.filter-reset-btn,.costs-filter-export), #view-advertising .ad-filters :is(.range-trigger,select,.filter-reset-btn,.filter-export-btn){
}

#productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select), #productsPaneCosts .costs-filters :is(input[type="search"],select), #view-advertising .ad-filters :is(.range-trigger,select){
  width:100%!important;
}

#productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export), #view-advertising .ad-filters :is(.filter-reset-btn,.filter-export-btn){
  flex:0 0 150px!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

#productsPaneCatalog .product-analytics-filters .filter-reset-btn>span, #productsPaneCosts .costs-filters .filter-reset-btn>span, #view-advertising .ad-filters .filter-reset-btn>span{
}
#productsPaneCatalog .product-analytics-filters .filter-reset-btn>span:first-child, #productsPaneCosts .costs-filters .filter-reset-btn>span:first-child, #view-advertising .ad-filters .filter-reset-btn>span:first-child{
}

/* Advertising only controls the grid, never tab or button appearance. */
#view-advertising .ad-filter-panel>.ad-filters{
}
#view-advertising.ad-products-mode .ad-filter-panel>.ad-filters{
}
#view-advertising .ad-filters>[hidden]{display:none!important}
#view-advertising .ad-filters>.local-cabinet-filter{display:none!important}

#view-advertising :is(.ad-campaign-action-bar,.ad-products-action-bar){
  min-height:24px!important;
  margin:0 0 8px!important;
  padding:0 2px!important;
}

@media (hover:hover) and (pointer:fine){
  #productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select):hover, #productsPaneCosts .costs-filters :is(input[type="search"],select):hover, #view-advertising .ad-filters :is(.range-trigger,select):hover{}

  #productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn):not(:disabled):hover, #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export):not(:disabled):hover, #view-advertising .ad-filters :is(.filter-reset-btn,.filter-export-btn):not(:disabled):hover{
  }
}

#productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select):focus, #productsPaneCatalog .product-analytics-filters :is(.range-trigger,input[type="search"],select):focus-visible, #productsPaneCosts .costs-filters :is(input[type="search"],select):focus, #productsPaneCosts .costs-filters :is(input[type="search"],select):focus-visible, #view-advertising .ad-filters :is(.range-trigger,select):focus, #view-advertising .ad-filters :is(.range-trigger,select):focus-visible{
}
#productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn):focus-visible, #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export):focus-visible, #view-advertising .ad-filters :is(.filter-reset-btn,.filter-export-btn):focus-visible{
}

@media(max-width:1120px){
  #view-advertising .ad-filter-panel>.ad-filters, #view-advertising.ad-products-mode .ad-filter-panel>.ad-filters{
  }
  #view-advertising .ad-filters :is(.filter-reset-btn,.filter-export-btn){
  }
}
@media(max-width:760px){
  #productsPaneCatalog .product-filter-bar,
  #productsPaneCosts .costs-filter-panel,
  #view-advertising .ad-filter-panel{padding:11px!important}

  #view-advertising .ad-filter-panel>.ad-filters, #view-advertising.ad-products-mode .ad-filter-panel>.ad-filters{
  }
  #productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export), #view-advertising .ad-filters :is(.filter-reset-btn,.filter-export-btn){
    flex:1 1 100%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #productsPaneCatalog .product-analytics-filters :is(.filter-reset-btn,.filter-export-btn), #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export), #view-advertising .ad-filters :is(.filter-reset-btn,.filter-export-btn){transition:none!important}
}

/* ===== FROZEN SOURCE 47: styles/legacy/ui-review-9c54.css ===== */
/* IXRU 9C54 — advertising product filters, split campaign status and denser chart. */

/* Product mode has only controls that affect product rows. */
#view-advertising .ad-campaign-only-filter[hidden],
#view-advertising .ad-filters>[hidden]{display:none!important}
#view-advertising .ad-filter-panel>.ad-filters{
}
#view-advertising.ad-products-mode .ad-filter-panel>.ad-filters{
}

/* The table starts directly with its controls/table, without a redundant heading block. */
#view-advertising .ad-campaigns-panel{}
#view-advertising .advertising-campaigns-table [data-column-id="кампания"]{}
#view-advertising .advertising-campaigns-table :is([data-column-id="статус_wb"],[data-column-id="контроль"]){}
#view-advertising .advertising-campaigns-table :is([data-column-id="статус_wb"],[data-column-id="контроль"]) .pill{}

/* The chart is useful before hover: latest values are visible in legend chips. */
#view-advertising .ad-overview-panel{}
#view-advertising .ad-overview-head{}
#view-advertising .ad-overview-head h3{}
#view-advertising .ad-chart-toggles{}
#view-advertising .chart-toggle{
}
#view-advertising .chart-toggle>em{}
#view-advertising .chart-toggle>strong{}
#view-advertising .chart-toggle:has(input:not(:checked))>strong{}
#view-advertising .chart-toggle-dot{}
#view-advertising .interactive-chart{}
#view-advertising .chart-stage{}
#view-advertising .chart-stage svg{}
#view-advertising .chart-axis-labels{}
#view-advertising .chart-axis-labels span{}
#view-advertising .chart-point{}
#view-advertising .chart-point.spend{}
#view-advertising .chart-point.sales{}
#view-advertising .chart-point.orders{}
#view-advertising .chart-point.drr{}

@media(max-width:1250px){
  #view-advertising .ad-filter-panel>.ad-filters, #view-advertising.ad-products-mode .ad-filter-panel>.ad-filters{}
  #view-advertising .ad-filters :is(.filter-reset-btn,.filter-export-btn){}
}
@media(max-width:760px){
  #view-advertising .ad-filter-panel>.ad-filters, #view-advertising.ad-products-mode .ad-filter-panel>.ad-filters{}
  #view-advertising .ad-overview-panel{}
  #view-advertising .interactive-chart{}
#view-advertising .chart-stage{}
  #view-advertising .chart-stage svg{}
  #view-advertising .chart-axis-labels span:nth-child(even){}
}

/* ===== FROZEN SOURCE 48: styles/legacy/ui-review-9c56.css ===== */
/* IXRU 9C56 — growth filters/table density and query icon polish. */

#view-growth .growth-filter-panel{
  padding:16px 20px!important;
}
#view-growth .growth-filter-panel>.growth-filters{
}
#view-growth .growth-filter-panel .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#view-growth .growth-filter-panel :is(.growth-range-field,.growth-cabinet-field,.growth-status-field,.growth-search-field){
  min-width:0!important;
}
#view-growth .growth-filter-panel :is(.range-trigger,input[type="search"],select,.filter-reset-btn,.filter-export-btn){
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
#view-growth .growth-filter-panel :is(.range-trigger,input[type="search"],select){
  width:100%!important;
  padding:0 14px!important;
  border:1px solid #d5dae4!important;
  background:#fff!important;
  color:#263044!important;
  box-shadow:none!important;
}
#view-growth .growth-filter-panel :is(.filter-reset-btn,.filter-export-btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-end!important;
  gap:7px!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid #d5dae4!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#view-growth .growth-filter-panel .filter-reset-btn>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
}
#view-growth .growth-filter-panel .filter-reset-btn>span:first-child{
  color:#7568ec!important;
  font-size:16px!important;
  font-weight:400!important;
}
#view-growth .growth-status-inline{
  position:relative!important;
}
#view-growth .growth-status-inline select{
  padding-right:40px!important;
}
#view-growth .growth-status-inline .help-tip{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
#view-growth .growth-filter-panel :is(.range-trigger,input[type="search"],select):hover{
  border-color:#b8b2ef!important;
}
#view-growth .growth-filter-panel :is(.filter-reset-btn,.filter-export-btn):not(:disabled):hover{
  border-color:#9e96ee!important;
  background:#faf9ff!important;
  color:#493dbd!important;
  box-shadow:0 6px 16px rgba(16,24,40,.10)!important;
}
#view-growth .growth-filter-panel :is(.range-trigger,input[type="search"],select):focus,
#view-growth .growth-filter-panel :is(.range-trigger,input[type="search"],select):focus-visible{
  border-color:#8e83f4!important;
  box-shadow:0 0 0 3px rgba(91,76,230,.10)!important;
  outline:0!important;
}
#view-growth .growth-filter-panel :is(.filter-reset-btn,.filter-export-btn):focus-visible{
  outline:2px solid rgba(91,76,230,.25)!important;
  outline-offset:2px!important;
}
#view-growth .table-action-bar{
}
#view-growth .growth-products-table [data-column-id="что_проверить"]{
}
#view-growth .growth-products-table [data-column-id="что_проверить"] .growth-decision-text{
}
#view-growth .growth-products-table [data-column-id="товар"] .funnel-product-cell.with-thumb{
}
#view-growth .growth-products-table .funnel-product-meta{
}
#view-growth .growth-products-table .funnel-product-title-row{
}
#view-growth .growth-products-table .product-name-link b{
}
#view-growth .growth-products-table .funnel-product-article{
}
#view-growth .growth-products-table .query-action-icon-btn{
}
#view-growth .growth-products-table .query-action-icon-btn svg{
}
#view-growth .growth-products-table .query-action-icon-btn:hover{
}
#view-growth .growth-products-table .query-action-btn{
}
@media(max-width:1180px){
  #view-growth .growth-filter-panel>.growth-filters{
  }
  #view-growth .growth-filter-panel :is(.filter-reset-btn,.filter-export-btn){
    width:100%!important;min-width:0!important;max-width:none!important;
  }
}
@media(max-width:760px){
  #view-growth .growth-filter-panel{padding:12px!important;}
  #view-growth .growth-filter-panel>.growth-filters{}
  #view-growth .growth-filter-panel :is(.filter-reset-btn,.filter-export-btn){
    width:100%!important;min-width:0!important;max-width:none!important;
  }
}

/* ===== FROZEN SOURCE 49: styles/legacy/ui-review-9c58.css ===== */
/* IXRU 9C58 — growth filter action order and recommendation weight fix. */

#view-growth .growth-filter-panel>.growth-filters{
}
#view-growth .growth-cabinet-field{order:6!important}
#view-growth .growth-range-field{order:1!important}
#view-growth .growth-status-field{order:2!important}
#view-growth .growth-search-field{order:3!important}
#view-growth .growth-filter-export{order:4!important}
#view-growth .growth-filter-panel .filter-reset-btn{order:5!important}
#view-growth .growth-status-field .help-tip{display:none!important}
#view-growth .growth-filter-panel .growth-status-field select{padding-right:14px!important}
#view-growth .growth-products-table tbody td[data-column-id="что_проверить"]{
}
#view-growth .growth-products-table tbody td[data-column-id="что_проверить"] .growth-decision-text, #view-growth .growth-products-table tbody td[data-column-id="что_проверить"] .decision-text{
}
@media(max-width:1180px){
  #view-growth .growth-filter-panel>.growth-filters{
  }
}
@media(max-width:760px){
  #view-growth .growth-filter-panel>.growth-filters{}
}

/* ===== FROZEN SOURCE 50: styles/legacy/ui-review-9c60.css ===== */
/* IXRU 9C60 — search queries page cleanup and exact filter button typography. */

#view-growth .growth-filter-panel :is(.growth-filter-export,.filter-reset-btn),
#view-growth .growth-filter-panel :is(.growth-filter-export,.filter-reset-btn)>span{
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#view-product-search>.permanent-search-access-note, #view-product-search .search-data-access-note{
}
#view-product-search .entity-hero{
}
#view-product-search .search-query-guide{
}
#view-product-search .search-query-guide>b{
  flex:0 0 auto!important;
  color:#4f46d8!important;
  font-size:13px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
#view-product-search .search-query-guide>span{
  color:#667085!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.45!important;
}
#view-product-search .search-data-state{
}
@media(max-width:760px){
  #view-product-search .search-query-guide{}
  #view-product-search .search-query-guide>b{white-space:normal!important}
}

/* ===== FROZEN SOURCE 51: styles/legacy/ui-review-9c61.css ===== */
/* IXRU 9C61 — compact JAM availability note on product search page. */

#view-product-search .search-subscription-note{
}
#view-product-search .search-subscription-note::before{
}
#view-product-search .search-subscription-note b{
}
#view-product-search .search-query-guide{
}

/* ===== FROZEN SOURCE 52: styles/legacy/ui-review-9c62.css ===== */
/* IXRU 9C62 — reports filters parity and fuller report details. */
#view-reports .finance-management-toolbar{
  padding:13px 14px!important;
  margin-bottom:12px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
#view-reports .finance-management-toolbar .reports-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-reports .reports-filters>.range-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  margin:0!important;
}
#view-reports .reports-filters>label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
}
#view-reports .reports-filters>.report-filter-range{}
#view-reports .reports-filters>.report-filter-select{flex:1 1 170px!important}
#view-reports .reports-filters>.report-filter-search{}
#view-reports .reports-filters :is(.range-trigger,select,input[type="search"],.filter-reset-btn,.filter-export-btn){
}
#view-reports .reports-filters :is(.range-trigger,select,input[type="search"]){
}
#view-reports .reports-filters :is(.range-trigger,select,input[type="search"]):hover{}
#view-reports .reports-filters :is(.range-trigger,select,input[type="search"]):focus, #view-reports .reports-filters :is(.range-trigger,select,input[type="search"]):focus-visible{
}
#view-reports .reports-filters :is(.filter-reset-btn,.filter-export-btn){
  flex:0 0 150px!important;
}
#view-reports .reports-filters :is(.filter-reset-btn,.filter-export-btn):hover{
}
#view-reports .reports-filters :is(.filter-reset-btn,.filter-export-btn):focus-visible{
}
#view-reports .reports-overview{}
#view-reports .reports-overview .panel-head{}
#view-reports .reports-modern-table{}
#view-reports .reports-modern-table td:first-child, #view-reports .reports-modern-table th:first-child{}
#view-reports .report-number-link{
}
#view-reports .report-number-link small{}
#view-reports .report-date-stack{}
#view-reports .report-date-stack b{}
#view-reports .report-date-stack small{}
#reportModal .modal-card.wide{}
#reportModal .report-detail-head{}
#reportModal .report-detail-side-meta{}
#reportModal .report-detail-side-meta>div{}
#reportModal .report-detail-side-meta small{}
#reportModal .report-detail-side-meta b{}
#reportModal .report-metrics-cards{}
#reportModal .report-detail-meta{}
#reportModal .report-breakdown{}
#reportModal .report-breakdown-grid{}
#reportModal .report-breakdown-grid>div{}
#reportModal .report-breakdown-grid span{}
#reportModal .report-breakdown-grid b{}
#reportModal .report-detail-table-wrap{}
@media(max-width:1180px){
  #view-reports .reports-filters>.report-filter-range{}
#view-reports .reports-filters>.report-filter-select{flex:1 1 calc(50% - 10px)!important}
#view-reports .reports-filters>.report-filter-search{}
#view-reports .reports-filters :is(.filter-reset-btn,.filter-export-btn){flex:1 1 calc(50% - 10px)!important}
  #reportModal .report-metrics-cards{}
  #reportModal .report-breakdown-grid{}
  #reportModal .report-detail-head{}
  #reportModal .report-detail-side-meta{}
}
@media(max-width:760px){
  #view-reports .reports-filters>.report-filter-range{}
#view-reports .reports-filters>.report-filter-select{flex:1 1 100%!important;width:100%!important}
#view-reports .reports-filters>.report-filter-search{}
#view-reports .reports-filters :is(.filter-reset-btn,.filter-export-btn){flex:1 1 100%!important;}
  #reportModal .modal-card.wide{}
  #reportModal .report-metrics-cards, #reportModal .report-breakdown-grid, #reportModal .report-detail-side-meta{}
}

/* ===== FROZEN SOURCE 53: styles/legacy/ui-review-9c63.css ===== */
/* IXRU 9C63 — reports filter, dates and details runtime fix. */
#view-reports .reports-filter-panel{
  padding:13px 14px!important;
  margin-bottom:12px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
#view-reports .reports-filter-panel>.reports-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-reports .reports-filters>.report-filter-range{}
#view-reports .reports-filters>.report-filter-select{flex:1 1 180px!important}
#view-reports .reports-filters>.report-filter-search{}
#view-reports .reports-filters :is(.filter-reset-btn,.filter-export-btn){
  flex:0 0 150px!important;
}
#view-reports .reports-filters .filter-reset-btn>span{}
#view-reports .reports-filters .filter-reset-btn>span:first-child{}
#view-reports .reports-modern-table .table-header-text{}
#view-reports .reports-modern-table .table-header-help{
}
#reportModal .report-date-help{
}
#view-reports .report-date-stack{}
#reportModal .report-detail-side-meta{}
#reportModal .report-detail-side-meta small{}
@media(max-width:1180px){
  #view-reports .reports-filters>.report-filter-range{}
#view-reports .reports-filters>.report-filter-select{flex:1 1 calc(50% - 10px)!important;width:auto!important;min-width:0!important;max-width:none!important}
#view-reports .reports-filters>.report-filter-search{}
#view-reports .reports-filters :is(.filter-reset-btn,.filter-export-btn){flex:1 1 calc(50% - 10px)!important;}
}
@media(max-width:760px){
  #view-reports .reports-filters>*{}
}

/* ===== FROZEN SOURCE 54: styles/legacy/ui-review-9c64.css ===== */
/* IXRU 9C64 — reports table scroll and report-detail typography polish. */

/* The report number column scrolls normally with the rest of the table. */
#view-reports .reports-overview table[data-table-key] th:first-child, #view-reports .reports-overview table[data-table-key] td:first-child{
}

/* The report date is shown without internal source labels. */
#view-reports .reports-modern-table [data-column-id="дата_отчёта"] .report-date-stack small{
}

/* Calm hierarchy inside report details. */
#reportModal .report-detail-head .section-kicker{
}
#reportModal .report-detail-head h3{
}
#reportModal .report-detail-head p{
}
#reportModal .report-detail-head>div>span:last-child{
}
#reportModal .report-detail-side-meta small{
}
#reportModal .report-detail-side-meta b{
}

/* Six primary values: balanced 3 × 2 KPI grid instead of an uneven 4 + 2 layout. */
#reportModal .report-metrics-cards{
}
#reportModal .report-metrics-cards .label, #reportModal .report-metrics-cards .card-title, #reportModal .report-metrics-cards .metric-label, #reportModal .report-metrics-cards .kpi-label, #reportModal .report-metrics-cards small:first-of-type{
}
#reportModal .report-metrics-cards .value, #reportModal .report-metrics-cards .metric-value, #reportModal .report-metrics-cards .kpi-value{
}

/* Secondary values remain compact, but no longer collide inside one long strip. */
#reportModal .report-detail-meta-grid{
}
#reportModal .report-detail-meta-grid>div{
}
#reportModal .report-detail-meta-grid>div:nth-child(4n){}
#reportModal .report-detail-meta-grid>div:nth-child(n+5){}
#reportModal .report-detail-meta-grid span{
}
#reportModal .report-detail-meta-grid b{
}

#reportModal .report-section-heading h4, #reportModal .report-section-title{
}
#reportModal .report-breakdown-grid span{
}
#reportModal .report-breakdown-grid b{
}
#reportModal .report-detail-table .report-operation-cell b, #reportModal .report-detail-table td:nth-child(2)>b{
}
#reportModal .report-detail-table td.num b{
}

@media(max-width:1180px){
  #reportModal .report-metrics-cards{}
  #reportModal .report-detail-meta-grid{}
  #reportModal .report-detail-meta-grid>div:nth-child(4n){}
  #reportModal .report-detail-meta-grid>div:nth-child(2n){}
  #reportModal .report-detail-meta-grid>div:nth-child(n+3){}
}
@media(max-width:760px){
  #reportModal .report-metrics-cards, #reportModal .report-detail-meta-grid{}
  #reportModal .report-detail-meta-grid>div{
  }
  #reportModal .report-detail-meta-grid>div:first-child{}
}

/* ===== FROZEN SOURCE 55: styles/legacy/ui-review-9c65.css ===== */
/* IXRU 9C65 — reports + expenses filter cleanup */
#view-reports .reports-filter-panel .sr-only,
#view-expenses .expenses-filter-panel .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#view-expenses .expenses-filter-panel{
  padding:13px 14px!important;
  margin-bottom:12px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
#view-expenses .expenses-filter-panel .expenses-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-expenses .expenses-filter-panel .expenses-filters>.range-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  margin:0!important;
}
#view-expenses .expenses-filter-panel .expenses-filters>label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-range{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-cabinet{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-article{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-accounting{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-search{}
#view-expenses .expenses-filter-panel .expenses-filters :is(.range-trigger,select,input[type="search"],.expense-add-filter-btn,.filter-reset-btn){
}
#view-expenses .expenses-filter-panel .expenses-filters :is(.range-trigger,select,input[type="search"]){
}
#view-expenses .expenses-filter-panel .expenses-filters :is(.range-trigger,select,input[type="search"]):hover{}
#view-expenses .expenses-filter-panel .expenses-filters :is(.range-trigger,select,input[type="search"]):focus, #view-expenses .expenses-filter-panel .expenses-filters :is(.range-trigger,select,input[type="search"]):focus-visible{}
#view-expenses .expenses-filter-panel .expenses-filters :is(.expense-add-filter-btn,.filter-reset-btn){
  flex:0 0 150px!important;
}
#view-expenses .expenses-filter-panel .expenses-filters .expense-add-filter-btn{
}
#view-expenses .expenses-filter-panel .expenses-filters .expense-add-filter-btn:hover{}
#view-expenses .expenses-filter-panel .expenses-filters .filter-reset-btn{
}
#view-expenses .expenses-filter-panel .expenses-filters .filter-reset-btn:hover{}
#view-expenses .expenses-empty-state #emptyAddExpense{display:none!important}
@media(max-width:1180px){
  #view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-range, #view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-cabinet, #view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-article, #view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-accounting, #view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-search{}
#view-expenses .expenses-filter-panel .expenses-filters :is(.expense-add-filter-btn,.filter-reset-btn){flex:1 1 calc(50% - 10px)!important;}
}
@media(max-width:760px){
  #view-expenses .expenses-filter-panel .expenses-filters>*{}
}

/* ===== FROZEN SOURCE 56: styles/legacy/ui-review-9c66.css ===== */
/* IXRU 9C66 — expense structure redesign */
#view-expenses .expense-category-panel{
}
#view-expenses .expense-category-head{
}
#view-expenses .expense-category-head h3{
}
#view-expenses .expense-category-summary{
}
#view-expenses .expense-category-list{
}
#view-expenses .expense-category-row{
}
#view-expenses .expense-category-line{
}
#view-expenses .expense-category-line>b{
}
#view-expenses .expense-category-line>span{
}
#view-expenses .expense-category-line strong{
}
#view-expenses .expense-category-line small{
}
#view-expenses .expense-category-track{
}
#view-expenses .expense-category-track>span{
}
#view-expenses .expense-category-panel .table-result-meta{
}
@media(max-width:760px){
  #view-expenses .expense-category-panel{}
  #view-expenses .expense-category-head{}
  #view-expenses .expense-category-line{}
  #view-expenses .expense-category-line>span{}
}

/* ===== FROZEN SOURCE 57: styles/legacy/ui-review-9c67.css ===== */
/* IXRU 9C67 — expense filter one-row + unified report KPI cards. */

/* Expenses: one desktop row, no search field, exact shared button typography. */
#view-expenses .expenses-filter-panel .expenses-filters{
}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-range{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-cabinet{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-article{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-accounting{}
#view-expenses .expenses-filter-panel .expenses-filters>.expense-filter-search{display:none!important}
#view-expenses .expenses-filter-panel .expenses-filters :is(.expense-add-filter-btn,.filter-reset-btn){
  flex:0 0 150px!important;
}
#view-expenses .expenses-filter-panel .expenses-filters .filter-reset-btn>span{
}
#view-expenses .expenses-filter-panel .expenses-filters .filter-reset-btn>span:first-child{
}

/* Report details: every summary value uses the same KPI-card component. */
#reportModal .report-detail-head{
}
#reportModal .report-detail-side-meta{}
#reportModal .report-all-metrics{
}
#reportModal .report-all-metrics .metric-card{
}
#reportModal .report-all-metrics .metric-card-top{
}
#reportModal .report-all-metrics .label{
}
#reportModal .report-all-metrics .value{
}
#reportModal .report-detail-meta-grid, #reportModal .report-breakdown{}
#reportModal .report-detail-table-wrap{}

@media(max-width:1320px){
  #view-expenses .expenses-filter-panel .expenses-filters{}
  #view-expenses .expenses-filter-panel .expenses-filters>*{}
  #reportModal .report-all-metrics{}
}
@media(max-width:900px){
  #view-expenses .expenses-filter-panel .expenses-filters>*{}
  #reportModal .report-all-metrics{}
}
@media(max-width:620px){
  #view-expenses .expenses-filter-panel .expenses-filters>*{}
  #reportModal .report-all-metrics{}
}

/* ===== FROZEN SOURCE 58: styles/legacy/ui-review-9c68.css ===== */
/* IXRU 9C68 — expense article dropdown geometry and browse behavior. */
#view-expenses .expense-filter-article .searchable-select{
}
#view-expenses .expense-filter-article .searchable-select>input{
}
#view-expenses .expense-filter-article .searchable-select>input::-webkit-search-cancel-button{
}
#view-expenses .expense-filter-article .searchable-select::after{
}
#view-expenses .expense-filter-article .searchable-select:focus-within{}
#view-expenses .expense-filter-article .searchable-select>input:hover{}
#view-expenses .expense-filter-article .searchable-select>input:focus, #view-expenses .expense-filter-article .searchable-select>input:focus-visible{
}
#view-expenses .expense-filter-article .searchable-select-list{
}
#view-expenses .expense-filter-article .searchable-select-list button{
}
#view-expenses .expense-filter-article .searchable-select-list button:hover, #view-expenses .expense-filter-article .searchable-select-list button:focus, #view-expenses .expense-filter-article .searchable-select-list button[aria-current="true"]{
}

/* ===== FROZEN SOURCE 59: styles/legacy/ui-review-9c70.css ===== */
/* IXRU 9C70 — exact KPI parity: summary uses the same card geometry as other sections. */
#view-summary .summary-main-cards{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
#view-summary .summary-main-cards>.summary-metric-card{
  min-height:100px!important;
  height:auto!important;
  padding:13px 14px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
#view-summary .summary-main-cards>.summary-primary-card,
#view-summary .summary-main-cards>.summary-profit-card{
  background:#fff!important;
  border-color:var(--ui-line)!important;
  box-shadow:none!important;
}
#view-summary .summary-main-cards>.summary-metric-card.good{
  border-top:1px solid var(--ui-line)!important;
  border-right:1px solid var(--ui-line)!important;
  border-bottom:1px solid var(--ui-line)!important;
  border-left:3px solid #12b76a!important;
}
#view-summary .summary-main-cards>.summary-metric-card.warn{
  border-top:1px solid var(--ui-line)!important;
  border-right:1px solid var(--ui-line)!important;
  border-bottom:1px solid var(--ui-line)!important;
  border-left:3px solid #f79009!important;
}
#view-summary .summary-main-cards>.summary-metric-card.bad{
  border-top:1px solid var(--ui-line)!important;
  border-right:1px solid var(--ui-line)!important;
  border-bottom:1px solid var(--ui-line)!important;
  border-left:3px solid #f04438!important;
}
#view-summary .summary-main-cards>.summary-metric-card.info{
  border-top:1px solid var(--ui-line)!important;
  border-right:1px solid var(--ui-line)!important;
  border-bottom:1px solid var(--ui-line)!important;
  border-left:3px solid #2e90fa!important;
}
#view-summary .summary-main-cards .metric-card-top{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  margin:0 0 8px!important;
}
#view-summary .summary-main-cards .metric-card-top .metric-icon{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
#view-summary .summary-main-cards .metric-card-top .metric-icon svg{
  width:15px!important;
  height:15px!important;
}
#view-summary .summary-main-cards .metric-card-top>.label{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding-right:20px!important;
}
#view-summary .summary-main-cards .metric-card-top .label,
#view-summary .summary-main-cards .metric-card-top .label-with-tip{
  font-size:11.25px!important;
  line-height:1.24!important;
  font-weight:650!important;
  letter-spacing:.015em!important;
  color:var(--ux-muted)!important;
  text-transform:none!important;
}
#view-summary .summary-main-cards .metric-card-top .help-tip{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  padding:0!important;
  border-radius:5px!important;
  font-size:9.5px!important;
  line-height:15px!important;
}
#view-summary .summary-main-cards>.summary-metric-card .value{
  margin:0!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
  color:#1d2939!important;
}
#view-summary .summary-main-cards .summary-card-secondary,
#view-summary .summary-main-cards .metric-comparison,
#view-summary .summary-main-cards small{
  font-size:11.25px!important;
  line-height:1.38!important;
}
#view-summary .summary-main-cards .summary-card-secondary{
  margin-top:6px!important;
  color:#667085!important;
}
#view-summary .summary-main-cards .metric-comparison{
  margin-top:auto!important;
  padding-top:7px!important;
  color:#667085!important;
}
#view-summary .summary-main-cards .metric-comparison span{font-weight:600!important}
#view-summary .summary-main-cards .summary-stock-value-lines{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:0!important;
}
#view-summary .summary-main-cards .summary-stock-value-lines>span{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:baseline!important;
  gap:10px!important;
  min-width:0!important;
}
#view-summary .summary-main-cards .summary-stock-value-lines>span+span{
  padding-top:5px!important;
  border-top:1px solid rgba(46,144,250,.12)!important;
}
#view-summary .summary-main-cards .summary-stock-value-lines small{
  min-width:0!important;
  margin:0!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  color:#667085!important;
  text-align:left!important;
  white-space:normal!important;
}
#view-summary .summary-main-cards .summary-stock-value-lines b{
  margin:0!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.15!important;
  color:#263044!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
#view-summary .summary-main-cards>[data-summary-widget="manual_expenses"]{
  min-height:100px!important;
}
#view-summary .summary-main-cards>[data-summary-widget="manual_expenses"] .summary-card-footer{
  margin-top:auto!important;
  padding-top:7px!important;
}
@media(max-width:1220px){#view-summary .summary-main-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){#view-summary .summary-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#view-summary .summary-main-cards{grid-template-columns:1fr!important}}

/* ===== FROZEN SOURCE 60: styles/legacy/ui-review-9c71.css ===== */
/* IXRU 9C71 — data quality page cleanup and filter parity */
#view-control .control-overview-panel{
  padding:16px!important;
  margin-bottom:12px!important;
}
#view-control .control-overview-panel>.panel-head,
#view-control .control-readiness{
  display:none!important;
}
#view-control .control-overview-panel .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#view-control .control-cards,
#view-control #controlCards{
  margin:0 0 14px!important;
}
#view-control .control-filters{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-control .control-filters>label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
}
#view-control .control-filters :is(input[type="search"],select,.filter-reset-btn,.filter-export-btn){
}
#view-control .control-filters :is(input[type="search"],select){
  width:100%!important;
}
#view-control .control-filters :is(input[type="search"],select):hover{
}
#view-control .control-filters :is(input[type="search"],select):focus, #view-control .control-filters :is(input[type="search"],select):focus-visible{
}
#view-control .control-filters :is(.filter-reset-btn,.filter-export-btn){
  flex:0 0 150px!important;
}
#view-control .control-filters .filter-reset-btn>span{
}
#view-control .control-filters .filter-reset-btn>span:first-child{
}
#view-control .control-filters :is(.filter-reset-btn,.filter-export-btn):hover{
}
#view-control .control-filters :is(.filter-reset-btn,.filter-export-btn):focus-visible{
}
#view-control .control-filters+.table-result-meta{
  margin:0!important;
  padding:0!important;
}
@media(max-width:1180px){
  #view-control .control-filters{
  }
  #view-control .control-filters :is(.filter-reset-btn,.filter-export-btn){
  }
}
@media(max-width:760px){
  #view-control .control-filters{}
  #view-control .control-filters>*{}
}

/* ===== FROZEN SOURCE 61: styles/legacy/ui-review-9c72.css ===== */
/* IXRU 9C72 — compact and clearer data-quality table */
#view-control .control-grouped-table{
}
#view-control .control-grouped-table thead th{
}
#view-control .control-grouped-table tbody td{
}
#view-control .control-grouped-table [data-column-id="проверка"]{
}
#view-control .control-grouped-table tbody td[data-column-id="проверка"]{
}
#view-control .control-grouped-table [data-column-id="объекты"]{
}
#view-control .control-grouped-table [data-column-id="кабинет"]{
}
#view-control .control-grouped-table [data-column-id="что_сделать"]{
}
#view-control .control-grouped-table [data-column-id="действие"]{
}
#view-control .control-group-title{
}
#view-control .control-group-title>b{
}
#view-control .control-group-title>.pill{
}
#view-control .control-object-list{
}
#view-control .control-object-list>b{
}
#view-control .control-object-list>span{
}
#view-control .control-object-list>small{
}
#view-control .control-description{
}
#view-control .control-description>span{
}
#view-control .control-action-btn{
}
#view-control .control-action-btn:hover{
}
#view-control .control-action-btn>b{
}
@media(max-width:760px){
  #view-control .control-grouped-table tbody td[data-column-id="проверка"], #view-control .control-grouped-table tbody td[data-column-id="кабинет"]{
  }
  #view-control .control-group-title{}
}

/* ===== FROZEN SOURCE 62: styles/legacy/ui-review-9c73.css ===== */
/* IXRU 9C73 — stable action buttons and cabinet-aware navigation */
#view-control .control-grouped-table{
}
#view-control .control-grouped-table [data-column-id="действие"]{
}
#view-control .control-grouped-table tbody td[data-column-id="действие"]{
}
#view-control .control-action-btn{
}
#view-control .control-action-btn>span{
}
#view-control .control-action-btn>b{
}
@media(max-width:760px){
  #view-control .control-action-btn{}
  #view-control .control-action-btn>span{}
}

/* ===== FROZEN SOURCE 63: styles/legacy/ui-review-9c75.css ===== */
/* IXRU 9C75 — team selector cleanup and page scrolling */

/* The employee editor is a normal document page. The browser/body owns vertical scrolling. */
html,body{
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
}
#view-team, #view-team.team-access-open, #view-team .team-access-page{
}
#view-team .team-access-page-panel{
}
#view-team .team-wizard-card{
}
#view-team .team-wizard-scroll{
}
#view-team .team-access-page-panel{
}
#view-team .team-wizard-scroll{
}
#view-team .team-wizard-progress{
}
#view-team .team-modal-actions{
}

/* Remove every historical toggle implementation from scope, cabinet and permission cards. */
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item){
}
#view-team .team-access-page .team-scope-option{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input::before, #view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input::after{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>.team-permission-switch, #view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>.team-choice-box{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)::before, #view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)::after, #view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item).selected::after, #view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item):has(input:checked)::after{
}

/* A single clear check box is the only selection control. */
#view-team .team-access-page .team-choice-mark{
}
#view-team .team-access-page .team-choice-mark::before{
}
#view-team .team-access-page .team-choice-mark::after{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input:checked+.team-choice-mark{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input:checked+.team-choice-mark::before{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input:focus-visible+.team-choice-mark{
}
#view-team .team-access-page .team-cabinet-item>input:disabled+.team-choice-mark{
}

/* Restore normal text width and stop one-word-per-line wrapping. */
#view-team .team-access-page .team-scope-option>span:last-child, #view-team .team-access-page .team-cabinet-item>.team-choice-copy, #view-team .team-access-page .team-permission-item>.team-permission-copy{
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item) :is(b,small,span,em){
}
#view-team .team-access-page .team-scope-option b, #view-team .team-access-page .team-cabinet-item b{
}
#view-team .team-access-page .team-scope-option small, #view-team .team-access-page .team-cabinet-item small{
}
#view-team .team-access-page .team-permission-title{
}
#view-team .team-access-page .team-permission-title b{
}
#view-team .team-access-page .team-permission-state{
}
#view-team .team-access-page .team-permission-explanation{
}

/* Keep the layouts readable at desktop and narrow widths. */
#view-team .team-cabinet-scope{
}
#view-team .team-cabinet-permissions{
}
#view-team .team-permission-grid{
}
@media(max-width:900px){
  #view-team .team-wizard-progress{}
  #view-team .team-cabinet-scope, #view-team .team-cabinet-permissions, #view-team .team-permission-grid{}
}

/* ===== FROZEN SOURCE 64: styles/legacy/ui-review-9c77.css ===== */
/* IXRU 9C77 — settings visual unification */
#view-settings .settings-shell{display:grid;gap:14px}
#view-settings .settings-tabs{margin:0!important;padding:4px!important;border:1px solid #e1e4ec!important;border-radius:12px!important;background:#f6f7fa!important;box-shadow:none!important}
#view-settings .settings-tabs .ixru-tab{min-height:42px!important;padding:0 14px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#667085!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
#view-settings .settings-tabs .ixru-tab.active{background:#fff!important;color:#5145cd!important;box-shadow:0 1px 4px rgba(16,24,40,.08),inset 0 -2px #6658e8!important}
#view-settings .settings-status-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 0}
#view-settings .settings-status-chip{display:grid;grid-template-columns:8px auto;grid-template-areas:"dot title" "dot detail";column-gap:8px;align-items:center;min-height:42px;padding:7px 12px;border:1px solid #e1e4ec;border-radius:11px;background:#fff;color:#475467}
#view-settings .settings-status-chip i{grid-area:dot;width:8px;height:8px;border-radius:50%;background:#98a2b3}
#view-settings .settings-status-chip b{grid-area:title;font-size:12px;line-height:1.2;font-weight:650}
#view-settings .settings-status-chip small{grid-area:detail;font-size:10.5px;line-height:1.25;color:#7b8494}
#view-settings .settings-status-chip.is-good i{background:#12a36d}.settings-status-chip.is-warn i{background:#f59e0b}.settings-status-chip.is-bad i{background:#ef4444}
#view-settings .settings-pane{display:none;gap:14px}
#view-settings .settings-pane.active{display:grid}
#view-settings .panel,#view-settings .settings-card-modern,#view-settings .settings-cabinet-card,#view-settings .api-cabinet-overview,#view-settings .billing-current-card{background:#fff!important;border:1px solid #dfe3ea!important;box-shadow:none!important;border-radius:14px!important}
#view-settings .settings-grid-modern{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
#view-settings .settings-card-modern{padding:18px!important}
#view-settings .settings-card-modern>.panel-head,#view-settings .settings-section-toolbar>.panel-head{margin-bottom:14px!important}
#view-settings .panel-head h3,#view-settings .settings-section-toolbar h3{font-size:18px!important;font-weight:650!important;color:#1f2937!important;margin:0 0 3px!important}
#view-settings .panel-head p,#view-settings .settings-section-toolbar p{font-size:12px!important;line-height:1.45!important;color:#667085!important;margin:0!important}
#view-settings .settings-card-icon{display:none!important}
#view-settings .settings-form-modern{display:grid!important;gap:12px!important}
#view-settings .profile-form{grid-template-columns:1.45fr .7fr 1fr!important}
#view-settings .profile-form>label:nth-child(4){grid-column:1/3!important}
#view-settings .profile-form>label:nth-child(5){grid-column:3!important}
#view-settings .password-change-form{grid-template-columns:1fr 1fr!important}
#view-settings .settings-form-modern label{gap:6px!important;font-size:12px!important;font-weight:600!important;color:#475467!important}
#view-settings .settings-form-modern input,#view-settings .settings-form-modern select,#view-settings .password-row input{height:42px!important;min-height:42px!important;padding:0 13px!important;border:1px solid #d0d5dd!important;border-radius:10px!important;background:#fff!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important}
#view-settings .settings-form-modern input:focus,#view-settings .settings-form-modern select:focus{border-color:#8f84ef!important;box-shadow:0 0 0 3px rgba(91,76,230,.10)!important}
#view-settings .settings-field-hint{font-size:10.5px!important;line-height:1.35!important;color:#7b8494!important;font-weight:400!important}
#view-settings .settings-actions-row{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:14px!important}
#view-settings .settings-actions-row .btn,#view-settings .settings-primary-action{min-height:42px!important;height:42px!important;padding:0 16px!important;font-size:14px!important;font-weight:500!important;border-radius:10px!important}
#view-settings .email-verification-status{display:flex!important;align-items:center!important;gap:10px!important;min-height:50px!important;margin:0 0 14px!important;padding:10px 12px!important;border:1px solid #bfe4d0!important;border-radius:11px!important;background:#f5fbf8!important}
#view-settings .email-verification-status>span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#dcf5e8!important;color:#087443!important;font-size:14px!important}
#view-settings .email-verification-status b{font-size:12.5px!important}.email-verification-status small{font-size:10.5px!important}
#view-settings .security-sessions-block{margin-top:18px!important;padding-top:16px!important;border-top:1px solid #eaecf0!important}
#view-settings .security-sessions-head h4{font-size:15px!important;margin:0 0 3px!important}
#view-settings .security-session-table{border:1px solid #e1e4ec!important;border-radius:12px!important;overflow:hidden!important}
#view-settings .security-session-header,#view-settings .security-session-row{display:grid!important;grid-template-columns:1.5fr .9fr .9fr 110px!important;align-items:center!important}
#view-settings .security-session-header{min-height:44px!important;background:#f6f7fa!important;color:#667085!important;font-size:11px!important;font-weight:650!important}
#view-settings .security-session-header>*{padding:10px 12px!important;text-align:center!important}
#view-settings .security-session-header>*:first-child{text-align:left!important}
#view-settings .security-session-row{min-height:68px!important;border-top:1px solid #eaecf0!important;background:#fff!important}
#view-settings .security-session-row>*{padding:10px 12px!important;text-align:center!important}.security-session-row>*:first-child{text-align:left!important}
#view-settings .security-session-row .btn{height:36px!important;min-height:36px!important;font-size:12px!important}
#view-settings .account-deletion-card{padding:0!important;overflow:hidden!important;border-color:#efd8d6!important;background:#fff!important}
#view-settings .account-deletion-card summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 16px!important;cursor:pointer!important;background:#fffafa!important}
#view-settings .account-deletion-card summary h3{font-size:15px!important;margin:0 0 2px!important}
#view-settings .account-deletion-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#fff0ee!important;color:#b42318!important;font-weight:800!important}
#view-settings .account-deletion-body{padding:14px 16px 16px!important;border-top:1px solid #f1dfdd!important}
#view-settings .settings-section-toolbar-flat{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:14px 16px!important}
#view-settings .settings-cabinet-list,#view-settings .api-cabinet-overview-list{display:grid!important;gap:10px!important}
#view-settings .settings-cabinet-row,#view-settings .api-cabinet-row{display:grid!important;grid-template-columns:minmax(250px,.8fr) minmax(520px,2.2fr) auto!important;align-items:center!important;gap:16px!important;padding:14px 16px!important}
#view-settings .settings-cabinet-card-head,#view-settings .api-cabinet-overview-head{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
#view-settings .settings-cabinet-avatar{width:36px!important;height:36px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#664fdc!important;color:#fff!important;font-size:11px!important;font-weight:800!important}
#view-settings .settings-cabinet-card-head h4,#view-settings .api-cabinet-title h4{font-size:14px!important;font-weight:650!important;margin:0 0 2px!important;color:#273142!important}
#view-settings .settings-cabinet-card-head span,#view-settings .api-cabinet-title span{font-size:10.5px!important;color:#7b8494!important}
#view-settings .settings-cabinet-facts,#view-settings .api-cabinet-grid-flat{display:grid!important;grid-template-columns:1.25fr .75fr 1fr!important;gap:0!important;border:0!important;background:transparent!important}
#view-settings .settings-cabinet-facts>span,#view-settings .api-cabinet-grid-flat>div{display:grid!important;gap:4px!important;align-content:center!important;min-height:52px!important;padding:4px 14px!important;border:0!important;border-left:1px solid #eaecf0!important;border-radius:0!important;background:transparent!important}
#view-settings .settings-cabinet-facts>span:first-child,#view-settings .api-cabinet-grid-flat>div:first-child{border-left:0!important}
#view-settings .settings-cabinet-facts small,#view-settings .api-cabinet-grid-flat small{font-size:9.5px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#98a2b3!important}
#view-settings .settings-cabinet-facts b,#view-settings .api-cabinet-grid-flat b{font-size:12px!important;font-weight:600!important;color:#344054!important}
#view-settings .api-cabinet-grid-flat span,#view-settings .api-cabinet-grid-flat em{font-size:10.5px!important;line-height:1.35!important;color:#667085!important;font-style:normal!important}
#view-settings .api-category-chips{display:flex!important;gap:5px!important;flex-wrap:wrap!important}.api-category-chips span{padding:3px 6px!important;border:1px solid #d8d3fb!important;border-radius:7px!important;background:#faf9ff!important;color:#594bd2!important;font-size:9.5px!important;font-weight:600!important}
#view-settings .settings-cabinet-actions-compact,#view-settings .api-cabinet-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important}
#view-settings .settings-cabinet-actions-compact>.btn,#view-settings .api-cabinet-actions>.btn{height:38px!important;min-height:38px!important;padding:0 13px!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important}
#view-settings .settings-action-menu{position:relative!important}
#view-settings .settings-action-menu>summary{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid #d0d5dd!important;border-radius:10px!important;background:#fff!important;color:#475467!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;list-style:none!important}
#view-settings .settings-action-menu>summary::-webkit-details-marker{display:none!important}
#view-settings .settings-action-menu[open]>summary{border-color:#9e96ee!important;background:#faf9ff!important;color:#5145cd!important}
#view-settings .settings-action-menu>div{position:absolute!important;z-index:60!important;right:0!important;top:calc(100% + 6px)!important;display:grid!important;min-width:190px!important;padding:6px!important;border:1px solid #dfe3ea!important;border-radius:10px!important;background:#fff!important;box-shadow:0 14px 34px rgba(16,24,40,.16)!important}
#view-settings .settings-action-menu>div button{width:100%!important;padding:9px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;text-align:left!important;color:#344054!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important}
#view-settings .settings-action-menu>div button:hover{background:#f5f6fa!important}.settings-action-menu>div button.is-danger{color:#b42318!important}
#view-settings .settings-api-panel-flat{padding:16px!important;background:#fff!important}
#view-settings .settings-api-panel-flat>.panel-head{margin:0 0 12px!important}
#view-settings .api-cabinet-warning{grid-column:1/-1!important;margin:0!important;padding:8px 10px!important;border:1px solid #f1b8b2!important;border-radius:9px!important;background:#fff7f6!important;color:#b42318!important;font-size:11px!important}
#view-settings .billing-current-compact{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;padding:16px 18px!important;background:#fff!important}
#view-settings .billing-current-title{display:flex!important;align-items:center!important;gap:9px!important}.billing-current-title h3{font-size:19px!important;margin:0!important}.billing-current-main p{margin:6px 0 0!important;font-size:12px!important;color:#667085!important}
#view-settings .billing-current-days{display:grid!important;text-align:right!important}.billing-current-days strong{font-size:26px!important;line-height:1!important;color:#5145cd!important}.billing-current-days span{font-size:10.5px!important;color:#7b8494!important}
#view-settings .billing-current-limits{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:10px!important}.billing-current-limits span{padding:5px 8px!important;border:1px solid #e1e4ec!important;border-radius:8px!important;background:#f8f9fb!important;font-size:10.5px!important;color:#667085!important}
#view-settings .billing-plan-grid.is-placeholder{display:block!important}
#view-settings .settings-availability-note{display:grid!important;gap:5px!important;padding:16px!important;border:1px dashed #cfd4df!important;border-radius:12px!important;background:#fafbfc!important;text-align:center!important}.settings-availability-note b{font-size:14px!important;color:#344054!important}.settings-availability-note span{font-size:11.5px!important;line-height:1.45!important;color:#667085!important}
#view-settings .billing-history-panel .empty-state.settings-empty-compact{min-height:90px!important;padding:18px!important}
#view-settings .billing-history-panel .empty-state.settings-empty-compact b{font-size:13px!important}.billing-history-panel .empty-state.settings-empty-compact span{font-size:11px!important}
@media(max-width:1250px){#view-settings .settings-cabinet-row,#view-settings .api-cabinet-row{grid-template-columns:1fr!important}.settings-cabinet-actions-compact,.api-cabinet-actions{justify-content:flex-start!important}.settings-cabinet-facts,.api-cabinet-grid-flat{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){#view-settings .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-form,.password-change-form{grid-template-columns:1fr!important}.profile-form>label{grid-column:auto!important}.settings-status-strip{display:grid!important;grid-template-columns:1fr!important}.settings-cabinet-facts,.api-cabinet-grid-flat{grid-template-columns:1fr!important}.settings-cabinet-facts>span,.api-cabinet-grid-flat>div{border-left:0!important;border-top:1px solid #eaecf0!important;padding:9px 0!important}.settings-cabinet-facts>span:first-child,.api-cabinet-grid-flat>div:first-child{border-top:0!important}.security-session-header{display:none!important}.security-session-row{grid-template-columns:1fr!important}.security-session-row>*{text-align:left!important}}

/* ===== FROZEN SOURCE 65: styles/legacy/ui-review-9c78.css ===== */
/* IXRU 9C78 — standalone sessions and stable API rows */
#view-settings .security-sessions-panel{}
#view-settings .security-sessions-panel>.panel-head{}
#view-settings .security-sessions-panel .security-session-table{}
#view-settings .security-sessions-panel .security-session-header{}
#view-settings .security-sessions-panel .security-session-row{}
#view-settings .security-sessions-panel .security-session-row.is-current{}
#view-settings .security-sessions-panel .security-session-row>*{}
#view-settings .security-sessions-panel .security-session-row+.security-session-row{margin-top:0!important}
#view-settings .security-sessions-panel .security-session-device b{}
#view-settings .security-sessions-panel .security-session-device span{}
#view-settings .security-sessions-panel .security-session-device i{}
#view-settings .security-sessions-panel .security-session-row small{display:block!important;margin-bottom:3px!important;font-size:10.5px!important;color:#7b8494!important}
#view-settings .security-sessions-panel .security-session-row b{font-size:12.5px!important;font-weight:600!important;color:#344054!important}
#view-settings .api-cabinet-overview-list{gap:10px!important}
#view-settings .api-cabinet-row{display:grid!important;grid-template-columns:minmax(255px,.95fr) minmax(245px,1fr) minmax(235px,.85fr) minmax(285px,1.1fr) auto!important;align-items:stretch!important;gap:0!important;min-height:132px!important;padding:0!important;overflow:visible!important}
#view-settings .api-cabinet-row>.api-cabinet-overview-head,#view-settings .api-cabinet-row>.api-cabinet-detail,#view-settings .api-cabinet-row>.api-cabinet-actions{min-width:0!important;padding:16px!important}
#view-settings .api-cabinet-row>.api-cabinet-overview-head{grid-template-columns:38px minmax(0,1fr)!important;align-content:center!important;border-right:1px solid #eaecf0!important}
#view-settings .api-cabinet-row>.api-cabinet-overview-head>.pill{grid-column:2!important;justify-self:start!important;margin-top:7px!important}
#view-settings .api-cabinet-detail{display:grid!important;grid-template-rows:auto auto 1fr!important;align-content:center!important;gap:5px!important;border-right:1px solid #eaecf0!important;background:transparent!important}
#view-settings .api-cabinet-detail small{font-size:9.5px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#98a2b3!important}
#view-settings .api-cabinet-detail b{font-size:12.5px!important;font-weight:600!important;line-height:1.35!important;color:#344054!important;overflow-wrap:anywhere!important}
#view-settings .api-cabinet-detail>span,#view-settings .api-cabinet-detail>em{font-size:10.5px!important;line-height:1.4!important;color:#667085!important;font-style:normal!important}
#view-settings .api-category-chips{display:flex!important;align-content:flex-start!important;align-items:flex-start!important;gap:5px!important;flex-wrap:wrap!important;max-width:100%!important}
#view-settings .api-category-chips span{white-space:nowrap!important}
#view-settings .api-category-chips .api-category-more{background:#efedff!important;color:#5145cd!important;border-color:#c9c3f8!important;cursor:help!important}
#view-settings .api-cabinet-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important}
#view-settings .api-cabinet-warning{grid-column:2/5!important;margin:0 16px 12px!important;align-self:end!important}
@media(max-width:1450px){
  #view-settings .api-cabinet-row{grid-template-columns:minmax(230px,.8fr) repeat(3,minmax(200px,1fr))!important}
  #view-settings .api-cabinet-actions{grid-column:1/-1!important;justify-content:flex-end!important;padding-top:0!important}
}
@media(max-width:1050px){
  #view-settings .api-cabinet-row{grid-template-columns:1fr 1fr!important}
  #view-settings .api-cabinet-row>.api-cabinet-overview-head{grid-column:1/-1!important;border-right:0!important;border-bottom:1px solid #eaecf0!important}
  #view-settings .api-cabinet-detail{border-right:0!important;border-bottom:1px solid #eaecf0!important}
  #view-settings .api-sync-detail{grid-column:1/-1!important}
  #view-settings .api-cabinet-actions{grid-column:1/-1!important}
  #view-settings .api-cabinet-warning{grid-column:1/-1!important}
}
@media(max-width:820px){
  #view-settings .security-sessions-panel .security-session-header{}
  #view-settings .security-sessions-panel .security-session-row{}
  #view-settings .security-sessions-panel .security-session-row>*{}
  #view-settings .security-sessions-panel .security-session-row>*:first-child{}
  #view-settings .api-cabinet-row{grid-template-columns:1fr!important}
  #view-settings .api-cabinet-row>*{grid-column:1!important;border-right:0!important;border-bottom:1px solid #eaecf0!important}
  #view-settings .api-cabinet-actions{justify-content:flex-start!important;flex-wrap:wrap!important;border-bottom:0!important}
}

/* ===== FROZEN SOURCE 66: styles/legacy/ui-review-9c79.css ===== */
/* IXRU 9C79 — standard settings table + shared API subgrid */

/* Active sessions: one normal IXRU table, without a separate floating header card. */
#view-settings .security-sessions-panel{
}
#view-settings .security-sessions-panel>.panel-head{
}
#view-settings .security-sessions-panel .security-session-table{
}
#view-settings .security-sessions-panel .security-session-header{
}
#view-settings .security-sessions-panel .security-session-row{
}
#view-settings .security-sessions-panel .security-session-header{
}
#view-settings .security-sessions-panel .security-session-header>span{
}
#view-settings .security-sessions-panel .security-session-header>span:first-child{
}
#view-settings .security-sessions-panel .security-session-row{
}
#view-settings .security-sessions-panel .security-session-row+.security-session-row{
}
#view-settings .security-sessions-panel .security-session-row.is-current{
}
#view-settings .security-sessions-panel .security-session-row>*{
}
#view-settings .security-sessions-panel .security-session-device{
}
#view-settings .security-sessions-panel .security-session-device b{
}
#view-settings .security-sessions-panel .security-session-device span{
}
#view-settings .security-sessions-panel .security-session-device i{
}
#view-settings .security-sessions-panel .security-session-row>div:not(.security-session-device) small{
}
#view-settings .security-sessions-panel .security-session-row>div:not(.security-session-device) b{
}
#view-settings .security-sessions-panel .security-session-row>div:last-child{
}
#view-settings .security-sessions-panel .security-session-row .btn{
}
#view-settings .security-sessions-panel .security-session-row .btn:hover{
}

/* API cabinets: one shared grid for every row, so all vertical boundaries match. */
#view-settings .settings-api-panel-flat .api-cabinet-overview-list{
}
#view-settings .settings-api-panel-flat .api-cabinet-row{
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head{
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-detail, #view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-actions{
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head{
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-head>.settings-cabinet-avatar{
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-head>.api-cabinet-title{
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-head>.pill{
}
#view-settings .settings-api-panel-flat .api-cabinet-title h4{
}
#view-settings .settings-api-panel-flat .api-cabinet-title>span{
}
#view-settings .settings-api-panel-flat .api-cabinet-detail{
}
#view-settings .settings-api-panel-flat .api-cabinet-detail small{
}
#view-settings .settings-api-panel-flat .api-cabinet-detail b{
}
#view-settings .settings-api-panel-flat .api-cabinet-detail>span, #view-settings .settings-api-panel-flat .api-cabinet-detail>em{
}
#view-settings .settings-api-panel-flat .api-category-chips{
}
#view-settings .settings-api-panel-flat .api-category-chips span{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu>summary{
}
#view-settings .settings-api-panel-flat .api-cabinet-warning{
}

@media(max-width:1500px){
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{}
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{}
}
@media(max-width:1220px){
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-detail{
  }
  #view-settings .settings-api-panel-flat .api-sync-detail{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
  }
}
@media(max-width:820px){
  #view-settings .security-sessions-panel .security-session-table{
  }
  #view-settings .security-sessions-panel .security-session-header{}
  #view-settings .security-sessions-panel .security-session-row{
  }
  #view-settings .security-sessions-panel .security-session-row+.security-session-row{}
  #view-settings .security-sessions-panel .security-session-row>*{
  }
  #view-settings .security-sessions-panel .security-session-row>*:first-child{}
  #view-settings .security-sessions-panel .security-session-row>div:not(.security-session-device) small{}
  #view-settings .security-sessions-panel .security-session-row>div:last-child{}
  #view-settings .security-sessions-panel .security-session-row .btn{}
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{}
  #view-settings .settings-api-panel-flat .api-cabinet-row{}
  #view-settings .settings-api-panel-flat .api-cabinet-row>*{}
  #view-settings .settings-api-panel-flat .api-cabinet-actions{}
}

/* ===== FROZEN SOURCE 67: styles/legacy/ui-review-9c80.css ===== */
/* IXRU 9C80 — sessions cleanup and API actions containment. */

/* Active sessions: no decorative header fill and no KPI-like accent on the current row. */
#view-settings .security-sessions-panel .security-session-table{
}
#view-settings .security-sessions-panel .security-session-header{
}
#view-settings .security-sessions-panel .security-session-header>span{
}
#view-settings .security-sessions-panel .security-session-row{
}
#view-settings .security-sessions-panel .security-session-row.is-current{
}
#view-settings .security-sessions-panel .security-session-row.is-current{
}
#view-settings .security-sessions-panel .security-session-row+.security-session-row{
}
#view-settings .security-sessions-panel .security-session-row .btn{
}

/* API rows: narrower shared grid and a contained two-row actions cell. */
#view-settings .settings-api-panel-flat{
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-list{
}
#view-settings .settings-api-panel-flat .api-cabinet-row{
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head{
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-detail, #view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-actions{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu>summary{
}
#view-settings .settings-api-panel-flat .api-cabinet-row.no-token .api-cabinet-actions{
}
#view-settings .settings-api-panel-flat .api-cabinet-row.no-token .api-cabinet-actions .btn.secondary{
}
#view-settings .settings-api-panel-flat .api-cabinet-warning{
}

@media(max-width:1450px){
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-warning{
  }
}
@media(max-width:1180px){
  #view-settings .settings-api-panel-flat{}
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row.no-token .api-cabinet-actions{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-warning{
  }
}
@media(max-width:820px){
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
  }
}

/* ===== FROZEN SOURCE 68: styles/legacy/ui-review-9c81.css ===== */
/* IXRU 9C81 — API action menu overlay containment fix. */

/* Allow the three-dots action menu to render above the cabinet card instead of being clipped. */
#view-settings .settings-api-panel-flat{
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-list{
}
#view-settings .settings-api-panel-flat .api-cabinet-overview{
}
#view-settings .settings-api-panel-flat .api-cabinet-row{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions{
}
#view-settings .settings-api-panel-flat .api-cabinet-row{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu[open]{
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu>div{
}

/* Keep the fixed-height API rows visually stable while allowing the popup to escape. */
#view-settings .settings-api-panel-flat .api-cabinet-row.no-token, #view-settings .settings-api-panel-flat .api-cabinet-row.has-token{
}

/* ===== FROZEN SOURCE 69: styles/legacy/ui-review-9c82.css ===== */
/* IXRU 9C82 — notification center redesign. */

#notificationDrawer.notification-drawer{
}
#notificationDrawer .notification-drawer-head{
}
#notificationDrawer .notification-drawer-title{
}
#notificationDrawer .notification-drawer-title>div{
}
#notificationDrawer .notification-drawer-title h3{
}
#notificationDrawer .notification-drawer-count{
}
#notificationDrawer .notification-drawer-title p{
}
#notificationDrawer .notification-drawer-actions{
}
#notificationDrawer .notification-read-all{
}
#notificationDrawer .notification-close{
}
#notificationDrawer .notification-read-all{
}
#notificationDrawer .notification-read-all span{
}
#notificationDrawer .notification-close{
}
#notificationDrawer .notification-read-all:hover, #notificationDrawer .notification-close:hover{
}
#notificationDrawer .notification-read-all:focus-visible, #notificationDrawer .notification-close:focus-visible{
}
#notificationDrawer .notification-drawer-body{
}
#notificationDrawer .notification-item{
}
#notificationDrawer .notification-item.unread{
}
#notificationDrawer .notification-item.read{
}
#notificationDrawer .notification-item-icon{
}
#notificationDrawer .notification-item-icon:after{
}
#notificationDrawer .notification-item.bad .notification-item-icon{
}
#notificationDrawer .notification-item.info .notification-item-icon{
}
#notificationDrawer .notification-item.info .notification-item-icon:after{
}
#notificationDrawer .notification-item-content{
}
#notificationDrawer .notification-item-title{
}
#notificationDrawer .notification-item-title b{
}
#notificationDrawer .notification-group-count{
}
#notificationDrawer .notification-item p{
}
#notificationDrawer .notification-item-content>small{
}
#notificationDrawer .notification-item-actions{
}
#notificationDrawer .notification-item-actions button{
}
#notificationDrawer .notification-item-actions .notification-open{
}
#notificationDrawer .notification-item-actions button:hover{
}
#notificationDrawer .notification-control-link{
}
#notificationDrawer.is-empty .notification-drawer-body{
}
#notificationDrawer.is-empty .notification-empty{
}
#notificationDrawer .notification-empty-icon{
}
#notificationDrawer .notification-empty b{
}
#notificationDrawer .notification-empty span:not(.notification-empty-icon){
}
#notificationDrawer.is-empty .notification-control-link{
}
@media(max-width:540px){
  #notificationDrawer .notification-drawer-head{}
  #notificationDrawer .notification-drawer-title p{}
  #notificationDrawer .notification-read-all{}
  #notificationDrawer .notification-read-all span{}
  #notificationDrawer .notification-drawer-body{}
  #notificationDrawer .notification-control-link{}
}

/* ===== FROZEN SOURCE 70: styles/legacy/ui-review-9c83.css ===== */
/* IXRU 9C83 — compact notification center. */

#notificationDrawer.notification-drawer{
}
#notificationDrawer .notification-drawer-head{
}
#notificationDrawer .notification-drawer-title{
}
#notificationDrawer .notification-drawer-title>div{
}
#notificationDrawer .notification-drawer-title h3{
}
#notificationDrawer .notification-drawer-count{
}
#notificationDrawer .notification-drawer-title p{
}
#notificationDrawer .notification-drawer-actions{
}
#notificationDrawer .notification-read-all{
}
#notificationDrawer .notification-close{
}
#notificationDrawer .notification-read-all{
}
#notificationDrawer .notification-read-all span{
}
#notificationDrawer .notification-close{
}

/* Do not let CSS Grid stretch short notifications to fill the drawer. */
#notificationDrawer .notification-drawer-body{
}
#notificationDrawer .notification-item{
}
#notificationDrawer .notification-item-icon{
}
#notificationDrawer .notification-item-icon:after{
}
#notificationDrawer .notification-item-title{
}
#notificationDrawer .notification-item-title b{
}
#notificationDrawer .notification-group-count{
}
#notificationDrawer .notification-item p{
}
#notificationDrawer .notification-item-content>small{
}
#notificationDrawer .notification-item-actions{
}
#notificationDrawer .notification-item-actions button{
}
#notificationDrawer .notification-control-link{
}
#notificationDrawer.is-empty .notification-drawer-body{
}
@media(max-width:460px){
  #notificationDrawer .notification-drawer-head{}
  #notificationDrawer .notification-drawer-title h3{}
  #notificationDrawer .notification-drawer-title p{}
  #notificationDrawer .notification-read-all{}
  #notificationDrawer .notification-read-all span{}
  #notificationDrawer .notification-drawer-body{}
  #notificationDrawer .notification-control-link{}
}

/* ===== FROZEN SOURCE 71: styles/legacy/ui-review-9c86.css ===== */
/* IXRU 9C86 — notification drawer header/footer rebalance. */

#notificationDrawer.notification-drawer{
}
#notificationDrawer .notification-drawer-head{
}
#notificationDrawer .notification-drawer-title{
}
#notificationDrawer .notification-drawer-title>div{
}
#notificationDrawer .notification-drawer-title h3{
}
#notificationDrawer .notification-drawer-title p{}
#notificationDrawer .notification-drawer-count{
}
#notificationDrawer .notification-drawer-actions{
}
#notificationDrawer .notification-close{
}
#notificationDrawer .notification-drawer-body{
}
#notificationDrawer .notification-item{
}
#notificationDrawer .notification-drawer-footer{
}
#notificationDrawer .notification-control-link{
}
#notificationDrawer .notification-drawer-footer .notification-read-all{
}
#notificationDrawer .notification-control-link{
}
#notificationDrawer .notification-drawer-footer .notification-read-all{
}
#notificationDrawer .notification-drawer-footer .notification-read-all:hover, #notificationDrawer .notification-control-link:hover{
}
#notificationDrawer .notification-drawer-footer .notification-read-all span, #notificationDrawer .notification-control-link span{
}
#notificationDrawer.is-empty .notification-drawer-body{
}
@media(max-width:460px){
  #notificationDrawer .notification-drawer-head{}
  #notificationDrawer .notification-drawer-title h3{}
  #notificationDrawer .notification-drawer-footer{}
  #notificationDrawer .notification-control-link{}
#notificationDrawer .notification-drawer-footer .notification-read-all{}
  #notificationDrawer .notification-drawer-footer .notification-read-all{}
  #notificationDrawer .notification-drawer-body{}
}

/* ===== FROZEN SOURCE 72: styles/legacy/ui-review-9c84.css ===== */
/* IXRU 9C84 — split Data Quality KPI and filters into independent panels. */
#view-control .control-kpi-panel{
  padding:16px!important;
  margin:0 0 12px!important;
}
#view-control .control-kpi-panel #controlCards{
  margin:0!important;
}
#view-control .control-filter-panel{
  padding:16px!important;
  margin:0 0 12px!important;
}
#view-control .control-filter-panel .control-filters{
}
#view-control .control-filter-panel .table-result-meta{
  margin:0!important;
  padding:0!important;
}
@media(max-width:760px){
  #view-control .control-kpi-panel,
  #view-control .control-filter-panel{
    padding:12px!important;
  }
}

/* ===== FROZEN SOURCE 73: styles/legacy/ui-review-9c85.css ===== */
/* IXRU 9C85 — compact Data Quality filters and narrower check column. */
#view-control .control-filter-panel{
  padding:14px 16px!important;
}
#view-control .control-filter-panel .control-filters{
}
#view-control .control-grouped-table{
}
#view-control .control-grouped-table [data-column-id="проверка"]{
}
#view-control .control-group-title{
}
@media(max-width:760px){
  #view-control .control-filter-panel{padding:12px!important}
  #view-control .control-grouped-table [data-column-id="проверка"]{
  }
}

/* ===== FROZEN SOURCE 74: styles/legacy/ui-review-9c87.css ===== */
/* IXRU 9C87 — unified page hierarchy and centered page tabs. */

:root{
  --ixru-page-block-gap:14px;
  --ixru-page-tabs-two-width:760px;
  --ixru-page-tabs-four-width:1040px;
  --ixru-page-tabs-five-width:1120px;
}

/* One predictable vertical rhythm for every primary page. */
.view.ixru-page-layout:not(.active){display:none!important;}
.view.ixru-page-layout.active{
  display:flex!important;
  flex-direction:column!important;
  gap:var(--ixru-page-block-gap)!important;
}
.view.ixru-page-layout.active>*{
  margin-top:0!important;
  margin-bottom:0!important;
}
.ixru-page-stack.active,
.products-hub-pane.ixru-page-stack.active,
.planning-pane.ixru-page-stack.active,
.ad-workspace.ixru-page-stack.active{
  display:flex!important;
  flex-direction:column!important;
  gap:var(--ixru-page-block-gap)!important;
}
.ixru-page-stack.active>*{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Analytical pages: tabs -> filters/actions -> context/alerts -> KPI -> content. */
.ixru-page-layout-analytics>.ixru-page-tabs,
.ixru-page-layout-analytics>.summary-mode-switcher,
.ixru-page-layout-analytics>.products-hub-header{
  flex:0 0 auto!important;
}

/* Control pages intentionally use KPI -> filters/actions -> content. */
#view-control .control-kpi-panel, #view-control .control-filter-panel, #view-control>.table-wrap{
  margin:0!important;
}
#view-team .team-kpis-standalone{
  margin:0!important;
}
#view-team .team-toolbar-row{
  margin:0!important;
}
#view-team .team-main-content{
  margin:0!important;
}

/* Result counters belong to their table area rather than the filter/KPI area. */
#view-supplies .supplies-result-meta{
}
#view-advertising .ad-products-action-bar, #view-products .products-result-meta, #view-products .costs-result-meta{
  margin:0!important;
}
#view-reports .table-action-bar{
}
#view-growth .table-action-bar{
}
#planningPaneSheets .table-result-meta{
  margin:0!important;
}

/* Center only page-level tabs. Local tabs inside cards remain untouched. */
.ixru-page-tabs{
  display:grid!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  justify-content:center!important;
  align-self:center!important;
}
.ixru-page-tabs.ixru-tabs-two{
  width:min(100%,var(--ixru-page-tabs-two-width))!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.ixru-page-tabs.ixru-tabs-four,
.settings-tabs.ixru-page-tabs{
  width:min(100%,var(--ixru-page-tabs-four-width))!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.ixru-page-tabs.ixru-tabs-five,
.order-tabs.ixru-page-tabs{
  width:min(100%,var(--ixru-page-tabs-five-width))!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.ixru-page-tabs>.ixru-tab,
.settings-tabs.ixru-page-tabs>.ixru-tab{
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  justify-content:center!important;
}

/* The summary heading stays left-aligned while the mode tabs are centered below it. */
#view-summary .summary-mode-switcher{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#view-summary .summary-mode-heading{
  width:min(100%,var(--ixru-page-tabs-two-width))!important;
  margin:0 auto!important;
}

/* Products wrapper should not pull the centered tab group to the left. */
#view-products .products-hub-header{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
}

/* Settings keep a centered main navigator without affecting pane-local controls. */
#view-settings .settings-shell>.settings-tabs{
  align-self:center!important;
  margin:0 auto!important;
}

@media(max-width:900px){
  :root{--ixru-page-block-gap:12px;}
  .ixru-page-tabs.ixru-tabs-four,
  .settings-tabs.ixru-page-tabs{
    width:100%!important;
    grid-template-columns:repeat(4,minmax(170px,1fr))!important;
    overflow-x:auto!important;
    justify-content:start!important;
    align-self:stretch!important;
  }
  .ixru-page-tabs.ixru-tabs-five,
  .order-tabs.ixru-page-tabs{
    width:100%!important;
    grid-template-columns:repeat(5,minmax(135px,1fr))!important;
    overflow-x:auto!important;
    justify-content:start!important;
    align-self:stretch!important;
  }
}

@media(max-width:620px){
  .ixru-page-tabs{
    width:100%!important;
    align-self:stretch!important;
    margin-inline:0!important;
  }
  .ixru-page-tabs.ixru-tabs-two{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #view-summary .summary-mode-heading{width:100%!important;}
}

/* ===== FROZEN SOURCE 75: styles/legacy/ui-review-9c88.css ===== */
/* IXRU 9C88 — compact label-free filters and richer centered page tabs. */

:root{
  --ixru-page-tab-shell-bg-1:#fbfbff;
  --ixru-page-tab-shell-bg-2:#f2f0ff;
  --ixru-page-tab-shell-border:#ddd9f5;
  --ixru-page-tab-active-border:#bdb4ff;
  --ixru-page-tab-active-text:#4b3fc7;
  --ixru-page-tab-accent:#6d5dfc;
}

/* Accessible names remain in the DOM, but filter fields no longer spend vertical space on visible labels. */
#view-summary .summary-control-toolbar>label, #view-orders .orders-filters>label, #view-stocks .stocks-filters>label, #view-supplies .supplies-filters>label, #view-advertising .ad-filters>label, #view-products .product-analytics-filters>label, #view-products .costs-filters>label{
}
#view-summary .summary-control-toolbar, #view-orders .orders-filters, #view-stocks .stocks-filters, #view-supplies .supplies-filters, #view-advertising .ad-filters, #view-products .product-analytics-filters, #view-products .costs-filters{
}

/* Replenishment deliberately keeps visible labels: its choices need more explanation. */
#view-planning .planning-filters>label{
}
#view-planning .outbound-list-toolbar .filters>label{
  gap:6px!important;
}

/* Page-level tabs: richer, still restrained, centered and consistent. */
.ixru-page-tabs{
  gap:6px!important;
  padding:5px!important;
  border:1px solid var(--ixru-page-tab-shell-border)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,var(--ixru-page-tab-shell-bg-1) 0%,var(--ixru-page-tab-shell-bg-2) 100%)!important;
  box-shadow:0 8px 22px rgba(67,56,202,.065),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.ixru-page-tabs>.ixru-tab,
.settings-tabs.ixru-page-tabs>.ixru-tab{
  position:relative!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 18px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.48)!important;
  color:#667085!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:-.005em!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.ixru-page-tabs>.ixru-tab::before,
.settings-tabs.ixru-page-tabs>.ixru-tab::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:0;
  height:1px;
  background:rgba(255,255,255,.9);
  opacity:.65;
}
.ixru-page-tabs>.ixru-tab::after,
.settings-tabs.ixru-page-tabs>.ixru-tab::after{
  left:18px!important;
  right:18px!important;
  bottom:2px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#8c7cff,var(--ixru-page-tab-accent))!important;
}
.ixru-page-tabs>.ixru-tab:hover,
.settings-tabs.ixru-page-tabs>.ixru-tab:hover{
  border-color:#d6d0ff!important;
  background:rgba(255,255,255,.82)!important;
  color:#5146b5!important;
  box-shadow:0 3px 10px rgba(67,56,202,.065)!important;
}
.ixru-page-tabs>.ixru-tab.active,
.ixru-page-tabs>.ixru-tab[aria-selected="true"],
.ixru-page-tabs>.ixru-tab[aria-pressed="true"],
.settings-tabs.ixru-page-tabs>.ixru-tab.active{
  border-color:var(--ixru-page-tab-active-border)!important;
  background:linear-gradient(180deg,#fff 0%,#f4f1ff 100%)!important;
  color:var(--ixru-page-tab-active-text)!important;
  font-weight:700!important;
  box-shadow:0 5px 14px rgba(67,56,202,.12),inset 0 1px 0 #fff!important;
  transform:translateY(-1px)!important;
}
.ixru-page-tabs>.ixru-tab.active::after,
.ixru-page-tabs>.ixru-tab[aria-selected="true"]::after,
.ixru-page-tabs>.ixru-tab[aria-pressed="true"]::after,
.settings-tabs.ixru-page-tabs>.ixru-tab.active::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
.ixru-page-tabs>.ixru-tab:focus-visible,
.settings-tabs.ixru-page-tabs>.ixru-tab:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(109,93,252,.16),0 5px 14px rgba(67,56,202,.1)!important;
}

/* Order counters remain legible inside the upgraded tabs. */
.order-tabs.ixru-page-tabs .ixru-tab span{
  min-width:22px!important;
  height:21px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:rgba(102,112,133,.1)!important;
  color:inherit!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.order-tabs.ixru-page-tabs .ixru-tab.active span{
  background:#e7e2ff!important;
  color:#4b3fc7!important;
}

@media(max-width:900px){
  .ixru-page-tabs{padding:4px!important;gap:5px!important;border-radius:13px!important;}
  .ixru-page-tabs>.ixru-tab,
  .settings-tabs.ixru-page-tabs>.ixru-tab{min-height:42px!important;height:42px!important;padding-inline:14px!important;font-size:13.5px!important;transform:none!important;}
}

/* ===== FROZEN SOURCE 76: styles/legacy/ui-review-9c89.css ===== */
/* IXRU 9C89 — make label-free filters actually label-free. */

/*
 * 9C88 moved visible filter captions into .sr-only spans, but the project did
 * not have one final global .sr-only utility. Some later label styles therefore
 * kept those spans visible. This rule is loaded last and is intentionally
 * stronger than section-specific filter typography.
 */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Remove the vertical label gap where captions are now screen-reader-only. */
#view-orders .orders-filters>label, #view-stocks .stocks-filters>label, #view-supplies .supplies-filters>label, #view-advertising .ad-filters>label, #view-growth .growth-filters>label, #view-products .product-analytics-filters>label, #view-products .costs-filters>label, #view-expenses .expenses-filters>label, #view-reports .reports-filters>label, #view-control .control-filters>label{
}

/* Range captions in the same compact filter bars are also visually hidden. */
#view-advertising .ad-filters .range-field>.sr-only, #view-growth .growth-filters .range-field>.sr-only, #view-products .product-analytics-filters .range-field>.sr-only, #view-expenses .expenses-filters .range-field>.sr-only, #view-reports .reports-filters .range-field>.sr-only{
  position:absolute!important;
}

/* Replenishment is deliberately untouched: its labels explain calculation inputs. */
#view-planning .planning-filters>label{
  gap:6px!important;
}
#view-planning .outbound-list-toolbar .filters>label{
  gap:6px!important;
}

/* ===== FROZEN SOURCE 77: styles/legacy/ui-review-9c90.css ===== */
/* IXRU 9C90 — place team invite action inside the members panel. */

#view-team .team-members-panel-head{
}
#view-team .team-members-panel-head>div{
}
#view-team .team-add-member-btn{
}
/* Old standalone toolbar is removed from markup; neutralise legacy space if a cached fragment appears. */
#view-team .team-toolbar-row{
}
@media(max-width:700px){
  #view-team .team-members-panel-head{
  }
  #view-team .team-add-member-btn{
  }
}

/* ===== FROZEN SOURCE 78: styles/legacy/ui-review-9c91.css ===== */
/* IXRU 9C91 — add a small visual gap between team KPI cards and members content. */
#view-team .team-kpis-standalone{
}

/* ===== FROZEN SOURCE 79: styles/legacy/ui-review-9c92.css ===== */
/* IXRU 9C92 — one disclosure chevron across the whole product. */

:root{
  --ixru-disclosure-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.25 7 7.25 12 2.25' fill='none' stroke='%23475467' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Native dropdowns: remove browser/OS-specific triangles and use one IXRU chevron. */
:where(select:not([multiple]):not([size])){
  -webkit-appearance:none!important;
  appearance:none!important;
  background-image:var(--ixru-disclosure-chevron)!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:14px 10px!important;
  padding-right:36px!important;
}
:where(select:not([multiple]):not([size]))::-ms-expand{display:none!important;}

/* Period/date range buttons use exactly the same icon. */
.range-trigger::after{
  content:""!important;
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  width:14px!important;
  height:10px!important;
  margin:0!important;
  background-image:var(--ixru-disclosure-chevron)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 10px!important;
  color:transparent!important;
  transform:translateY(-50%)!important;
  transform-origin:center!important;
  transition:transform .16s ease!important;
  pointer-events:none!important;
}
.range-field.open .range-trigger::after{
  transform:translateY(-50%) rotate(180deg)!important;
}

/* Searchable dropdowns (for example expense type) use the same chevron. */
.searchable-select::after{
  content:""!important;
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  width:14px!important;
  height:10px!important;
  margin:0!important;
  background-image:var(--ixru-disclosure-chevron)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 10px!important;
  color:transparent!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
.searchable-select:focus-within::after{
  opacity:.9!important;
}

/* Collapsible panels: replace text glyphs with the same SVG chevron. */
.search-visibility-panel>summary>i[aria-hidden="true"],
.cost-import-panel>summary>i[aria-hidden="true"],
.api-instruction-details>summary>i[aria-hidden="true"],
.team-audit-details>summary>span[aria-hidden="true"]{
  flex:0 0 auto!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:0!important;
  background-image:var(--ixru-disclosure-chevron)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 10px!important;
  transform:none!important;
  transform-origin:center!important;
  transition:transform .16s ease!important;
}
.search-visibility-panel[open]>summary>i[aria-hidden="true"],
.cost-import-panel[open]>summary>i[aria-hidden="true"],
.api-instruction-details[open]>summary>i[aria-hidden="true"],
.team-audit-details[open]>summary>span[aria-hidden="true"]{
  transform:rotate(180deg)!important;
}

/* Reserve report importer previously used the browser-native disclosure marker. */
.reserve-import-panel details>summary{
  position:relative!important;
  list-style:none!important;
  padding-right:34px!important;
}
.reserve-import-panel details>summary::-webkit-details-marker{display:none!important;}
.reserve-import-panel details>summary::after{
  content:""!important;
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  width:14px!important;
  height:10px!important;
  background-image:var(--ixru-disclosure-chevron)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 10px!important;
  transform:translateY(-50%)!important;
  transform-origin:center!important;
  transition:transform .16s ease!important;
}
.reserve-import-panel details[open]>summary::after{
  transform:translateY(-50%) rotate(180deg)!important;
}

/* Planning explanation used +/-; it is a disclosure control too, so use the common chevron. */
.planning-method-details summary:after{
  content:""!important;
  float:none!important;
  display:inline-block!important;
  width:14px!important;
  height:10px!important;
  margin-left:10px!important;
  background-image:var(--ixru-disclosure-chevron)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 10px!important;
  vertical-align:middle!important;
  transform:none!important;
  transition:transform .16s ease!important;
}
.planning-method-details[open] summary:after{
  content:""!important;
  transform:rotate(180deg)!important;
}

/* Compact selects still keep enough room for the shared arrow. */
.table-pagination select{
}
.topbar-selector select{
  padding-right:26px!important;
  background-position:right 7px center!important;
  background-size:12px 9px!important;
}

/* ===== FROZEN SOURCE 80: styles/legacy/ui-review-9c93.css ===== */
/* Relocated to structured ownership: product-detail-page-phase28. */

/* ===== FROZEN SOURCE 81: styles/legacy/ui-review-9c94.css ===== */
/* Relocated to structured ownership: summary-final-page-phase29. */

/* ===== FROZEN SOURCE 82: styles/legacy/ui-review-9c95.css ===== */
/* Relocated to structured ownership: summary-orders-final-phase29-30. */
/* ===== END SOURCE 01: styles/generated/legacy-base-pruned.css ===== */

/* ===== BEGIN SOURCE 02: styles/tokens/core.css ===== */
/* IXRU canonical design tokens — introduced in 9C103.
   This layer is appended after the frozen legacy cascade.
   Values intentionally match the effective 9C102 UI, so the migration is visually neutral. */
:root {
  /* Semantic colors */
  --ixru-color-canvas:#f6f7fb;
  --ixru-color-surface:#fff;
  --ixru-color-text:#1d2939;
  --ixru-color-text-strong:#344054;
  --ixru-color-text-secondary:#475467;
  --ixru-color-muted:#667085;
  --ixru-color-border:#e4e7ec;
  --ixru-color-border-strong:#d0d5dd;
  --ixru-color-border-subtle:#eaecf0;
  --ixru-color-accent:#5b4ce6;
  --ixru-color-accent-hover:#4f40d8;
  --ixru-color-accent-disabled:#5a4bd8;
  --ixru-color-accent-strong:#5144ca;
  --ixru-color-accent-soft:#f2f0ff;
  --ixru-color-accent-soft-hover:#faf9ff;
  --ixru-color-accent-border-soft:#b8b2ef;
  --ixru-color-success:#067647;
  --ixru-color-warning:#b54708;
  --ixru-color-danger:#b42318;

  /* Typography */
  --ixru-font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ixru-font-size-title:24px;
  --ixru-font-size-section:16px;
  --ixru-font-size-body:14px;
  --ixru-font-size-table:13px;
  --ixru-font-size-caption:12px;
  --ixru-font-weight-regular:400;
  --ixru-font-weight-medium:500;
  --ixru-font-weight-semibold:600;

  /* Current control rhythm — names are intentionally new to avoid changing legacy radius variables. */
  --ixru-control-height-md:42px;
  --ixru-control-height-context:44px;
  --ixru-control-height-action:58px;
  --ixru-radius-ui-control:10px;

  /* Canonical control palette — extracted from the stable filter/action rhythm. */
  --ixru-color-control-text:#263044;
  --ixru-color-control-border:#d5dae4;
  --ixru-color-placeholder:#98a2b3;
  --ixru-color-accent-focus:#8e83f4;
  --ixru-color-accent-icon:#7568ec;
  --ixru-color-accent-action-border:#9e96ee;
  --ixru-color-accent-action-text:#493dbd;
  --ixru-color-accent-action-active-border:#8d82eb;
  --ixru-color-accent-action-active-bg:#f4f1ff;

  /* Accent interaction primitives */
  --ixru-focus-accent:rgba(91,76,230,.28);
  --ixru-shadow-accent:0 5px 14px rgba(91,76,230,.18);
  --ixru-shadow-accent-hover:0 7px 18px rgba(91,76,230,.24);
  --ixru-shadow-control-hover:0 6px 16px rgba(16,24,40,.10);
  --ixru-shadow-control-active:0 2px 7px rgba(16,24,40,.08);
  --ixru-focus-filter:rgba(91,76,230,.10);
  --ixru-focus-action:rgba(91,76,230,.25);

  /* Canonical table shell palette — extracted without changing the 9C114 visual. */
  --ixru-table-surface:#fff;
  --ixru-table-head:#f5f6fa;
  --ixru-table-head-legacy:#f3f4f8;
  --ixru-table-border:#e2e5ec;
  --ixru-table-head-border-top:#e2e6ed;
  --ixru-table-head-border-bottom:#dfe4ec;
  --ixru-table-divider-head:#e8eaf0;
  --ixru-table-divider-body:#f0f1f3;
  --ixru-table-row-border:#eaecf0;
  --ixru-table-body-border:#eceef3;
  --ixru-table-body-text:#344054;
  --ixru-table-body-font-size:11.75px;
  --ixru-table-body-line-height:1.35;
  --ixru-table-row-hover:#fafaff;

  /* Canonical table pagination palette — extracted in 9C121. */
  --ixru-table-pagination-surface:#fafbfc;
  --ixru-table-pagination-text:#667085;
  --ixru-table-pagination-strong:#344054;
  --ixru-table-pagination-button:#475467;
  --ixru-table-pagination-hover-border:#9188eb;

  /* Canonical smart-table interaction palette — extracted in 9C119. */
  --ixru-table-interaction-grip:#a4aabb;
  --ixru-table-interaction-resizer:#d8dde7;
  --ixru-table-interaction-resizer-active:#7768e9;
  --ixru-table-interaction-drop:#6255df;
  --ixru-table-interaction-drop-ring:rgba(98,85,223,.12);

  /* Compatibility bridge. These aliases preserve the exact effective 9C102 values
     while making the canonical --ixru-* namespace the source of truth. */
  --bg:var(--ixru-color-canvas);
  --panel:var(--ixru-color-surface);
  --text:var(--ixru-color-text);
  --muted:var(--ixru-color-muted);
  --line:var(--ixru-color-border);
  --line-strong:var(--ixru-color-border-strong);
  --brand:var(--ixru-color-accent);
  --good:var(--ixru-color-success);
  --warn:var(--ixru-color-warning);
  --bad:var(--ixru-color-danger);

  --ui-bg:var(--ixru-color-canvas);
  --ui-surface:var(--ixru-color-surface);
  --ui-text:var(--ixru-color-text);
  --ui-muted:var(--ixru-color-muted);
  --ui-line:var(--ixru-color-border);
  --ui-line-strong:var(--ixru-color-border-strong);
  --ui-brand:var(--ixru-color-accent);
  --ui-brand-soft:var(--ixru-color-accent-soft);
  --ui-font:var(--ixru-font-ui);
  --ui-title:var(--ixru-font-size-title);
  --ui-section-title:var(--ixru-font-size-section);
  --ui-body:var(--ixru-font-size-body);
  --ui-table:var(--ixru-font-size-table);
  --ui-caption:var(--ixru-font-size-caption);
  --ui-weight-regular:var(--ixru-font-weight-regular);
  --ui-weight-medium:var(--ixru-font-weight-medium);
  --ui-weight-semibold:var(--ixru-font-weight-semibold);
}
/* ===== END SOURCE 02: styles/tokens/core.css ===== */

/* ===== BEGIN SOURCE 03: styles/components/buttons.css ===== */
/* IXRU canonical button primitives — introduced in 9C104.
   These rules reproduce the established post-9C53 control geometry; no redesign intended. */

.main .ixru-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transform:none!important;
}
.main .ixru-button--md{
  height:var(--ixru-control-height-md)!important;
  min-height:var(--ixru-control-height-md)!important;
  max-height:var(--ixru-control-height-md)!important;
}
.main .ixru-button--action{
  height:var(--ixru-control-height-action)!important;
  min-height:var(--ixru-control-height-action)!important;
  max-height:var(--ixru-control-height-action)!important;
  padding:0 16px!important;
}
.main .ixru-button--secondary{
  border:1px solid var(--ixru-color-border-strong)!important;
  background:var(--ixru-color-surface)!important;
  color:var(--ixru-color-text-secondary)!important;
  box-shadow:none!important;
}
.main .ixru-button.ixru-button--accent:not(.ixru-button--secondary){
  border:1px solid var(--ixru-color-accent)!important;
  background:var(--ixru-color-accent)!important;
  color:var(--ixru-color-surface)!important;
  box-shadow:none!important;
}
.main .ixru-button.ixru-button--accent:disabled{
  border:0!important;
  background:var(--ixru-color-accent-disabled)!important;
}

/* Shared 150px filter action family (Reset / CSV). */
.main .ixru-filter-action{
  align-self:flex-end!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  padding:0 15px!important;
  border-color:var(--ixru-color-control-border)!important;
  font-weight:var(--ixru-font-weight-medium)!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.main .ixru-filter-action.ixru-button--accent{
  font-weight:var(--ixru-font-weight-semibold)!important;
}
.main .ixru-filter-action.filter-reset-btn>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
}
.main .ixru-filter-action.filter-reset-btn>span:first-child{
  color:var(--ixru-color-accent-icon)!important;
  font-size:16px!important;
  font-weight:var(--ixru-font-weight-regular)!important;
}

@media (hover:hover) and (pointer:fine){
  .main .ixru-filter-action.ixru-button--secondary:not(:disabled):hover{
    border-color:var(--ixru-color-accent-action-border)!important;
    background:var(--ixru-color-accent-soft-hover)!important;
    color:var(--ixru-color-accent-action-text)!important;
    box-shadow:var(--ixru-shadow-control-hover)!important;
    transform:none!important;
  }
  .main .ixru-button--action.ixru-button--secondary:not(:disabled):hover{
    border-color:var(--ixru-color-accent-border-soft)!important;
    background:var(--ixru-color-accent-soft-hover)!important;
    color:var(--ixru-color-accent-strong)!important;
  }
}
.main .ixru-filter-action.filter-reset-btn.ixru-button--secondary:not(:disabled):active{
  border-color:var(--ixru-color-accent-action-active-border)!important;
  background:var(--ixru-color-accent-action-active-bg)!important;
  box-shadow:var(--ixru-shadow-control-active)!important;
  transform:none!important;
}
.main .ixru-filter-action:focus-visible{
  outline:2px solid var(--ixru-focus-action)!important;
  outline-offset:2px!important;
}
@media(prefers-reduced-motion:reduce){
  .main .ixru-button{transition:none!important}
}
/* ===== END SOURCE 03: styles/components/buttons.css ===== */

/* ===== BEGIN SOURCE 04: styles/components/form-controls.css ===== */
/* IXRU canonical form-control primitives — introduced in 9C104.
   Initial migration covers the structured Costs workflow while legacy screens remain frozen. */

.main .ixru-field-control{
  width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  background-color:var(--ixru-color-surface)!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
}
.main .ixru-field-control--filter{
  height:var(--ixru-control-height-md)!important;
  min-height:var(--ixru-control-height-md)!important;
  max-height:var(--ixru-control-height-md)!important;
  padding:0 14px!important;
  border:1px solid var(--ixru-color-control-border)!important;
  color:var(--ixru-color-control-text)!important;
  box-shadow:none!important;
  font-weight:var(--ixru-font-weight-medium)!important;
  line-height:1.2!important;
}
.main input.ixru-field-control--filter::placeholder{
  color:var(--ixru-color-placeholder)!important;
  font:var(--ixru-font-weight-regular) var(--ixru-font-size-body)/1.2 inherit!important;
  opacity:1!important;
}
@media (hover:hover) and (pointer:fine){
  .main .ixru-field-control--filter:hover{
    border-color:var(--ixru-color-accent-border-soft)!important;
  }
}
.main .ixru-field-control--filter:focus,
.main .ixru-field-control--filter:focus-visible{
  border-color:var(--ixru-color-accent-focus)!important;
  box-shadow:0 0 0 3px var(--ixru-focus-filter)!important;
  outline:0!important;
}

.main .ixru-field-control--context{
  height:var(--ixru-control-height-context)!important;
  min-height:var(--ixru-control-height-context)!important;
  max-height:var(--ixru-control-height-context)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border:1px solid var(--ixru-color-border-strong)!important;
  color:var(--ixru-color-text-strong)!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
}
/* ===== END SOURCE 04: styles/components/form-controls.css ===== */

/* ===== BEGIN SOURCE 05: styles/components/filter-layout.css ===== */
/* IXRU canonical filter root layout — 9C108.
   Phase 2 transfers only top-level filter-bar geometry out of the frozen legacy cascade.
   Child field/action widths stay in legacy for now; surface colors/borders are untouched. */

/* Summary */
#view-summary>.summary-control-toolbar.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  min-height:70px!important;
  margin:0!important;
  padding:14px 16px!important;
}

/* Orders search row. */
#view-orders .orders-filter-panel>.orders-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
}

/* Stocks */
#view-stocks .stocks-filter-panel>.stocks-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Supplies */
#view-supplies .supplies-filter-panel>.supplies-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:grid!important;
  grid-template-columns:minmax(210px,.9fr) minmax(300px,1.45fr) 150px 150px!important;
  align-items:end!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Replenishment keeps visible labels, but its container uses the same ownership model. */
#view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:grid!important;
  grid-template-columns:minmax(150px,.8fr) minmax(190px,1fr) minmax(170px,.9fr) minmax(220px,1.15fr) minmax(260px,1.35fr)!important;
  align-items:end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}

/* Advertising */
#view-advertising .ad-filter-panel>.ad-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:grid!important;
  grid-template-columns:minmax(250px,1.15fr) minmax(190px,.8fr) minmax(230px,1fr) 150px 150px!important;
  align-items:flex-end!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#view-advertising.ad-products-mode .ad-filter-panel>.ad-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  grid-template-columns:minmax(250px,1.2fr) minmax(250px,1fr) 150px 150px!important;
}

/* Growth / funnel */
#view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:grid!important;
  grid-template-columns:minmax(260px,1.15fr) minmax(210px,.86fr) minmax(250px,1fr) 150px 150px!important;
  align-items:end!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}

/* Product catalogue */
#view-products .product-filter-bar .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Costs: final column sizing stays in pages/costs.css; component owns the container contract. */
#productsPaneCosts .costs-filter-panel>.costs-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:grid!important;
  align-items:flex-end!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Expenses */
#view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:flex!important;
  flex-wrap:nowrap!important;
  grid-template-columns:minmax(190px,1.05fr) minmax(170px,.85fr) minmax(165px,.8fr) minmax(180px,.9fr) minmax(220px,1.15fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Financial reports */
#view-reports .reports-filter-panel>.reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:minmax(190px,1fr) minmax(170px,.7fr) minmax(220px,1.2fr) auto auto!important;
  align-items:flex-end!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Data quality */
#view-control .control-filter-panel .control-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  display:grid!important;
  grid-template-columns:minmax(170px,.72fr) minmax(240px,1fr) minmax(300px,1.45fr) 150px 150px!important;
  align-items:end!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Responsive geometry copied from the 9C107 winning cascade. */
@media(max-width:1320px){
  #view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{flex-wrap:wrap!important;}
}
@media(max-width:1250px){
  #view-advertising .ad-filter-panel>.ad-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-advertising.ad-products-mode .ad-filter-panel>.ad-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1180px){
  #view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-control .control-filter-panel .control-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:1180px){
  /* Balanced 3 + 2 layout: the second row fills the whole filter panel instead of leaving an empty third slot. */
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label:nth-child(-n+3){grid-column:span 2!important;}
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label:nth-child(n+4){grid-column:span 3!important;}
}
@media(max-width:820px){
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label{grid-column:auto!important;}
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label:last-child{grid-column:1 / -1!important;}
}
@media(max-width:1050px){
  #view-supplies .supplies-filter-panel>.supplies-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  #view-orders .orders-filter-panel>.orders-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1050px){
  #view-reports .reports-filter-panel>.reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  #view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  #view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-reports .reports-filter-panel>.reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  #view-summary>.summary-control-toolbar.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:12px!important;
  }
  #view-orders .orders-filter-panel>.orders-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-stocks .stocks-filter-panel>.stocks-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-advertising .ad-filter-panel>.ad-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-advertising.ad-products-mode .ad-filter-panel>.ad-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-control .control-filter-panel .control-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:1fr!important;
  }
  #view-orders .orders-filter-panel>.orders-filters.ixru-filter-bar[data-ixru-filter-owned="true"],
  #view-stocks .stocks-filter-panel>.stocks-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:grid!important;
    gap:8px!important;
  }
}
@media(max-width:600px){
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{grid-template-columns:1fr!important;}
  #view-planning .planning-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label{grid-column:auto!important;}
}
@media(max-width:620px){
  #view-supplies .supplies-filter-panel>.supplies-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}
/* ===== END SOURCE 05: styles/components/filter-layout.css ===== */

/* ===== BEGIN SOURCE 06: styles/components/filter-fields.css ===== */
/* IXRU canonical filter field sizing — 9C109.
   Phase 3 owns wrapper widths/flex/order only. Visual controls stay in filters.css;
   root bar geometry stays in filter-layout.css. Values mirror the 9C108 winning cascade. */

/* Shared wrapper floor for canonical bars. */
:is(#view-orders,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control)
  .filters.ixru-filter-bar[data-ixru-filter-owned="true"] > :is(label,.range-field){
  min-width:0!important;
}

/* Summary */
#view-summary>.summary-control-toolbar.ixru-filter-bar[data-ixru-filter-owned="true"]>.range-field{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:320px!important;
}
#view-summary>.summary-control-toolbar.ixru-filter-bar[data-ixru-filter-owned="true"]>#openSummaryWidgets{min-width:184px!important;}
#view-summary>.summary-control-toolbar.ixru-filter-bar[data-ixru-filter-owned="true"]>#openAllSummaryMetrics{min-width:166px!important;}

/* Stocks uses flexible equal-width field wrappers. */
#view-stocks .stocks-filter-panel>.stocks-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label{
  flex:1 1 230px!important;
  min-width:210px!important;
}

/* Growth keeps the established semantic order while the grid owns column widths. */
#view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>:is(.growth-range-field,.growth-status-field,.growth-search-field,.growth-cabinet-field){
  width:100%!important;
  min-width:0!important;
}
#view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.growth-range-field{order:1!important;}
#view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.growth-status-field{order:2!important;}
#view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.growth-search-field{order:3!important;}
#view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.growth-filter-export{order:4!important;}
#view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.growth-cabinet-field{order:6!important;}

/* Products remains a flex family on desktop. */
#view-products .product-filter-bar .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.range-field{
  flex:1 1 230px!important;
  width:100%!important;
  min-width:0!important;
}
#view-products .product-filter-bar .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.local-cabinet-filter{
  flex:1 1 180px!important;
  width:100%!important;
  min-width:0!important;
}
#view-products .product-filter-bar .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.products-status-filter{
  flex:1 1 205px!important;
  width:100%!important;
  min-width:0!important;
}
#view-products .product-filter-bar .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.products-search{
  flex:1.35 1 280px!important;
  width:100%!important;
  min-width:0!important;
}

/* Expenses */
#view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.expense-filter-range{flex:1.25 1 250px!important;min-width:0!important;}
#view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.expense-filter-cabinet{flex:.9 1 175px!important;min-width:0!important;}
#view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.expense-filter-article{flex:1 1 195px!important;min-width:0!important;}
#view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.expense-filter-accounting{flex:1 1 205px!important;min-width:0!important;}

/* Reports */
#view-reports .reports-filter-panel>.reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.report-filter-range{flex:1 1 250px!important;min-width:0!important;}
#view-reports .reports-filter-panel>.reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.report-filter-select{flex:1 1 180px!important;min-width:0!important;}
#view-reports .reports-filter-panel>.reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.report-filter-search{flex:1.25 1 300px!important;min-width:0!important;}

/* Grid-based bars: the bar owns columns; wrappers simply fill the track. */
:is(#view-supplies,#view-planning,#view-advertising,#view-growth,#view-control)
  .filters.ixru-filter-bar[data-ixru-filter-owned="true"] > :is(label,.range-field){
  min-width:0!important;
}

@media(max-width:1180px){
  #view-reports .reports-filter-panel>.reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>:is(.report-filter-range,.report-filter-select,.report-filter-search){
    flex:1 1 calc(50% - 10px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}

@media(max-width:760px){
  #view-summary>.summary-control-toolbar.ixru-filter-bar[data-ixru-filter-owned="true"]>.range-field{
    width:100%!important;
    min-width:0!important;
  }
  #view-stocks .stocks-filter-panel>.stocks-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex-basis:auto!important;
  }
}

@media(max-width:700px){
  #view-products .product-filter-bar .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.range-field{
    flex:1 1 100%!important;
    width:100%!important;
  }
}

/* Parity guards for legacy responsive specificity. */
@media(max-width:1320px){
  #view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>*{
    width:auto!important;
    min-width:180px!important;
    max-width:none!important;
  }
}
@media(max-width:900px){
  #view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>*{
    min-width:0!important;
  }
}
@media(max-width:620px){
  #view-expenses .expenses-filter-panel .expenses-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.ixru-filter-primary-action{
    width:100%!important;
  }
}
@media(max-width:760px){
  #view-summary>.summary-control-toolbar.ixru-filter-bar[data-ixru-filter-owned="true"]>.local-cabinet-filter{
    width:100%!important;
    min-width:0!important;
  }
  #view-advertising .ad-filter-panel>.ad-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>.range-field{
    width:100%!important;
    min-width:0!important;
  }
  #view-growth .growth-filter-panel>.growth-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>*,
  #view-control .control-filter-panel .control-filters.ixru-filter-bar[data-ixru-filter-owned="true"]>*{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* 9D25 — manual range entry inside the existing calendar popover.
   The original date inputs are reused, so min/max constraints and range state
   remain the same source of truth as calendar clicks. */
.range-popover .range-manual-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px 9px!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:9px 10px!important;
  border:1px solid #e6e8ef!important;
  border-radius:11px!important;
  background:#fafbfc!important;
}
.range-popover .range-manual-title{
  grid-column:1/-1!important;
  color:#667085!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.range-popover .range-manual-fields>label{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
  color:#667085!important;
  font-size:10.5px!important;
  font-weight:600!important;
}
.range-popover .range-manual-fields input[type="date"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:12px!important;
}
@media(max-width:420px){
  .range-popover .range-manual-fields{grid-template-columns:1fr!important;}
  .range-popover .range-manual-title{grid-column:1!important;}
}
/* ===== END SOURCE 06: styles/components/filter-fields.css ===== */

/* ===== BEGIN SOURCE 07: styles/components/filters.css ===== */
/* IXRU canonical filter family — introduced in 9C105 and expanded in 9C106.
   Owned filter bars share the same 42px field/button rhythm while page CSS keeps layout only.
   9C106 adds Summary, Orders and labeled Replenishment variants and restores native [hidden] semantics.
   The ownership attributes provide enough specificity to supersede frozen ID-based legacy rules without editing them. */

:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
  --ixru-filter-height:var(--ixru-control-height-md);
}

/* Search, select and period trigger share one visual contract. */
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(input[type="search"],input[type="text"],input[type="date"],select,.range-trigger),
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .searchable-select>input[type="search"]{
  height:var(--ixru-filter-height)!important;
  min-height:var(--ixru-filter-height)!important;
  max-height:var(--ixru-filter-height)!important;
  box-sizing:border-box!important;
  margin:0!important;
  border:1px solid var(--ixru-color-control-border)!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  background-color:var(--ixru-color-surface)!important;
  color:var(--ixru-color-control-text)!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  font-weight:var(--ixru-font-weight-medium)!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(input[type="search"],input[type="text"]),
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .searchable-select>input[type="search"]{
  padding:0 14px!important;
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] select{
  padding:0 36px 0 14px!important;
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .range-trigger{
  position:relative!important;
  padding:0 36px 0 14px!important;
  text-align:left!important;
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(input[type="search"],input[type="text"])::placeholder,
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .searchable-select>input[type="search"]::placeholder{
  color:var(--ixru-color-placeholder)!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  font-weight:var(--ixru-font-weight-regular)!important;
  line-height:1.2!important;
  opacity:1!important;
}
@media (hover:hover) and (pointer:fine){
  :is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(input[type="search"],input[type="text"],input[type="date"],select,.range-trigger):hover,
  :is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .searchable-select>input[type="search"]:hover{
    border-color:var(--ixru-color-accent-border-soft)!important;
  }
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(input[type="search"],input[type="text"],input[type="date"],select,.range-trigger):focus,
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(input[type="search"],input[type="text"],input[type="date"],select,.range-trigger):focus-visible,
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .searchable-select>input[type="search"]:focus,
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .searchable-select>input[type="search"]:focus-visible{
  border-color:var(--ixru-color-accent-focus)!important;
  box-shadow:0 0 0 3px var(--ixru-focus-filter)!important;
  outline:0!important;
}

/* Reset and CSV are one secondary action family. */
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(.filter-reset-btn,.filter-export-btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:end!important;
  gap:7px!important;
  height:var(--ixru-filter-height)!important;
  min-height:var(--ixru-filter-height)!important;
  max-height:var(--ixru-filter-height)!important;
  box-sizing:border-box!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid var(--ixru-color-control-border)!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  background:var(--ixru-color-surface)!important;
  color:var(--ixru-color-text-secondary)!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  font-weight:var(--ixru-font-weight-medium)!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transform:none!important;
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .filter-reset-btn>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .filter-reset-btn>span:first-child{
  color:var(--ixru-color-accent-icon)!important;
  font-size:16px!important;
  font-weight:var(--ixru-font-weight-regular)!important;
}
@media (hover:hover) and (pointer:fine){
  :is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(.filter-reset-btn,.filter-export-btn):not(:disabled):hover{
    border-color:var(--ixru-color-accent-action-border)!important;
    background:var(--ixru-color-accent-soft-hover)!important;
    color:var(--ixru-color-accent-action-text)!important;
    box-shadow:var(--ixru-shadow-control-hover)!important;
  }
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .filter-reset-btn:not(:disabled):active{
  border-color:var(--ixru-color-accent-action-active-border)!important;
  background:var(--ixru-color-accent-action-active-bg)!important;
  box-shadow:var(--ixru-shadow-control-active)!important;
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(.filter-reset-btn,.filter-export-btn):focus-visible{
  outline:2px solid var(--ixru-focus-action)!important;
  outline-offset:2px!important;
}

/* Primary action inside a filter bar: same geometry, stronger emphasis. */
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .ixru-filter-primary-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:end!important;
  height:var(--ixru-filter-height)!important;
  min-height:var(--ixru-filter-height)!important;
  max-height:var(--ixru-filter-height)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid var(--ixru-color-accent)!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  background:var(--ixru-color-accent)!important;
  color:var(--ixru-color-surface)!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transform:none!important;
}
@media (hover:hover) and (pointer:fine){
  :is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .ixru-filter-primary-action:not(:disabled):hover{
    border-color:var(--ixru-color-accent-hover)!important;
    background:var(--ixru-color-accent-hover)!important;
  }
}
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .ixru-filter-primary-action:focus-visible{
  outline:2px solid var(--ixru-focus-accent)!important;
  outline-offset:2px!important;
}

/* Existing page grids remain responsible for responsive widths; only normalize action stretching. */
@media(max-width:900px){
  :is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(.filter-reset-btn,.filter-export-btn,.ixru-filter-primary-action){
    max-width:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  :is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] :is(.filter-reset-btn,.filter-export-btn,.ixru-filter-primary-action){transition:none!important}
}

/* 9C107: compact label geometry is now canonical too. Screen-reader captions remain in the DOM,
   while visible-label replenishment keeps its explicit modifier below. */
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"]>label{
  gap:0!important;
  padding-top:0!important;
}

/* 9C106: visible labels are a supported modifier, not a separate filter system. */
#view-planning .filters.ixru-filter-bar.ixru-filter-bar--labeled[data-ixru-filter-owned="true"]>label{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
}
#view-planning .filters.ixru-filter-bar.ixru-filter-bar--labeled[data-ixru-filter-owned="true"] .ixru-filter-label{
  display:block!important;
  margin:0!important;
  color:var(--ixru-color-muted)!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
  line-height:1.2!important;
}
#view-planning .filters.ixru-filter-bar.ixru-filter-bar--labeled[data-ixru-filter-owned="true"] input[type="date"]{
  padding:0 14px!important;
}

/* Summary uses the same field rhythm; its two configuration actions retain their established widths. */
#view-summary .filters.ixru-filter-bar[data-ixru-filter-owned="true"] .ixru-filter-inline-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--ixru-filter-height)!important;
  min-height:var(--ixru-filter-height)!important;
  max-height:var(--ixru-filter-height)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* Orders keeps quick period chips as a deliberate nested control, while both rows use the common 42px rhythm. */
#view-orders .ixru-filter-toolbar[data-ixru-filter-toolbar-owned="true"]{
  --ixru-filter-height:var(--ixru-control-height-md);
}
#view-orders .ixru-filter-toolbar[data-ixru-filter-toolbar-owned="true"] .ixru-filter-quick-periods{
  height:var(--ixru-filter-height)!important;
  min-height:var(--ixru-filter-height)!important;
  max-height:var(--ixru-filter-height)!important;
  box-sizing:border-box!important;
}
#view-orders .ixru-filter-toolbar[data-ixru-filter-toolbar-owned="true"] .ixru-filter-quick-periods .period-chip{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  box-sizing:border-box!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  font-weight:var(--ixru-font-weight-medium)!important;
  line-height:1!important;
}
#view-orders .ixru-filter-actions[data-ixru-filter-actions-owned="true"] :is(.range-trigger,.filter-export-btn){
  height:var(--ixru-control-height-md)!important;
  min-height:var(--ixru-control-height-md)!important;
  max-height:var(--ixru-control-height-md)!important;
  box-sizing:border-box!important;
  margin:0!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  line-height:1.2!important;
}
#view-orders .ixru-filter-actions[data-ixru-filter-actions-owned="true"] .range-trigger{
  font-weight:var(--ixru-font-weight-medium)!important;
}
#view-orders .ixru-filter-actions[data-ixru-filter-actions-owned="true"] .filter-export-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:var(--ixru-font-weight-medium)!important;
}

/* Replenishment footer actions remain in their separate row but consume the same control contract. */
#view-planning .ixru-filter-actions[data-ixru-filter-actions-owned="true"] :is(.filter-reset-btn,.filter-export-btn,.planning-build-btn){
  height:var(--ixru-control-height-md)!important;
  min-height:var(--ixru-control-height-md)!important;
  max-height:var(--ixru-control-height-md)!important;
  box-sizing:border-box!important;
  margin:0!important;
  border-radius:var(--ixru-radius-ui-control)!important;
  font-family:inherit!important;
  font-size:var(--ixru-font-size-body)!important;
  line-height:1.2!important;
}
#view-planning .ixru-filter-actions[data-ixru-filter-actions-owned="true"] :is(.filter-reset-btn,.filter-export-btn){
  font-weight:var(--ixru-font-weight-medium)!important;
}
#view-planning .ixru-filter-actions[data-ixru-filter-actions-owned="true"] :is(.planning-reset-btn,.planning-export-btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:160px!important;
  min-width:160px!important;
  padding:0 15px!important;
  border:1px solid #cfd6e3!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:var(--ixru-font-weight-medium)!important;
  white-space:nowrap!important;
}
#view-planning .ixru-filter-actions[data-ixru-filter-actions-owned="true"] .planning-build-btn{
  font-weight:var(--ixru-font-weight-semibold)!important;
}

/* [hidden] is semantic state. Canonical display rules must never reveal hidden tab-specific controls. */
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"] [hidden],
:is(#view-summary,#view-orders,#view-stocks,#view-supplies,#view-planning,#view-advertising,#view-growth,#view-products,#view-expenses,#view-reports,#view-control) .filters.ixru-filter-bar[data-ixru-filter-owned="true"]>[hidden]{
  display:none!important;
}


/* IXRU 9D42 compact refresh filter bars
   Keep existing visual language. Only desktop density/layout changes. */

@media (min-width:1320px){

  /* Shared desktop geometry for the four affected workspaces. */
  body :is(
    #view-orders .orders-filter-panel,
    #view-stocks .stocks-filter-panel,
    #productsPaneCatalog .product-filter-bar,
    #view-reports .reports-filter-panel
  ){
    padding:10px 12px!important;
  }

  body :is(
    #view-orders .orders-filter-panel,
    #view-stocks .stocks-filter-panel,
    #productsPaneCatalog .product-filter-bar,
    #view-reports .reports-filter-panel
  ) :is(
    input[type="search"],
    input[type="text"],
    input[type="date"],
    select,
    .range-trigger,
    .filter-reset-btn,
    .filter-export-btn
  ){
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    box-sizing:border-box!important;
    font-size:13px!important;
  }


  /* Orders:
     quick period + exact period + refresh + CSV + search on one desktop line. */
  body #view-orders .orders-filter-panel{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }

  body #view-orders .orders-period-toolbar{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
  }

  body #view-orders .orders-period-toolbar .quick-periods{
    flex:0 1 auto!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
  }

  body #view-orders .orders-period-toolbar .period-chip{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }

  body #view-orders .orders-period-actions{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    gap:6px!important;
  }

  body #view-orders .orders-period-actions .compact-range-field{
    width:238px!important;
    min-width:238px!important;
    flex:0 0 238px!important;
  }

  body #view-orders .orders-period-actions .range-trigger{
    width:238px!important;
    min-width:238px!important;
    padding-inline:13px!important;
  }

  body #view-orders #refreshOrdersData{
    width:auto!important;
    min-width:105px!important;
    padding-inline:14px!important;
  }

  body #view-orders #exportOrdersCsv{
    width:auto!important;
    min-width:120px!important;
    padding-inline:14px!important;
  }

  body #view-orders .orders-filter-panel>
    .orders-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:flex!important;
    flex:0 1 340px!important;
    align-items:center!important;
    gap:7px!important;
    width:auto!important;
    min-width:260px!important;
    margin:0!important;
    padding:0!important;
  }

  body #view-orders .orders-filters>label{
    min-width:0!important;
  }

  body #view-orders .orders-filters .orders-search{
    flex:1 1 auto!important;
    min-width:210px!important;
  }


  /* Stocks: all visible filters/actions stay on one line. */
  body #view-stocks .stocks-filter-panel>
    .stocks-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }

  body #view-stocks .stocks-filters>label{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }

  body #view-stocks .stocks-filters>
    :is(.filter-reset-btn,.filter-export-btn){
    flex:0 0 auto!important;
    width:auto!important;
    min-width:108px!important;
    max-width:none!important;
    padding-inline:14px!important;
  }

  body #view-stocks #refreshStocksData{
    min-width:108px!important;
  }


  /* Products: prevent Refresh/CSV from falling onto a second row. */
  body #productsPaneCatalog
    .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.range-field{
    flex:0 1 220px!important;
    width:auto!important;
    min-width:175px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.local-cabinet-filter{
    flex:0 1 175px!important;
    width:auto!important;
    min-width:145px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.products-status-filter{
    flex:0 1 190px!important;
    width:auto!important;
    min-width:155px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.products-search{
    flex:1 1 260px!important;
    width:auto!important;
    min-width:210px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>
    :is(.filter-reset-btn,.filter-export-btn){
    flex:0 0 auto!important;
    width:auto!important;
    min-width:108px!important;
    max-width:none!important;
    padding-inline:13px!important;
  }

  body #productsPaneCatalog #refreshProductsMarket{
    min-width:130px!important;
  }

  body #productsPaneCatalog #exportProductsCsv{
    min-width:118px!important;
  }


  /* Reports: Period | Type | Search | Reset | Refresh | CSV */
  body #view-reports .reports-filter-panel>
    .reports-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }

  body #view-reports .reports-filters>.report-filter-range{
    flex:0 1 230px!important;
    width:auto!important;
    min-width:185px!important;
  }

  body #view-reports .reports-filters>.report-filter-select{
    flex:0 1 175px!important;
    width:auto!important;
    min-width:145px!important;
  }

  body #view-reports .reports-filters>.report-filter-search{
    flex:1 1 280px!important;
    width:auto!important;
    min-width:220px!important;
  }

  body #view-reports .reports-filters>
    :is(.filter-reset-btn,.filter-export-btn){
    flex:0 0 auto!important;
    width:auto!important;
    min-width:108px!important;
    max-width:none!important;
    padding-inline:13px!important;
  }

  body #view-reports #refreshReportsApiBtn{
    min-width:108px!important;
  }

  body #view-reports #exportReportsCsv{
    min-width:118px!important;
  }
}


/* Once the Stocks explanation was removed, do not leave an empty footer. */
#view-stocks .workspace-filter-footer:has(#stocksMeta:empty){
  display:none!important;
}


/* IXRU 9D42A products filter one row
   Products only. Other workspaces deliberately untouched. */

@media (min-width:1100px){

  body #productsPaneCatalog
    .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.range-field{
    flex:0 1 190px!important;
    width:auto!important;
    min-width:150px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.local-cabinet-filter{
    flex:0 1 150px!important;
    width:auto!important;
    min-width:130px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.products-status-filter{
    flex:0 1 160px!important;
    width:auto!important;
    min-width:140px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.products-search{
    flex:1 1 220px!important;
    width:auto!important;
    min-width:170px!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>
    :is(.filter-reset-btn,.filter-export-btn){
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding-inline:11px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }

  body #productsPaneCatalog
    .product-analytics-filters>.filter-reset-btn{
    min-width:100px!important;
  }

  body #productsPaneCatalog
    #refreshProductsMarket{
    min-width:118px!important;
  }

  body #productsPaneCatalog
    #exportProductsCsv{
    min-width:104px!important;
  }

}


/* IXRU 9D42B products hard one-row grid
   Product Economy filter only. No other workspace is affected. */

@media (min-width:900px){

  html body #view-products #productsPaneCatalog
  .product-filter-bar>
  .product-analytics-filters.ixru-filter-bar[data-ixru-filter-owned="true"]{
    display:grid!important;
    grid-template-columns:
      minmax(145px,.95fr)
      minmax(125px,.82fr)
      minmax(200px,1.35fr)
      max-content
      max-content
      max-content!important;
    grid-auto-flow:row!important;
    grid-auto-rows:44px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  html body #view-products #productsPaneCatalog
  .product-analytics-filters>
  :is(.range-field,label){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  html body #view-products #productsPaneCatalog
  .product-analytics-filters>
  .local-cabinet-filter[hidden]{
    display:none!important;
  }

  html body #view-products #productsPaneCatalog
  .product-analytics-filters
  :is(.range-trigger,select,input[type="search"]){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    box-sizing:border-box!important;
  }

  html body #view-products #productsPaneCatalog
  .product-analytics-filters>
  :is(.filter-reset-btn,.filter-export-btn){
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 14px!important;
    white-space:nowrap!important;
    align-self:center!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }

  html body #view-products #productsPaneCatalog
  #refreshProductsMarket{
    width:136px!important;
    min-width:136px!important;
  }

  html body #view-products #productsPaneCatalog
  #exportProductsCsv{
    width:122px!important;
    min-width:122px!important;
  }

  html body #view-products #productsPaneCatalog
  .filter-reset-btn{
    width:116px!important;
    min-width:116px!important;
  }
}

/* ===== END SOURCE 07: styles/components/filters.css ===== */

/* ===== BEGIN SOURCE 08: styles/components/kpi-layout.css ===== */
/* IXRU 9C110 — canonical KPI layout ownership, phase 1.
   Owns grid geometry and card dimensions for the standard KPI families.
   Visual surfaces, accents and KPI inner typography remain unchanged in legacy
   until the next migration phases. */

/* Operational KPI rows: orders, stocks, supplies and replenishment. */
.operations-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(var(--ixru-operations-kpi-columns,4),minmax(0,1fr))!important;
  gap:10px!important;
}
.operations-kpi-grid>.card{
  min-height:88px!important;
  padding:12px 13px!important;
}

/* Primary analytics rows: advertising and funnel. */
.analytics-primary-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.analytics-primary-cards>.card{
  min-height:92px!important;
  padding:12px 13px!important;
}

/* Compact management KPI rows: advertising products, expenses, reports, control. */
.compact-management-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(176px,1fr))!important;
  gap:10px!important;
}
.compact-management-cards>.card{
  min-height:92px!important;
  padding:13px 14px!important;
}

/* Product analytics and cost coverage KPI rows. */
.product-economy-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.product-economy-cards>.card{
  min-height:88px!important;
  padding:12px 13px!important;
}
.costs-coverage-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(176px,1fr))!important;
  gap:10px!important;
}
.costs-coverage-cards>.card{
  min-height:92px!important;
  padding:13px 14px!important;
}

/* Workspace/team KPIs. */
.team-kpis{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.team-kpis>.card{
  min-height:88px!important;
  padding:12px 13px!important;
}

@media(max-width:900px){
  .operations-kpi-grid,
  .analytics-primary-cards,
  .compact-management-cards,
  .product-economy-cards,
  .costs-coverage-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  .operations-kpi-grid,
  .analytics-primary-cards,
  .compact-management-cards,
  .product-economy-cards,
  .costs-coverage-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .operations-kpi-grid>.card,
  .analytics-primary-cards>.card,
  .compact-management-cards>.card,
  .product-economy-cards>.card,
  .costs-coverage-cards>.card{
    min-height:78px!important;
    padding:10px 11px!important;
  }
  .team-kpis{
    grid-template-columns:1fr!important;
  }
  .team-kpis>.card{
    min-height:72px!important;
  }
}

/* Financial reports historically collapse one step earlier than the other compact KPI rows. */
@media(max-width:620px){
  #reportsCards{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:430px){
  .operations-kpi-grid,
  .analytics-primary-cards,
  .compact-management-cards,
  .product-economy-cards,
  .costs-coverage-cards{
    grid-template-columns:1fr!important;
  }
}
/* ===== END SOURCE 08: styles/components/kpi-layout.css ===== */

/* ===== BEGIN SOURCE 09: styles/components/kpi-shell.css ===== */
/* IXRU 9C111 — canonical KPI shell ownership, phase 2.
   Owns the generic metric-card surface, tone accents, metric header shell,
   icon geometry/paint and hidden glow. Specialized summary/product KPI rules
   remain in legacy and override this low-specificity baseline where needed. */

/* Generic KPI card surface. :where() deliberately keeps specificity at zero so
   specialized legacy contexts retain priority during the staged migration. */
:where(.card.metric-card){
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  align-content:center!important;
  background:#fff!important;
  border:1px solid #e5e7ee!important;
  border-radius:13px!important;
  box-shadow:0 5px 16px rgba(27,35,58,.055)!important;
}

/* Semantic tones. Good/warn/bad are intentionally white with a left status rail;
   info keeps the established soft informational tint. */
.metric-card.good{
  background:#fff!important;
  border-color:#cfeadf!important;
  border-left:3px solid #12b76a!important;
}
.metric-card.warn{
  background:#fff!important;
  border-color:#f0dfbf!important;
  border-left:3px solid #f79009!important;
}
.metric-card.bad{
  background:#fff!important;
  border-color:#efd5d8!important;
  border-left:3px solid #f04438!important;
}
.metric-card.info{
  background:var(--ixru-surface-gradient-info)!important;
  border-color:#dedbf5!important;
}

/* Shared metric header shell. */
:where(.metric-card-top){
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:8px!important;
  min-width:0!important;
  z-index:2!important;
}

/* Metric icon baseline. */
:where(.metric-card-top .metric-icon){
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border:1px solid #e3dfff;
  border-radius:9px!important;
  background:#f4f3ff;
  color:#5b4ce6;
  font-size:14px;
  box-shadow:0 8px 18px rgba(98,85,223,.10);
  transform:none;
  transition:transform .2s ease;
}
:where(.metric-card-top .metric-icon svg){
  width:15px!important;
  height:15px!important;
}
.metric-card.good .metric-icon{
  background:linear-gradient(145deg,#ebfff7,#f8fffc);
  border-color:#b7ebd1;
  color:#079455;
}
.metric-card.warn .metric-icon{
  background:linear-gradient(145deg,#fff7e8,#fffcf5);
  border-color:#fed7aa;
  color:#dc6803;
}
.metric-card.bad .metric-icon{
  background:linear-gradient(145deg,#fff0f0,#fffafa);
  border-color:#fecaca;
  color:#d92d20;
}
.metric-card.info .metric-icon{
  background:linear-gradient(145deg,#edf8ff,#f9fdff);
  border-color:#bae6fd;
  color:#0284c7;
}
.metric-card:hover .metric-icon{
  transform:translateY(-1px) rotate(-2deg);
}

/* Glow remains intentionally hidden, but its legacy computed geometry is kept in
   one canonical place until the markup itself is retired. */
:where(.metric-glow){
  display:none!important;
  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-glow{background:radial-gradient(circle,rgba(15,159,110,.16),rgba(15,159,110,0) 69%)}
.metric-card.warn .metric-glow{background:radial-gradient(circle,rgba(220,104,3,.14),rgba(220,104,3,0) 69%)}
.metric-card.bad .metric-glow{background:radial-gradient(circle,rgba(217,45,32,.13),rgba(217,45,32,0) 69%)}
.metric-card.info .metric-glow{background:radial-gradient(circle,rgba(2,132,199,.13),rgba(2,132,199,0) 69%)}
/* ===== END SOURCE 09: styles/components/kpi-shell.css ===== */

/* ===== BEGIN SOURCE 10: styles/components/kpi-content.css ===== */
/* IXRU 9C113 — canonical KPI content/inner geometry ownership, phase 4.
   This layer owns the remaining generic metric-card dimensions and inner
   geometry. Specialized Summary/product-detail contexts keep their established
   higher-specificity overrides. */


/* Preserve the established metric entrance stagger. */
.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}

/* Card-generator inner geometry. */
.metric-card .label{
  margin:0;
  min-width:0;
  margin-bottom:6px!important;
}
.metric-card .value{
  position:relative;
  z-index:2;
  margin-top:17px;
}
.metric-card-top > .label{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding-right:20px!important;
}

/* KPI help icon: one canonical geometry/paint baseline. */
.metric-card-top .help-tip{
  display:inline-grid!important;
  place-items:center!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d6d3fb!important;
  border-radius:5px!important;
  background:#f7f6ff!important;
  color:#5b50d6!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
}


/* ===== END SOURCE 10: styles/components/kpi-content.css ===== */

/* ===== BEGIN SOURCE 11: styles/components/kpi-typography.css ===== */
/* IXRU 9C112 — canonical KPI typography ownership, phase 3.
   Owns metric-card label/value/supporting-text typography and the established
   size/weight variants used by standard KPI families. Summary/product-detail
   context overrides remain in frozen legacy and retain their higher specificity. */

/* Generic metric-card baseline. These selectors intentionally match the historic
   .metric-card specificity so the structured layer becomes the final owner after
   the generated legacy base without escalating beyond the component itself. */
.metric-card .label{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:var(--ixru-font-weight-regular)!important;
  letter-spacing:.015em!important;
  color:var(--ixru-color-muted)!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.metric-card .value{
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
  letter-spacing:-.018em!important;
  color:var(--ixru-color-text)!important;
  font-variant-numeric:tabular-nums!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.metric-card small,
.metric-card .small-muted{
  font-size:11.5px!important;
  line-height:1.4!important;
  font-weight:var(--ixru-font-weight-regular)!important;
}

/* Inner label-with-tip keeps the established compact title typography. The outer
   .label inherits the generic metric-card baseline above. */
.metric-card-top .label-with-tip{
  font-size:11.25px!important;
  line-height:1.24!important;
  font-weight:var(--ixru-font-weight-regular)!important;
  letter-spacing:.015em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Compact KPI families historically use a smaller numeric value. */
.small-cards .metric-card .value,
.compact-management-cards .metric-card .value{
  font-size:19px!important;
}

/* Operations and product economics use the slightly stronger 21px hierarchy. */
.operations-kpi-grid .metric-card .label,
.product-economy-cards .metric-card .label{
  font-size:11.5px!important;
  font-weight:var(--ixru-font-weight-medium)!important;
}
.operations-kpi-grid .metric-card .value,
.product-economy-cards .metric-card .value{
  font-size:21px!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
}

/* Product labels deliberately keep words intact. */
.product-economy-cards .metric-card .label{
  line-height:1.28!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Team KPI values keep the established 21px hierarchy. */
.team-kpis .metric-card .value{
  font-size:21px!important;
}

@media(max-width:720px){
  .operations-kpi-grid .metric-card .value{
    font-size:19px!important;
  }
}

/* 9C113: product KPI values follow the same compact breakpoint as operational KPIs.
   This removes the ~2–3px height drift visible around the <=720px layout. */
@media(max-width:720px){
  .product-economy-cards .metric-card .value{
    font-size:19px!important;
  }
}
/* ===== END SOURCE 11: styles/components/kpi-typography.css ===== */

/* ===== BEGIN SOURCE 12: styles/components/table-toolbar.css ===== */
/* IXRU 9C114 — canonical smart-table toolbar layout ownership, phase 1.
   Owns only geometry/layout of the smart-table settings strip and its three
   controls. Header/cell/pagination styling stays in frozen legacy for later phases. */

.smart-table-toolbar,
#productsTable>.smart-table-toolbar{
  position:sticky!important;
  left:0!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  min-height:38px!important;
  margin:0 0 10px!important;
  padding:2px 0 0!important;
  overflow:visible!important;
}

.smart-table-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

.table-view-switch{
  display:contents!important;
}

.table-view-switch button,
.table-columns-button,
.table-columns-button.with-preset{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 196px!important;
  width:196px!important;
  min-width:196px!important;
  max-width:196px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0 15px!important;
  transform:none!important;
  box-sizing:border-box!important;
}

.table-columns-button small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  height:22px!important;
  padding:0 7px!important;
}

@media(max-width:700px){
  .smart-table-toolbar,
  #productsTable>.smart-table-toolbar{
    padding-bottom:2px!important;
  }
  .smart-table-controls{
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:max-content!important;
  }
  .table-view-switch button,
  .table-columns-button,
  .table-columns-button.with-preset{
    flex-basis:184px!important;
    width:184px!important;
    min-width:184px!important;
    max-width:184px!important;
  }
}

/* IXRU 9C122 — canonical smart-table toolbar visuals, phase 8.
   This is the effective 9C121 visual contract moved out of active legacy.
   Page-specific planning/mobile visibility overrides remain outside this layer. */
.smart-table-toolbar,
#productsTable>.smart-table-toolbar{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:#697386;
  font-size:11px;
  font-weight:650;
}
.smart-table-controls{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.table-view-switch{
  flex:0 0 auto!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.table-view-switch button,
.table-columns-button,
.table-columns-button.with-preset{
  margin:0!important;
  border:1px solid #d5dae4!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#586579!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:500!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.table-view-switch button:hover,
.table-columns-button:hover,
.table-columns-button.with-preset:hover{
  border-color:#a69ff0!important;
  background:#faf9ff!important;
  color:#493dbd!important;
}
.table-view-switch button.active{
  border-color:#9a91f3!important;
  background:#f0edff!important;
  color:#493bd0!important;
  box-shadow:inset 0 -2px 0 #6e5af1!important;
  font-weight:600!important;
}
.table-columns-button small{
  border:0!important;
  border-radius:999px!important;
  background:#f2f4f7!important;
  color:#667085!important;
  font-size:11.5px!important;
  font-weight:500!important;
}
.table-view-switch button:focus-visible,
.table-columns-button:focus-visible{
  outline:2px solid rgba(91,76,230,.25)!important;
  outline-offset:2px!important;
}
@media (hover:hover) and (pointer:fine){
  .smart-table-controls :is(button,[role="button"]):not(:disabled):hover,
  .smart-table-controls :is(button,[role="button"]):not(:disabled):active{
    transform:none!important;
  }
  .smart-table-controls :is(button,[role="button"]):not(:disabled):hover{
    box-shadow:0 6px 16px rgba(16,24,40,.10)!important;
  }
}
/* ===== END SOURCE 12: styles/components/table-toolbar.css ===== */

/* ===== BEGIN SOURCE 13: styles/components/table-shell.css ===== */
/* IXRU 9C115 — canonical table shell ownership, phase 2.
   Owns the shared scrolling shell and the base table/header/body box model.
   Column widths, semantic alignment, sort controls, pagination and page-specific
   table treatments intentionally remain outside this component. */

.table-wrap,
.smart-scroll-table,
.report-detail-table-wrap,
.panel.table-wrap{
  position:relative;
  width:100%;
  max-width:100%!important;
  overflow:auto!important;
  overscroll-behavior-inline:contain;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
  touch-action:pan-x pan-y;
}

.table-wrap::-webkit-scrollbar,
.report-detail-table-wrap::-webkit-scrollbar,
.smart-scroll-table::-webkit-scrollbar{
  height:9px;
}
.table-wrap::-webkit-scrollbar-thumb,
.report-detail-table-wrap::-webkit-scrollbar-thumb,
.smart-scroll-table::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:999px;
  background:#b8bfcc;
  background-clip:padding-box;
}
.table-wrap::-webkit-scrollbar-track,
.report-detail-table-wrap::-webkit-scrollbar-track,
.smart-scroll-table::-webkit-scrollbar-track{
  background:#f5f6f8;
}

/* Base table surface. Width stays non-important so generated inline column widths
   continue to be authoritative. */
table,
table[data-table-key]{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:var(--ixru-table-surface)!important;
}

/* Generic header shell retained for the few non-smart tables. */
table thead th{
  position:sticky;
  top:0;
  padding:9px 10px!important;
  border-top:1px solid var(--ixru-table-border)!important;
  border-right:1px solid var(--ixru-table-divider-head)!important;
  border-bottom:1px solid var(--ixru-table-border)!important;
  background:var(--ixru-table-head)!important;
  vertical-align:middle!important;
}
table thead th:first-child{
  border-left:1px solid var(--ixru-table-border)!important;
  border-top-left-radius:7px!important;
}
table thead th:last-child{
  border-top-right-radius:7px!important;
}

/* Shared smart-table header shell. Body/cell density remains in legacy for phase 3. */
table[data-table-key] thead th{
  position:sticky!important;
  top:0;
  z-index:4;
  min-height:48px!important;
  padding:12px 14px!important;
  overflow:visible!important;
  border-top:1px solid var(--ixru-table-head-border-top)!important;
  border-right:1px solid var(--ixru-table-divider-head)!important;
  border-bottom:1px solid var(--ixru-table-head-border-bottom)!important;
  background:var(--ixru-table-head)!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}


table[data-table-key] tbody tr:hover td{
  background:var(--ixru-table-row-hover)!important;
}
/* ===== END SOURCE 13: styles/components/table-shell.css ===== */

/* ===== BEGIN SOURCE 14: styles/components/table-body.css ===== */
/* IXRU 9C116 — canonical table body ownership, phase 3.
   Owns shared body-cell density, semantic alignment and the neutral row transition.
   Compact report density, mobile card layouts, page-specific cells and column sizing
   intentionally remain in legacy and continue to override this generic contract. */

table tbody td{
  padding:8px 10px!important;
  border-bottom:1px solid var(--ixru-table-body-border)!important;
  color:var(--ixru-table-body-text)!important;
  background:var(--ixru-table-surface)!important;
  font-size:var(--ixru-table-body-font-size)!important;
  font-weight:var(--ixru-font-weight-regular)!important;
  line-height:var(--ixru-table-body-line-height)!important;
  vertical-align:middle!important;
  text-align:left!important;
}

/* Smart tables share the same regular body weight. Kept explicit as a stable
   contract because some legacy table families set weight at the table level. */
table[data-table-key] tbody td{
  font-weight:var(--ixru-font-weight-regular)!important;
}

tbody tr{
  transition:background-color .14s ease;
}

table tbody td.table-cell-wrap{
  text-align:left!important;
}
table tbody td.num{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
table tbody td.table-cell-center,
table tbody td.table-cell-id,
table tbody td.table-cell-actions{
  text-align:center!important;
}
table tbody td.table-cell-center .pill,
table tbody td.table-cell-actions button,
table tbody td.table-cell-actions .btn{
  margin-inline:auto!important;
}
table tbody td b{
  font-weight:var(--ixru-font-weight-medium)!important;
}
/* ===== END SOURCE 14: styles/components/table-body.css ===== */

/* ===== BEGIN SOURCE 15: styles/components/table-header.css ===== */
/* IXRU 9C117 — canonical table header + sort ownership, phase 4.
   The shared table shell now supplies one resting header fill for every table.
   This component owns smart-table heading/sort geometry and gives the sort mark a
   dedicated lane so it never collides with heading text. Semantic alignment,
   column widths, drag/resize feedback and page-specific density remain unchanged. */

table[data-table-key] thead .table-th-inner{
  position:relative;
  display:flex;
  align-items:center;
  gap:0;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:28px;
}

/* Three tracks are deliberate: the left spacer balances the sort lane on the
   right, so centred headings stay visually centred. The middle track may shrink
   to zero and ellipsize without ever occupying the sort indicator's space. */
table[data-table-key] thead .sort-header,
table[data-table-key] thead .table-header-label{
  display:grid;
  grid-template-columns:16px minmax(0,1fr) 16px;
  align-items:center;
  column-gap:3px;
  row-gap:0;
  width:100%;
  min-width:0;
  max-width:none;
  min-height:28px;
  padding:0;
  white-space:nowrap;
}
table[data-table-key] thead .sort-header{
  border:0;
  background:transparent;
}

table[data-table-key] thead .sort-header>.table-header-text,
table[data-table-key] thead .table-header-label>.table-header-text{
  grid-column:2;
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  line-height:1.22;
}

table[data-table-key] thead .sort-mark{
  grid-column:3;
  display:grid;
  place-items:center;
  width:16px;
  min-width:16px;
  max-width:16px;
  height:16px;
  min-height:16px;
  max-height:16px;
  margin:0;
  font-size:10px;
  line-height:1;
}
/* ===== END SOURCE 15: styles/components/table-header.css ===== */

/* ===== BEGIN SOURCE 16: styles/components/table-semantics.css ===== */
/* IXRU 9C118 — canonical table header semantics, phase 5.
   Owns shared smart-table header typography, semantic alignment and sort-state
   appearance. 9C117 continues to own the collision-safe header/sort geometry.
   Column drag/resize interaction geometry stays outside this component until the
   next migration phase. */

table[data-table-key] thead th{
  color:#667085!important;
  font-family:inherit!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:center!important;
}

table[data-table-key] thead th .sort-header,
table[data-table-key] thead th .table-header-label{
  color:inherit!important;
  font:inherit!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Semantic header alignment follows the same column meaning as body cells. */
table[data-table-key] thead th.table-cell-wrap,
table[data-table-key] thead th.table-cell-id{
  text-align:left!important;
}
table[data-table-key] thead th.table-cell-wrap .table-th-inner,
table[data-table-key] thead th.table-cell-id .table-th-inner,
table[data-table-key] thead th.table-cell-wrap .sort-header,
table[data-table-key] thead th.table-cell-id .sort-header{
  justify-content:flex-start!important;
  text-align:left!important;
}

table[data-table-key] thead th.num{
  text-align:right!important;
}
table[data-table-key] thead th.num .table-th-inner,
table[data-table-key] thead th.num .sort-header{
  justify-content:flex-end!important;
  text-align:right!important;
}

table[data-table-key] thead th.table-cell-center,
table[data-table-key] thead th.table-cell-actions{
  text-align:center!important;
}
table[data-table-key] thead th.table-cell-center .table-th-inner,
table[data-table-key] thead th.table-cell-actions .table-th-inner,
table[data-table-key] thead th.table-cell-center .sort-header,
table[data-table-key] thead th.table-cell-actions .sort-header{
  justify-content:center!important;
  text-align:center!important;
}

table[data-table-key] thead .table-header-text,
table[data-table-key] thead th.table-col-compact .table-header-text{
  text-align:center!important;
}
table[data-table-key] thead .table-header-text.tooltip-source{
  border-bottom:0!important;
  text-decoration:none!important;
}

/* Header help icon is a separate semantic affordance. Keep a visible optical gap
   from the label even though the title itself remains ellipsis-safe. */
table[data-table-key] thead .table-header-help{
  margin-left:6px!important;
  vertical-align:middle!important;
}

/* Sort appearance only; the 16 px indicator lane itself belongs to table-header.css. */
table[data-table-key] thead .sort-mark{
  color:#a4adbd!important;
  font-weight:500!important;
  opacity:.72!important;
  background:#eef1f7!important;
  border-radius:7px!important;
}
table[data-table-key] thead .sort-header:hover .sort-mark{
  opacity:1!important;
}
table[data-table-key] thead .sort-header.active{
  color:#5b4de0!important;
}
table[data-table-key] thead .sort-header.active .sort-mark{
  color:#5b4de0!important;
  opacity:1!important;
  background:#e8e4ff!important;
}
/* ===== END SOURCE 16: styles/components/table-semantics.css ===== */

/* ===== BEGIN SOURCE 17: styles/components/table-interactions.css ===== */
/* IXRU 9C119 — canonical smart-table column interactions, phase 6.
   Owns resize handles, reorder/drop feedback and the global resize cursor.
   Current visual behavior is intentionally preserved: reorder grips stay hidden
   in the shipped table UI, resize handles remain desktop-only, and mobile keeps
   both interaction affordances hidden at <=620 px. */

/* The historical reorder control is currently hidden by product UX policy.
   Its geometry is retained so re-enabling it later does not revive legacy CSS. */
table[data-table-key] .column-grip{
  display:none!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  width:17px!important;
  min-width:17px!important;
  min-height:29px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--ixru-table-interaction-grip)!important;
  cursor:grab!important;
  font-size:13px!important;
  opacity:0!important;
}
table[data-table-key] .table-th-inner:hover .column-grip,
table[data-table-key] .column-grip:focus-visible{
  opacity:.7!important;
}
table[data-table-key] .column-grip:active{
  cursor:grabbing!important;
}

/* Resize handle. The line itself stays quiet until hover/active resize. */
table[data-table-key] .column-resizer{
  display:block!important;
  position:absolute!important;
  z-index:8!important;
  right:-4px!important;
  top:6px!important;
  bottom:6px!important;
  width:9px!important;
  cursor:col-resize!important;
  touch-action:none!important;
}
table[data-table-key] .column-resizer::after{
  content:"";
  position:absolute;
  left:4px!important;
  top:10%!important;
  bottom:10%!important;
  width:1px;
  border-radius:999px;
  background:var(--ixru-table-interaction-resizer);
  opacity:0;
  transition:.13s ease;
}
table[data-table-key] th:hover>.column-resizer::after,
table[data-table-key] th.column-resizing>.column-resizer::after{
  opacity:1;
  background:var(--ixru-table-interaction-resizer-active);
}
body.is-resizing-column{
  cursor:col-resize!important;
  user-select:none!important;
}

/* Column reorder/drop feedback. Resting/active header fill remains owned by the
   canonical table shell; legacy interaction backgrounds are intentionally pruned. */
table[data-table-key] th.column-dragging{
  opacity:.55;
}
table[data-table-key] th.column-drop-before::before,
table[data-table-key] th.column-drop-after::after{
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  width:3px;
  z-index:12;
  border-radius:999px;
  background:var(--ixru-table-interaction-drop);
  box-shadow:0 0 0 3px var(--ixru-table-interaction-drop-ring);
}
table[data-table-key] th.column-drop-before::before{left:-2px;}
table[data-table-key] th.column-drop-after::after{right:-2px;}

@media(max-width:620px){
  table[data-table-key] .column-grip,
  table[data-table-key] .column-resizer{
    display:none!important;
  }
}

/* 9D25 — drag-and-drop ordering inside the column manager.
   Arrow buttons remain available as the keyboard/simple fallback. */
.column-manager-item{
  position:relative!important;
  grid-template-columns:22px minmax(0,1fr) auto!important;
}
.column-manager-drag-handle{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:30px!important;
  border-radius:7px!important;
  color:#98a2b3!important;
  font-size:13px!important;
  line-height:1!important;
  cursor:grab!important;
  user-select:none!important;
}
.column-manager-drag-handle:hover,
.column-manager-drag-handle:focus-visible{
  background:#f3f1ff!important;
  color:#5b50d6!important;
  outline:none!important;
}
.column-manager-drag-handle:active{cursor:grabbing!important;}
.column-manager-item.column-manager-dragging{opacity:.52!important;background:#faf9ff!important;}
.column-manager-item.column-manager-drop-before::before,
.column-manager-item.column-manager-drop-after::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  height:2px;
  z-index:3;
  border-radius:999px;
  background:#6e5af1;
  box-shadow:0 0 0 2px rgba(110,90,241,.12);
}
.column-manager-item.column-manager-drop-before::before{top:-1px;}
.column-manager-item.column-manager-drop-after::after{bottom:-1px;}
/* ===== END SOURCE 17: styles/components/table-interactions.css ===== */

/* ===== BEGIN SOURCE 18: styles/components/table-pagination.css ===== */
/* IXRU 9C121 — canonical smart-table pagination ownership, phase 7.
   Owns pagination layout, page summary, page-size selector and previous/next
   controls. Values intentionally reproduce the 9C120 effective cascade. */

.table-pagination{
  display:grid!important;
  grid-template-columns:auto minmax(150px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  position:sticky!important;
  left:0!important;
  margin:8px 0 0!important;
  padding:8px 10px!important;
  border:1px solid var(--ixru-color-border)!important;
  border-radius:10px!important;
  background:var(--ixru-table-pagination-surface)!important;
  color:var(--ixru-table-pagination-text)!important;
  font-size:12px!important;
  flex-wrap:nowrap!important;
}
.table-pagination label{
  display:flex;
  align-items:center;
  gap:8px;
}
.table-page-summary{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
  font-weight:400!important;
}
.table-page-range{
  color:var(--ixru-table-pagination-strong)!important;
  font-weight:600!important;
}
.table-page-buttons{
  display:flex;
  align-items:center;
  justify-self:center!important;
  gap:6px!important;
}
.table-page-buttons button{
  display:grid;
  place-items:center;
  width:30px!important;
  height:30px!important;
  border:1px solid var(--ixru-color-border-strong);
  border-radius:8px!important;
  background:var(--ixru-color-surface);
  color:var(--ixru-table-pagination-button);
  cursor:pointer;
  font-size:18px!important;
  line-height:1!important;
}
.table-page-buttons button:hover:not(:disabled){
  border-color:var(--ixru-table-pagination-hover-border);
  color:var(--ixru-color-accent);
  background:var(--ixru-color-accent-soft);
}
.table-page-buttons button:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.table-page-current{
  min-width:54px;
  text-align:center;
  color:var(--ixru-table-pagination-button);
  font-weight:500;
  white-space:nowrap;
}
.table-page-size{
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  font-weight:400!important;
}
.table-pagination select{
  display:block!important;
  min-height:30px!important;
  width:62px!important;
  padding:3px 28px 3px 8px!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  background-position:right 9px center!important;
  background-size:12px 9px!important;
}

@media(max-width:720px){
  .table-pagination{
    position:static!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:'summary size' 'buttons buttons'!important;
    gap:7px 10px!important;
    padding:8px!important;
  }
  .table-page-summary{grid-area:summary!important;}
  .table-page-size{grid-area:size!important;}
  .table-page-buttons{
    grid-area:buttons!important;
    justify-self:stretch!important;
    display:grid!important;
    grid-template-columns:36px 1fr 36px!important;
  }
  .table-page-buttons button{
    width:36px!important;
    height:36px!important;
  }
  .table-page-current{align-self:center!important;}
}
/* ===== END SOURCE 18: styles/components/table-pagination.css ===== */

/* ===== BEGIN SOURCE 19: styles/pages/costs.css ===== */
/* IXRU structured page source — Costs.
   Page layer now owns layout/workflow only; shared control geometry moved to components in 9C104. */

/* Cost filters: keep search, status and all three actions on one desktop row. */
#productsPaneCosts .costs-filter-panel>.costs-filters{
  grid-template-columns:minmax(260px,1fr) minmax(220px,.82fr) 150px 150px 190px!important;
}
#productsPaneCosts .costs-filters .costs-import-launch{
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  padding:0 17px!important;
  border-color:var(--ixru-color-accent)!important;
  box-shadow:var(--ixru-shadow-accent)!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
@media (hover:hover) and (pointer:fine){
  #productsPaneCosts .costs-filters .costs-import-launch:hover{
    border-color:var(--ixru-color-accent-hover)!important;
    background:var(--ixru-color-accent-hover)!important;
    box-shadow:var(--ixru-shadow-accent-hover)!important;
  }
}
#productsPaneCosts .costs-filters .costs-import-launch:focus-visible{
  outline:2px solid var(--ixru-focus-accent)!important;
  outline-offset:2px!important;
}

/* Cost import lives in a focused modal instead of occupying the main page. */
#costImportModal .cost-import-modal-card{
  width:min(1240px,calc(100vw - 36px))!important;
  max-height:calc(100vh - 36px)!important;
  gap:0!important;
}
#costImportModal .cost-import-modal-head{
  display:grid!important;
  gap:4px!important;
  padding:0 52px 15px 0!important;
  border-bottom:1px solid var(--ixru-color-border-subtle)!important;
}
#costImportModal .cost-import-modal-head h3,
#costImportModal .cost-import-modal-head p{margin:0!important;}
#costImportModal .cost-import-body{
  padding:15px 0 0!important;
  border:0!important;
}
#costImportModal .cost-import-body>p{
  margin:0 0 12px!important;
  color:var(--ixru-color-text-secondary)!important;
  line-height:1.45!important;
}
#costImportModal .cost-import-flow{margin:0 0 14px!important;}
#costImportModal .cost-import-controls{margin:0!important;}
#costImportModal .cost-import-result:empty{display:none!important;}

@media(max-width:1180px){
  #productsPaneCosts .costs-filter-panel>.costs-filters{
    grid-template-columns:minmax(220px,1fr) minmax(200px,1fr) repeat(3,minmax(140px,.62fr))!important;
  }
  #productsPaneCosts .costs-filters .costs-import-launch{
    width:100%!important;min-width:0!important;max-width:none!important;
  }
}
@media(max-width:900px){
  #productsPaneCosts .costs-filter-panel>.costs-filters{grid-template-columns:1fr 1fr!important;}
  #productsPaneCosts .costs-filters :is(.filter-reset-btn,.costs-filter-export,.costs-import-launch){
    width:100%!important;min-width:0!important;max-width:none!important;
  }
}
@media(max-width:620px){
  #productsPaneCosts .costs-filter-panel>.costs-filters{grid-template-columns:1fr!important;}
  #costImportModal .cost-import-modal-card{width:100%!important;max-height:calc(100dvh - 10px)!important;}
}

/* Cabinet context lives inside the import dialog. */
#costImportModal .cost-import-context{
  display:grid!important;
  grid-template-columns:minmax(320px,430px) 210px!important;
  justify-content:start!important;
  align-items:end!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
#costImportModal .cost-import-context label{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  color:var(--ixru-color-muted)!important;
  font-size:var(--ixru-font-size-table)!important;
  font-weight:var(--ixru-font-weight-semibold)!important;
}
#costImportModal .cost-import-actions{
  display:grid!important;
  grid-template-columns:280px minmax(320px,1fr) 170px 230px!important;
  align-items:stretch!important;
  gap:12px!important;
  margin:0!important;
}
#costImportModal .cost-import-actions>.cost-file-drop{
  height:var(--ixru-control-height-action)!important;
  min-height:var(--ixru-control-height-action)!important;
  max-height:var(--ixru-control-height-action)!important;
  margin:0!important;
  box-sizing:border-box!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding:6px 14px!important;
  overflow:hidden!important;
}
#costImportModal .cost-import-actions>#applyCostImportBtn:disabled{opacity:.52!important;}
#costImportModal .cost-import-actions>.cost-file-drop>.cost-file-copy{
  display:grid!important;
  place-items:center!important;
  gap:1px!important;
  min-width:0!important;
  width:100%!important;
  text-align:center!important;
}
#costImportModal .cost-import-actions>.cost-file-drop>.cost-file-copy b{line-height:1.15!important;}
#costImportModal .cost-import-actions>.cost-file-drop>.cost-file-copy small{line-height:1.15!important;}

@media(max-width:1080px){
  #costImportModal .cost-import-context{grid-template-columns:minmax(280px,1fr) 210px!important;}
  #costImportModal .cost-import-actions{grid-template-columns:1fr 1fr!important;}
  #costImportModal .cost-import-actions>.cost-file-drop{grid-column:1/-1!important;}
}
@media(max-width:620px){
  #costImportModal .cost-import-context,
  #costImportModal .cost-import-actions{grid-template-columns:1fr!important;}
  #costImportModal .cost-import-actions>.cost-file-drop{grid-column:auto!important;}
  #costImportModal .cost-import-actions>.btn,
  #costImportModal .cost-import-actions>.cost-file-drop{width:100%!important;}
}
/* ===== END SOURCE 19: styles/pages/costs.css ===== */

/* ===== BEGIN SOURCE 20: styles/pages/control-table.css ===== */
/* IXRU 9C123 - Data Quality table page ownership, phase 9.
   Shared table primitives stay in components/table-*.css; this file owns only
   the page-specific geometry/content/action contract of #view-control. */

#view-control .control-grouped-table{
  min-width:1080px!important;
}
#view-control .control-grouped-table thead th{
  height:54px!important;
  padding:10px 14px!important;
  font-size:12px!important;
  font-weight:600!important;
}
#view-control .control-grouped-table tbody td{
  padding:14px 16px!important;
  vertical-align:middle!important;
  font-size:13px!important;
  line-height:1.42!important;
}
#view-control .control-grouped-table [data-column-id="проверка"]{
  width:220px!important;
  min-width:220px!important;
  text-align:center!important;
}
#view-control .control-grouped-table tbody td[data-column-id="проверка"]{
  text-align:center!important;
}
#view-control .control-grouped-table [data-column-id="объекты"]{
  width:285px!important;
  min-width:285px!important;
}
#view-control .control-grouped-table [data-column-id="кабинет"]{
  width:205px!important;
  min-width:205px!important;
  text-align:center!important;
}
#view-control .control-grouped-table [data-column-id="что_сделать"]{
  width:330px!important;
  min-width:330px!important;
  text-align:left!important;
}
#view-control .control-grouped-table [data-column-id="действие"]{
  width:170px!important;
  min-width:170px!important;
  text-align:center!important;
}
#view-control .control-group-title{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  text-align:center!important;
}
#view-control .control-group-title>b{
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#344054!important;
}
#view-control .control-group-title>.pill{
  order:2!important;
  min-height:24px!important;
  padding:3px 10px!important;
  font-size:11px!important;
  font-weight:600!important;
}
#view-control .control-object-list{
  display:grid!important;
  gap:4px!important;
  text-align:left!important;
}
#view-control .control-object-list>b{
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#344054!important;
}
#view-control .control-object-list>span{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:400!important;
  color:#475467!important;
}
#view-control .control-object-list>small{
  margin-top:1px!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:500!important;
  color:#667085!important;
}
#view-control .control-description{
  display:block!important;
  max-width:320px!important;
  margin:0 auto 0 0!important;
  text-align:left!important;
}
#view-control .control-description>span{
  font-size:12.5px!important;
  line-height:1.46!important;
  font-weight:400!important;
  color:#475467!important;
}
#view-control .control-action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:36px!important;
  max-width:160px!important;
  padding:7px 11px!important;
  border:1px solid #cfcaf8!important;
  border-radius:10px!important;
  background:#f8f7ff!important;
  color:#4f43c8!important;
  font:600 12px/1.25 inherit!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#view-control .control-action-btn:hover{
  border-color:#a99ff0!important;
  background:#efedff!important;
}
#view-control .control-action-btn>b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4f43c8!important;
  font-size:10.5px!important;
  line-height:1!important;
}
@media(max-width:760px){
  #view-control .control-grouped-table tbody td[data-column-id="проверка"],
  #view-control .control-grouped-table tbody td[data-column-id="кабинет"]{
    text-align:left!important;
  }
  #view-control .control-group-title{
    align-items:flex-start!important;
    text-align:left!important;
  }
}

#view-control .control-grouped-table{
  min-width:1240px!important;
}
#view-control .control-grouped-table [data-column-id="действие"]{
  width:195px!important;
  min-width:195px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
#view-control .control-grouped-table tbody td[data-column-id="действие"]{
  text-align:center!important;
}
#view-control .control-action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:auto!important;
  min-width:150px!important;
  max-width:176px!important;
  min-height:38px!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#view-control .control-action-btn>span{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#view-control .control-action-btn>b{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  width:auto!important;
  height:24px!important;
  padding:0 7px!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:760px){
  #view-control .control-action-btn{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    white-space:normal!important;
  }
  #view-control .control-action-btn>span{white-space:normal!important}
}

#view-control .control-grouped-table{
  min-width:1200px!important;
}
#view-control .control-grouped-table [data-column-id="проверка"]{
  width:180px!important;
  min-width:180px!important;
  max-width:180px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
#view-control .control-group-title{
  gap:6px!important;
}
@media(max-width:760px){
  #view-control .control-grouped-table [data-column-id="проверка"]{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}
/* ===== END SOURCE 20: styles/pages/control-table.css ===== */

/* ===== BEGIN SOURCE 21: styles/pages/reports-table.css ===== */
/* IXRU 9C124 - Financial Reports main table page ownership, phase 10.
   Main reports table/date/help/number/scroll specifics only. Shared filters and report-detail modal remain separate. */
.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}
.reports-overview .panel-head{margin-bottom:12px}
.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){text-align:right}
.reports-finance-table td:nth-child(n+4):nth-child(-n+6){text-align:right}
.reports-finance-table .payout-date{min-width:145px}
.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;}
.reports-modern-table{min-width:1420px}
.reports-modern-table th{vertical-align:middle}
.reports-modern-table td{vertical-align:middle}
.reports-modern-table th:last-child{text-align:center}
.reports-modern-table td:last-child{text-align:center}
.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}
@media(max-width:760px){
.reports-modern-table{min-width:1320px}

}
.reports-finance-table th:last-child{width:1%;min-width:92px}
.reports-modern-table th{text-align:left}
.reports-modern-table td{text-align:left}
.reports-modern-table th.num{text-align:right!important}
.reports-modern-table td.num{text-align:right!important}
.reports-modern-table th[data-column-id="actions"]{width:1%;min-width:92px;text-align:center!important}
.reports-modern-table td[data-column-id="actions"]{width:1%;min-width:92px;text-align:center!important}
.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}
@media(max-width:900px){
.reports-finance-table{min-width:1080px}

}
@media(max-width:620px){
.payout-date{align-items:flex-start}

}
.reports-finance-table{min-width:1120px!important}
.reports-modern-table th:first-child{
  position:sticky;left:0;z-index:3;}
.reports-modern-table td:first-child{
  position:sticky;left:0;z-index:3;background:#fff;}
.reports-modern-table th:first-child{z-index:5;}
.reports-modern-table th[data-column-id="actions"]{
  position:sticky;right:0;z-index:3;}
.reports-modern-table td[data-column-id="actions"]{
  position:sticky;right:0;z-index:3;background:#fff;}
.reports-modern-table th[data-column-id="actions"]{z-index:5;}
@media(max-width:620px){
.reports-modern-table{min-width:0!important;width:100%!important}
.reports-modern-table thead{display:none}
.reports-modern-table tbody{display:grid;gap:10px}
.reports-modern-table tr{display:grid;padding:12px;border:1px solid var(--ui-border);border-radius:12px;background:#fff}
.reports-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{border-bottom:0}
.reports-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=""]{grid-template-columns:1fr}
.reports-modern-table td[data-label=""]:before{display:none}
.reports-modern-table .btn{width:100%}

}
.report-number-link{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:36px;padding:5px 4px;border:0;background:transparent;color:#4438bb;font:700 13px/1.25 inherit;text-align:left;cursor:pointer}
.report-number-link:hover{text-decoration:underline}
.reports-finance-table tbody td:nth-child(1), .reports-finance-table tbody td:nth-child(2), .reports-finance-table tbody td:nth-child(3), .reports-finance-table tbody td:nth-child(8), .reports-finance-table tbody td:nth-child(9), .reports-finance-table tbody td:nth-child(10){text-align:center!important}
.reports-finance-table th.report-date-accent{border-color:#dae7f8!important}
.reports-finance-table td.report-date-accent{background:#f3f8ff!important;border-color:#dae7f8!important}
.reports-finance-table th.report-payment-accent{border-color:#d6ece2!important}
.reports-finance-table td.report-payment-accent{background:#f1fbf7!important;border-color:#d6ece2!important}
.reports-finance-table td.report-date-accent b{color:#2e5fa6!important}
.reports-finance-table td.report-payment-accent b{color:#167c5c!important}
.reports-sync-status{margin-bottom:10px}
.reports-modern-table .table-cell-actions{width:70px!important}
.reports-sync-status .data-freshness{display:block;padding:9px 12px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc;color:#667085;font-size:11.5px}
.reports-modern-table{min-width:1060px!important}
.reports-finance-table th{vertical-align:middle!important}
.reports-finance-table td{vertical-align:middle!important}
.reports-finance-table th:nth-child(1){width:120px}
.reports-finance-table th:nth-child(2){min-width:230px}
.reports-finance-table th:nth-child(3){width:125px}
.reports-finance-table th:nth-child(4), .reports-finance-table th:nth-child(5){width:155px}
.reports-finance-table th:nth-child(6){width:130px}
.reports-finance-table th:last-child{width:54px!important;min-width:54px!important}
.report-period{display:grid;gap:4px}
.report-period span{font-size:11px;color:#667085}
.report-open-button{border-color:#d9d6f8!important;background:#f8f7ff!important}
.reports-sync-status .data-freshness{color:#667085;background:#f8fafc;border-color:#e4e7ec}
.app-shell .report-money{
  font-weight:600;}
.app-shell .report-period span{
  color:var(--w1-muted);
  font-weight:400;}
.report-number-link{
  display:inline-flex!important;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  text-align:left;}
.report-number-link small{
  color:#635bcb;
  font-size:11px;
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:2px;}
.reports-finance-table th:last-child{
  padding-right:14px!important;}
.reports-finance-table td:last-child{
  padding-right:14px!important;}
#view-reports .reports-overview{margin-bottom:12px!important}
#view-reports .reports-overview .panel-head{display:none!important}
#view-reports .reports-modern-table{min-width:1640px!important}
#view-reports .reports-modern-table td:first-child{text-align:center!important}
#view-reports .reports-modern-table th:first-child{text-align:center!important}
#view-reports .report-number-link{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  text-align:center!important;
  padding:6px 2px!important;}
#view-reports .report-number-link small{color:#667085!important}
#view-reports .report-date-stack{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:134px}
#view-reports .report-date-stack b{font-variant-numeric:tabular-nums}
#view-reports .report-date-stack small{font-size:11px;color:#667085}
#view-reports .reports-modern-table .table-header-text{align-items:center!important;justify-content:center!important;gap:6px!important}
#view-reports .reports-modern-table .table-header-help{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  padding:0!important;
  border-radius:6px!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  vertical-align:middle!important;}
#view-reports .report-date-stack{min-height:20px!important}
#view-reports .reports-overview table[data-table-key] th:first-child{
  position:static!important;
  left:auto!important;
  z-index:auto!important;
  box-shadow:none!important;}
#view-reports .reports-overview table[data-table-key] td:first-child{
  position:static!important;
  left:auto!important;
  z-index:auto!important;
  box-shadow:none!important;}
#view-reports .reports-modern-table [data-column-id="дата_отчёта"] .report-date-stack small{
  display:none!important;}
#view-reports .table-action-bar{
  margin:0!important;}
/* ===== END SOURCE 21: styles/pages/reports-table.css ===== */

/* ===== BEGIN SOURCE 22: styles/pages/reports-detail.css ===== */
/* IXRU 9C125 - Financial Reports detail modal page ownership, phase 11.
   Report-detail page rules only; shared table-shell and consolidated typography remain with their existing owners. No intentional visual changes. */
.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 .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{font-size:12px}
.report-detail-table td{font-size:12px}
.report-detail-table th:first-child{min-width:250px;white-space:normal}
.report-detail-table td:first-child{min-width:250px;white-space:normal}
.report-detail-table th:nth-child(2){min-width:130px}
.report-detail-table td:nth-child(2){min-width:130px}
@media (max-width:760px){
  .report-detail-head{flex-direction:column}
  .report-detail-head h3{font-size:19px}
  .report-detail-table{min-width:1480px}
}
.report-metrics-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.report-detail-table th[data-column-id="операция"]{min-width:250px;white-space:normal}
.report-detail-table td[data-column-id="операция"]{min-width:250px;white-space:normal}
.report-detail-table th[data-column-id="документ"]{min-width:130px}
.report-detail-table td[data-column-id="документ"]{min-width:130px}
.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}
@media (max-width:760px){
  .report-operation-cell{min-width:155px;max-width:240px}
}
.report-detail-head{padding:4px 2px 16px;border-bottom:1px solid var(--line);margin-bottom:14px}
.report-metrics-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.modal-card.wide:has(#reportDetails){width:min(1260px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto}
@media (max-width:1100px){
  .report-metrics-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:700px){
  .report-metrics-cards{grid-template-columns:1fr!important}
}
.report-detail-meta{margin-bottom:10px!important}
.report-breakdown{margin:0 0 12px;padding:12px;border:1px solid var(--ui-line);border-radius:12px;background:#fff}
.report-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.report-section-heading h4{margin:0;font-size:14px;font-weight:var(--ui-weight-semibold)}
.report-section-heading span{font-size:11.5px;color:#667085}
.report-breakdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.report-breakdown-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px;border-radius:9px;background:#f8f9fb}
.report-breakdown-grid span{min-width:0;font-size:11.5px;color:#667085}
.report-breakdown-grid b{font-size:12.5px;font-weight:var(--ui-weight-semibold);white-space:nowrap}
.report-detail-table [data-column-id="операция"]{width:270px!important;min-width:270px!important}
.report-detail-table [data-column-id="корректировки"]{width:220px!important;min-width:220px!important}
@media (max-width:1050px){
  .report-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .report-breakdown-grid{grid-template-columns:1fr}
}
#reportModal .modal-card.wide{max-width:min(1380px,calc(100vw - 56px))!important}
#reportModal .report-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:4px 2px 16px;border-bottom:1px solid var(--line)}
#reportModal .report-detail-side-meta{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;min-width:380px}
#reportModal .report-detail-side-meta>div{padding:12px 14px;border:1px solid #e6e8ef;border-radius:14px;background:#fafbff}
#reportModal .report-detail-side-meta small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
#reportModal .report-detail-side-meta b{font-size:16px;color:#1f2937}
#reportModal .report-metrics-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#reportModal .report-detail-meta{margin-top:12px!important}
#reportModal .report-breakdown{margin-top:14px!important}
#reportModal .report-breakdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#reportModal .report-breakdown-grid>div{padding:12px 14px;border:1px solid #e6e8ef;border-radius:14px;background:#fff}
#reportModal .report-breakdown-grid span{display:block;color:#667085;font-size:12px;margin-bottom:6px}
#reportModal .report-breakdown-grid b{font-size:15px;color:#1f2937}
#reportModal .report-detail-table-wrap{margin-top:16px!important}
@media (max-width:1180px){
  #reportModal .report-metrics-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #reportModal .report-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #reportModal .report-detail-head{flex-direction:column!important}
  #reportModal .report-detail-side-meta{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}
}
@media (max-width:760px){
  #reportModal .modal-card.wide{max-width:calc(100vw - 18px)!important}
  #reportModal .report-metrics-cards,
#reportModal .report-breakdown-grid,
#reportModal .report-detail-side-meta{grid-template-columns:1fr!important}
}
#reportModal .report-date-help{display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  padding:0!important;
  border-radius:6px!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  vertical-align:middle!important;}
#reportModal .report-detail-side-meta{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
#reportModal .report-detail-side-meta small{display:flex!important;align-items:center!important;gap:6px!important}
#reportModal .report-detail-head .section-kicker{text-transform:none!important;
  letter-spacing:0!important;
  font-size:12px!important;
  font-weight:600!important;}
#reportModal .report-detail-head h3{margin:5px 0 6px!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;}
#reportModal .report-detail-head p{font-size:13px!important;
  line-height:1.45!important;
  font-weight:500!important;}
#reportModal .report-detail-head>div>span:last-child{font-size:12px!important;
  font-weight:400!important;}
#reportModal .report-detail-side-meta small{text-transform:none!important;
  letter-spacing:0!important;
  font-size:11.5px!important;
  font-weight:500!important;}
#reportModal .report-detail-side-meta b{font-size:16px!important;
  font-weight:650!important;}
#reportModal .report-metrics-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;}
#reportModal .report-metrics-cards .label,
#reportModal .report-metrics-cards .card-title,
#reportModal .report-metrics-cards .metric-label,
#reportModal .report-metrics-cards .kpi-label,
#reportModal .report-metrics-cards small:first-of-type{font-weight:500!important;}
#reportModal .report-metrics-cards .value,
#reportModal .report-metrics-cards .metric-value,
#reportModal .report-metrics-cards .kpi-value{font-weight:650!important;}
#reportModal .report-detail-meta-grid{display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:12px 0 0!important;
  padding:8px 12px!important;
  border:1px solid #e4e7ec!important;
  border-radius:14px!important;
  background:#fff!important;}
#reportModal .report-detail-meta-grid>div{display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  min-height:36px!important;
  padding:7px 12px!important;
  border-right:1px solid #e4e7ec!important;}
#reportModal .report-detail-meta-grid>div:nth-child(4n){border-right:0!important}
#reportModal .report-detail-meta-grid>div:nth-child(n/**/+5){border-top:1px solid #eef0f4!important}
#reportModal .report-detail-meta-grid span{min-width:0!important;
  color:#667085!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:400!important;}
#reportModal .report-detail-meta-grid b{flex:0 0 auto!important;
  color:#344054!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:600!important;
  white-space:nowrap!important;}
#reportModal .report-section-heading h4,
#reportModal .report-section-title{font-weight:600!important;}
#reportModal .report-breakdown-grid span{font-weight:400!important;}
#reportModal .report-breakdown-grid b{font-weight:600!important;}
#reportModal .report-detail-table .report-operation-cell b,
#reportModal .report-detail-table td:nth-child(2)>b{font-weight:500!important;}
#reportModal .report-detail-table td.num b{font-weight:600!important;}
@media (max-width:1180px){
  #reportModal .report-metrics-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #reportModal .report-detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #reportModal .report-detail-meta-grid>div:nth-child(4n){border-right:1px solid #e4e7ec!important}
  #reportModal .report-detail-meta-grid>div:nth-child(2n){border-right:0!important}
  #reportModal .report-detail-meta-grid>div:nth-child(n/**/+3){border-top:1px solid #eef0f4!important}
}
@media (max-width:760px){
  #reportModal .report-metrics-cards,
#reportModal .report-detail-meta-grid{grid-template-columns:1fr!important}
  #reportModal .report-detail-meta-grid>div{border-right:0!important;
    border-top:1px solid #eef0f4!important;}
  #reportModal .report-detail-meta-grid>div:first-child{border-top:0!important}
}
#reportModal .report-detail-head{padding-bottom:16px!important;}
#reportModal .report-detail-side-meta{display:none!important}
#reportModal .report-all-metrics{display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;}
#reportModal .report-all-metrics .metric-card{min-height:104px!important;
  padding:14px 16px!important;}
#reportModal .report-all-metrics .metric-card-top{align-items:center!important;
  gap:9px!important;}
#reportModal .report-all-metrics .label{font-size:12px!important;
  font-weight:500!important;
  line-height:1.3!important;}
#reportModal .report-all-metrics .value{margin-top:16px!important;
  font-size:20px!important;
  font-weight:650!important;
  line-height:1.1!important;}
#reportModal .report-detail-meta-grid,
#reportModal .report-breakdown{display:none!important}
#reportModal .report-detail-table-wrap{margin-top:16px!important}
@media (max-width:1320px){
  #reportModal .report-all-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:900px){
  #reportModal .report-all-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px){
  #reportModal .report-all-metrics{grid-template-columns:1fr!important}
}
/* ===== END SOURCE 22: styles/pages/reports-detail.css ===== */

/* ===== BEGIN SOURCE 23: styles/pages/planning-table.css ===== */
/* IXRU 9C126 - Replenishment Planning table contract ownership, phase 12.
   Final #planningTable and #view-planning table-state overrides only. Shared filters/KPI/table components and planning modals remain separate. */
#planningTable .planning-shipment-table th.planning-decision-column .table-th-inner{justify-content:center!important;
  text-align:center!important;}
#planningTable .planning-shipment-table th.planning-decision-column .sort-header{justify-content:center!important;
  text-align:center!important;}
#planningTable .planning-shipment-table td.planning-decision-column{justify-content:center!important;
  text-align:center!important;}
#planningTable .planning-shipment-table td.planning-decision-column .pill{display:inline-flex!important;
  justify-content:center!important;
  min-width:112px!important;
  margin:0 auto!important;
  font-size:12px!important;
  font-weight:600!important;}
#planningTable .planning-product-link, #planningTable .planning-product-cell{display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:start!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  text-align:left!important;}
#planningTable .planning-product-link>.product-thumb, #planningTable .planning-product-cell>.product-thumb{width:48px!important;
  height:58px!important;
  border:1px solid #e3e6ed!important;
  border-radius:9px!important;
  background:#f5f3ff!important;
  object-fit:cover!important;}
#planningTable .planning-product-link>span, #planningTable .planning-product-cell>.order-product{display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;}
#planningTable .planning-product-link b, #planningTable .planning-product-cell b{width:100%!important;
  overflow:hidden!important;
  color:#263044!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;}
#planningTable .planning-product-link small, #planningTable .planning-product-cell .order-product>span{color:#667085!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.35!important;
  text-align:left!important;}
#planningTable .planning-shipment-table thead th:after{display:none!important}
#view-planning .planning-table-panel{max-height:none!important;
  min-height:0!important;
  overflow:auto!important;}
#view-planning .planning-table-panel .smart-table-toolbar{position:static!important;
  top:auto!important;
  left:auto!important;
  z-index:auto!important;}
#view-planning .planning-table-panel .planning-shipment-table thead th, #view-planning .planning-table-panel .planning-shipment-table thead th:first-child{position:relative!important;
  top:auto!important;
  left:auto!important;
  z-index:4!important;}
#view-planning .planning-table-panel .planning-shipment-table thead th{box-shadow:none!important;}
#planningTable .planning-shipment-table th[data-column-id="select"] .table-th-inner{justify-content:center!important;}
#planningTable .planning-select-all-control{display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin:0 auto!important;
  cursor:pointer!important;}
#planningTable .planning-select-all-checkbox, #planningTable .planning-select-cell input[type="checkbox"]{width:18px!important;
  height:18px!important;
  margin:0!important;
  accent-color:#5b4de0!important;
  cursor:pointer!important;}
#planningTable .planning-select-all-checkbox:focus-visible, #planningTable .planning-select-cell input[type="checkbox"]:focus-visible{outline:3px solid rgba(91,76,224,.2)!important;
  outline-offset:2px!important;}
#planningTable .planning-select-all-checkbox:disabled{cursor:not-allowed!important;opacity:.45!important}
#planningTable table[data-table-key="planning"] col[data-column-id="select"]{width:44px!important;}
#planningTable .planning-shipment-table :is(th,td)[data-column-id="select"], #planningTable .planning-shipment-table .planning-select-cell{width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  padding-left:6px!important;
  padding-right:6px!important;}
#planningTable .planning-select-all-control{width:26px!important;
  height:26px!important;}
@media(max-width:620px){
#planningTable .planning-shipment-table :is(th,td)[data-column-id="select"], #planningTable .planning-shipment-table .planning-select-cell{width:40px!important;min-width:40px!important;max-width:40px!important;padding-inline:4px!important}
}
#planningTable .planning-product-cabinet{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin-top:4px!important;padding:3px 7px!important;border:1px solid #dedafa!important;border-radius:999px!important;background:#f7f5ff!important;color:#5b50b5!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important}
#planningTable input[data-change-action="toggle-planning-product"]:disabled{opacity:.35!important;cursor:not-allowed!important}
#planningTable tr:has(input[data-change-action="toggle-planning-product"]:disabled) .planning-product-column{opacity:1!important}

/* 9D31 — planning table uses the same persisted resizable-column contract as shared tables. */
#planningTable table[data-table-key="planning"] col[data-column-id]:not([data-column-id="select"]){
  width:var(--ixru-column-width,auto)!important;
}
#planningTable .planning-shipment-table :is(th,td)[data-column-id]:not([data-column-id="select"]){
  width:var(--ixru-column-width,auto)!important;
  min-width:var(--ixru-column-width,0px)!important;
  max-width:var(--ixru-column-width,none)!important;
}
#planningTable .planning-shipment-table td.planning-stock-column{vertical-align:middle!important;text-align:right!important;}
#planningTable .planning-stock-cell{display:grid!important;min-width:0!important;justify-items:end!important;align-content:center!important;gap:4px!important;width:100%!important;text-align:right!important;line-height:1.2!important;overflow:hidden!important;}
#planningTable .planning-stock-cell>b{display:block!important;max-width:100%!important;white-space:nowrap!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;}
#planningTable .planning-stock-cell>small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#667085!important;font-size:12px!important;font-weight:400!important;line-height:1.25!important;}

/* ===== END SOURCE 23: styles/pages/planning-table.css ===== */

/* ===== BEGIN SOURCE 24: styles/pages/supplies-table.css ===== */
/* IXRU 9C127 - Supplies table page ownership, phase 13.
   Page-specific result meta and split column alignment only. Shared Supplies filters and generic table components remain separate. */
#view-supplies .supplies-result-meta{
  margin:0!important;
  padding:0 2px!important;
}
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="статус"],
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="контроль"],
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="склад"],
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="приёмка"]{
  text-align:center!important;
}
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="статус"] .table-th-inner,
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="контроль"] .table-th-inner,
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="склад"] .table-th-inner,
#suppliesTable table[data-table-key="supplies"] :is(th,td)[data-column-id="приёмка"] .table-th-inner{
  justify-content:center!important;
}
#suppliesTable .supply-warehouse-column b,
#suppliesTable .supply-warehouse-column small{
  text-align:center!important;
}
#suppliesTable .supply-status-column .pill,
#suppliesTable .supply-control-column .pill{
  margin-inline:auto!important;
}
/* ===== END SOURCE 24: styles/pages/supplies-table.css ===== */

/* ===== BEGIN SOURCE 25: styles/pages/stocks-table.css ===== */
/* IXRU 9C128 - Stocks table page ownership, phase 14.
   Page-specific Stocks table typography/alignment, warehouse chips, paired metrics and meta row only.
   Shared Stocks filters, KPI cards and generic table components remain separate. */
#stocksTable .stocks-modern-table{
  color:#344054!important;
  font-family:inherit!important;
  font-size:13px!important;
  line-height:1.35!important;
}

#stocksTable .stocks-modern-table thead th{
  padding:12px 14px!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.22!important;
  letter-spacing:0!important;
  text-transform:none!important;
  vertical-align:middle!important;
}

#stocksTable .stocks-modern-table tbody td{
  padding:14px!important;
  color:#344054!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.35!important;
  vertical-align:middle!important;
}

#stocksTable .stocks-modern-table tbody td b{
  color:#263044!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.3!important;
}

#stocksTable .stocks-modern-table tbody td :is(small,span:not(.pill):not(.positive):not(.negative)){
  margin-top:3px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.35!important;
}

#stocksTable .stocks-modern-table .pill{
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
}

#stocksTable .stocks-modern-table .product-cell .order-product>b,
#stocksTable .stocks-modern-table .stock-link>b{
  font-size:14px!important;
  font-weight:600!important;
}

#stocksTable .stocks-modern-table .product-submeta{
  font-size:12px!important;
  font-weight:400!important;
}

#stocksTable .stocks-modern-table th.table-cell-wrap{
  text-align:left!important;
}

#stocksTable .stocks-modern-table td.table-cell-wrap, #stocksTable .stocks-modern-table :is(th,td).stock-cabinet-column{
  text-align:left!important;
}

#stocksTable .stocks-modern-table th.table-cell-wrap .table-th-inner{
  justify-content:flex-start!important;
  text-align:left!important;
}

#stocksTable .stocks-modern-table th.table-cell-wrap .sort-header{
  justify-content:flex-start!important;
  text-align:left!important;
}

#stocksTable .stocks-modern-table th.stock-cabinet-column .table-th-inner{
  justify-content:flex-start!important;
  text-align:left!important;
}

#stocksTable .stocks-modern-table th.stock-cabinet-column .sort-header{
  justify-content:flex-start!important;
  text-align:left!important;
}

#stocksTable .stocks-modern-table th.num{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}

#stocksTable .stocks-modern-table td.num{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}

#stocksTable .stocks-modern-table th.num .table-th-inner{
  justify-content:flex-end!important;
  text-align:right!important;
}

#stocksTable .stocks-modern-table th.num .sort-header{
  justify-content:flex-end!important;
  text-align:right!important;
}

#stocksTable .stocks-modern-table th.table-cell-center .table-th-inner{
  justify-content:center!important;
  text-align:center!important;
}

#stocksTable .stocks-modern-table th.table-cell-center .sort-header{
  justify-content:center!important;
  text-align:center!important;
}

#stocksTable .stocks-modern-table td.table-cell-center{
  justify-content:center!important;
  text-align:center!important;
}

#stocksTable .stocks-modern-table .table-header-text.tooltip-source{
  border-bottom:0!important;
  text-decoration:none!important;
}

#stocksTable .stocks-modern-table .sort-mark{
  color:#98a2b3!important;
}

#stocksTable .stocks-modern-table tbody tr:hover td{
  background:#fafaff!important;
}

#stocksTable .stocks-modern-table .stock-main-number{
  color:#344054!important;
}

#stocksTable .stocks-modern-table .stock-balance-column .negative{
  color:#d92d20!important;
}

#stocksTable .stocks-modern-table .stock-balance-column .positive{
  color:#067647!important;
  font-size:13px!important;
  font-weight:600!important;
}

#stocksTable .stocks-modern-table .stock-cabinet-column{
  white-space:normal!important;
}

#view-stocks .stocks-meta{
  display:flex!important;
  align-items:center!important;
  min-height:30px!important;
  gap:8px!important;
}

#view-stocks .stocks-meta .stock-method-help{
  margin:0!important;
  font-size:12px!important;
  font-weight:500!important;
}

#stocksTable .stocks-modern-table .stock-warehouses-column{
  text-align:left!important;
  vertical-align:middle!important;
}

#stocksTable .stocks-modern-table th.stock-warehouses-column .table-th-inner{
  justify-content:flex-start!important;
  text-align:left!important;
}

#stocksTable .stocks-modern-table th.stock-warehouses-column .sort-header{
  justify-content:flex-start!important;
  text-align:left!important;
}

#stocksTable .stock-warehouse-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
}

#stocksTable .stock-warehouse-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%!important;
  min-height:28px!important;
  margin:0!important;
  padding:5px 8px!important;
  border:1px solid #e1e5ec!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  color:#475467!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

#stocksTable .stock-warehouse-chip>span{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#475467!important;
  font:inherit!important;
  text-overflow:ellipsis!important;
}

#stocksTable .stock-warehouse-chip>b{
  flex:0 0 auto!important;
  margin:0!important;
  color:#344054!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
}

#stocksTable .stock-warehouse-empty{
  margin:0!important;
  color:#98a2b3!important;
  font-size:12px!important;
  font-weight:400!important;
}

@media (hover:hover) and (pointer:fine){
  #stocksTable .stock-warehouse-chip:hover{
    border-color:#c8c2f4!important;
    background:#faf9ff!important;
  }
}

#stocksTable .stocks-modern-table :is(th,td).stock-paired-column{
  text-align:left!important;
}

#stocksTable .stocks-modern-table th.stock-paired-column .table-th-inner{
  justify-content:center!important;
  text-align:center!important;
}

#stocksTable .stocks-modern-table th.stock-paired-column .sort-header{
  justify-content:center!important;
  text-align:center!important;
}

#stocksTable .stock-metric-pairs{
  display:grid!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
}

#stocksTable .stock-metric-pair{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:baseline!important;
  gap:12px!important;
  min-width:0!important;
  padding:3px 0!important;
}

#stocksTable .stock-metric-pair+.stock-metric-pair{
  margin-top:3px!important;
  padding-top:6px!important;
  border-top:1px solid #eef1f5!important;
}

#stocksTable .stock-metric-pair>span{
  min-width:0!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:left!important;
}

#stocksTable .stock-metric-pair>b{
  margin:0!important;
  color:#344054!important;
  font-family:inherit!important;
  font-size:13.5px!important;
  font-weight:600!important;
  line-height:1.25!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

@media (max-width:760px){
  #stocksTable .stock-warehouse-chip{
    max-width:100%!important;
  }

  #stocksTable .stock-metric-pair{
    gap:8px!important;
  }
}
/* ===== END SOURCE 25: styles/pages/stocks-table.css ===== */

/* ===== BEGIN SOURCE 26: styles/pages/expenses-structure.css ===== */
/* IXRU 9C129 - Expenses structure page ownership, phase 15.
   Only the already-fixed "Структура расходов" category breakdown moves here.
   Filters, article dropdown, expense form/modal, KPI cards and expenses table remain separate. */
#view-expenses .expense-category-panel{
  padding:20px 24px 22px!important;
  margin-bottom:12px!important;
}
#view-expenses .expense-category-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
}
#view-expenses .expense-category-head h3{
  margin:0!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
}
#view-expenses .expense-category-summary{
  color:#667085!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
#view-expenses .expense-category-list{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
#view-expenses .expense-category-row{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#view-expenses .expense-category-line{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-width:0!important;
}
#view-expenses .expense-category-line>b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#344054!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
#view-expenses .expense-category-line>span{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
#view-expenses .expense-category-line strong{
  color:#475467!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
  font-variant-numeric:tabular-nums!important;
}
#view-expenses .expense-category-line small{
  min-width:42px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:500!important;
  text-align:right!important;
}
#view-expenses .expense-category-track{
  height:6px!important;
  border-radius:999px!important;
  background:#f0eff8!important;
  overflow:hidden!important;
}
#view-expenses .expense-category-track>span{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#5b4ce6,#8b7ff0)!important;
}
#view-expenses .expense-category-panel .table-result-meta{
  display:none!important;
}
@media(max-width:760px){
  #view-expenses .expense-category-panel{padding:16px!important}
  #view-expenses .expense-category-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important;margin-bottom:16px!important}
  #view-expenses .expense-category-line{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
  #view-expenses .expense-category-line>span{width:100%!important;justify-content:space-between!important}
}
/* ===== END SOURCE 26: styles/pages/expenses-structure.css ===== */

/* ===== BEGIN SOURCE 27: styles/pages/expenses-table.css ===== */
/* IXRU 9C130 - Expenses table page ownership, phase 16.
   Expenses-specific table cells, widths/alignment and delete action only.
   Generic shared smart-table/mobile-card behavior remains with its existing owner. */
.expenses-list-panel{
  min-width:0;
}

.expenses-list-full{
  width:100%;
  min-width:0;
}

.expense-main-cell{
  display:grid;
  gap:3px;
  min-width:230px;
}

.expense-main-cell b{
  font-weight:var(--ui-weight-semibold)!important;
}

.expense-main-cell span{
  color:#667085;
  font-size:11.5px;
  line-height:1.35;
}

.expense-accounting-cell{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-wrap:wrap;
}

.expenses-modern-table [data-column-id="расход"]{
  width:320px!important;
  min-width:320px!important;
}

.expenses-modern-table [data-column-id="кабинет"]{
  width:180px!important;
  min-width:180px!important;
}

.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;
}

.expenses-modern-table tbody td:nth-child(1),
.expenses-modern-table tbody td:nth-child(2),
.expenses-modern-table tbody td:nth-child(5),
.expenses-modern-table tbody td:nth-child(6),
.expenses-modern-table tbody td:nth-child(8){
  text-align:center!important;
}

.expenses-list-panel th:last-child,
.expenses-list-panel td:last-child{
  width:58px!important;
  min-width:58px!important;
  text-align:center!important;
}

/* ===== END SOURCE 27: styles/pages/expenses-table.css ===== */

/* ===== BEGIN SOURCE 28: styles/pages/expenses-controls.css ===== */
/* IXRU 9C131 - Expenses controls ownership, phase 17.
   Page-specific expense article searchable dropdown and add-expense modal controls only.
   Shared filter layout/fields, generic modal labels/fields, expenses table/KPI/structure remain separate. */

/* Legacy expense-form control primitives still used by #expenseModal. */
.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}

@media(max-width:760px){
  .expense-comment-field{grid-column:auto}
  .expense-form-actions{align-items:stretch;flex-direction:column}
  .expense-form-actions .btn{width:100%}
}

/* Dialog geometry established by the expenses redesign. */
.expense-modal-card{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}

@media(max-width:620px){
  .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}
}

/* Final fixed modal contract from management-surface QA. */
.expense-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.expense-comment-field{grid-column:1/-1}
.expense-modal-toggles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.expense-toggle-card{padding:11px!important}
.expense-toggle-card b{font-weight:var(--ui-weight-medium)!important}
.expense-toggle-card small{font-size:11.5px!important;line-height:1.4!important}

@media(max-width:720px){
  .expense-modal-grid,.expense-modal-toggles{grid-template-columns:1fr!important}
  .expense-comment-field{grid-column:auto}
}

/* 9C68 expense article dropdown geometry and browse behavior. */
#view-expenses .expense-filter-article .searchable-select{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  z-index:20!important;
}
#view-expenses .expense-filter-article .searchable-select>input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  box-sizing:border-box!important;
  padding:0 38px 0 14px!important;
  border:1px solid #d5dae4!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#263044!important;
  font:500 13px/1.2 inherit!important;
  box-shadow:none!important;
}
#view-expenses .expense-filter-article .searchable-select>input::-webkit-search-cancel-button{
  display:none!important;
  -webkit-appearance:none!important;
}
#view-expenses .expense-filter-article .searchable-select::after{
  content:'▾';
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  color:#475467;
  font-size:13px;
  pointer-events:none;
}
#view-expenses .expense-filter-article .searchable-select:focus-within{z-index:3000!important}
#view-expenses .expense-filter-article .searchable-select>input:hover{border-color:#b8b2ef!important}
#view-expenses .expense-filter-article .searchable-select>input:focus,
#view-expenses .expense-filter-article .searchable-select>input:focus-visible{
  border-color:#8e83f4!important;
  box-shadow:0 0 0 3px rgba(91,76,230,.10)!important;
  outline:0!important;
}
#view-expenses .expense-filter-article .searchable-select-list{
  left:0!important;
  right:0!important;
  top:calc(100% + 7px)!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  max-height:300px!important;
  box-sizing:border-box!important;
  padding:6px!important;
  border:1px solid #d5dae4!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(16,24,40,.16)!important;
  z-index:3100!important;
}
#view-expenses .expense-filter-article .searchable-select-list button{
  display:block!important;
  width:100%!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#344054!important;
  font:500 13px/1.3 inherit!important;
  text-align:left!important;
}
#view-expenses .expense-filter-article .searchable-select-list button:hover,
#view-expenses .expense-filter-article .searchable-select-list button:focus,
#view-expenses .expense-filter-article .searchable-select-list button[aria-current="true"]{
  background:#f2f1ff!important;
  color:#493dbd!important;
  outline:0!important;
}
/* ===== END SOURCE 28: styles/pages/expenses-controls.css ===== */

/* ===== BEGIN SOURCE 29: styles/pages/advertising-overview.css ===== */
/* IXRU 9C132 - Advertising overview chart ownership, phase 18.
   Advertising chart panel/toggles/SVG geometry only. Campaign table and Advertising filters remain separate.
   Ownership-only migration; no intentional visual changes. */

#view-advertising .ad-overview-panel{padding:20px 22px 16px!important}
#view-advertising .ad-overview-head{margin-bottom:6px!important}
#view-advertising .ad-overview-head h3{margin-bottom:4px!important}
#view-advertising .ad-chart-toggles{gap:5px!important}
#view-advertising .chart-toggle{
  display:grid!important;
  grid-template-columns:8px minmax(64px,auto)!important;
  align-items:center!important;
  gap:1px 6px!important;
  min-height:40px!important;
  padding:5px 9px!important;
}
#view-advertising .chart-toggle>em{font-style:normal;font-size:11px;font-weight:700;color:inherit;text-align:center}
#view-advertising .chart-toggle>strong{grid-column:2;font-size:11px;line-height:1;font-weight:800;color:#344054;font-variant-numeric:tabular-nums;text-align:center}
#view-advertising .chart-toggle:has(input:not(:checked))>strong{color:inherit}
#view-advertising .chart-toggle-dot{grid-row:1/3!important;align-self:center!important}
#view-advertising .interactive-chart{min-height:260px!important;height:260px!important}
#view-advertising .chart-stage{min-height:260px!important;height:260px!important;padding:2px 0 24px!important}
#view-advertising .chart-stage svg{height:226px!important}
#view-advertising .chart-axis-labels{left:42px!important;right:24px!important;bottom:1px!important;gap:12px!important}
#view-advertising .chart-axis-labels span{white-space:nowrap}
#view-advertising .chart-point{fill:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke}
#view-advertising .chart-point.spend{stroke:#ef8b35}
#view-advertising .chart-point.sales{stroke:#2f9f69}
#view-advertising .chart-point.orders{stroke:#4e7bd9}
#view-advertising .chart-point.drr{stroke:#8a57d7}

@media(max-width:760px){
  #view-advertising .ad-overview-panel{padding:16px!important}
  #view-advertising .interactive-chart,#view-advertising .chart-stage{min-height:238px!important;height:238px!important}
  #view-advertising .chart-stage svg{height:204px!important}
  #view-advertising .chart-axis-labels span:nth-child(even){display:none}
}


/* policy1an advertising legend */
#view-advertising .ad-chart-toggles{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}

#view-advertising .ad-chart-legend-date{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-right:4px;
  padding:3px 7px;
  border-radius:7px;
  background:#f4f6f8;
  color:#667085;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

#view-advertising .ad-chart-toggles .chart-toggle{
  min-height:28px;
  gap:5px;
  padding:3px 6px;
  border-radius:7px;
  box-shadow:none;
}

#view-advertising .ad-chart-toggles .chart-toggle em{
  font-size:11px;
  font-style:normal;
  font-weight:650;
}

#view-advertising .ad-chart-toggles .chart-toggle strong{
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}



@media(max-width:780px){
  #view-advertising .ad-chart-toggles{
    width:100%;
    justify-content:flex-start;
  }

  #view-advertising .ad-chart-legend-date{
    width:100%;
    margin-right:0;
  }
}


/* policy1ao advertising UI polish */

#view-advertising .ad-chart-toggles{
  gap:6px;
}

#view-advertising .ad-chart-legend-date{
  min-height:40px;
  margin-right:2px;
  padding:0 10px;
  justify-content:center;
  border:1px solid #eaedf2;
  border-radius:10px;
  background:#f7f8fa;
  color:#667085;
  font-size:11px;
  font-weight:750;
}

#view-advertising .ad-chart-toggles .chart-toggle{
  min-height:40px;
  padding:5px 9px;
  border:1px solid #e3e8ef;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  justify-items:center;
}

#view-advertising .ad-chart-toggles .chart-toggle em,
#view-advertising .ad-chart-toggles .chart-toggle strong{
  width:100%;
  text-align:center;
}

#view-advertising .ad-chart-toggles .chart-toggle-dot{
  justify-self:center;
}

#view-advertising .ad-overview-head .ad-attention-wrap .ad-attention-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:5px 10px;
  border:1px solid #f0d59a;
  border-radius:10px;
  background:#fffaf1;
  color:#8a5a00;
  box-shadow:none;
}


#view-advertising .ad-overview-head .ad-attention-chip>span{
  display:inline-flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:#fff0c7;
  color:#a96b00;
  font-size:13px;
  font-weight:900;
}

#view-advertising .ad-overview-head .ad-attention-chip>b{
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}

#view-advertising .ad-overview-head .ad-attention-chip>em{
  display:inline-flex;
  min-width:22px;
  height:22px;
  padding:0 5px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff1cf;
  color:#946000;
  font-size:11px;
  font-style:normal;
  font-weight:850;
}

#view-advertising #adCards .metric-card .value .ad-profit-card-main{
  display:block;
}

#view-advertising #adCards .metric-card .value .ad-profit-card-period{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:11px;
  font-weight:650;
  line-height:1.2;
}

@media(max-width:780px){
  #view-advertising .ad-chart-legend-date{
    min-height:36px;
  }

  #view-advertising .ad-chart-toggles .chart-toggle{
    min-height:36px;
  }

  #view-advertising .ad-overview-head .ad-attention-wrap{
    width:100%;
  }
}


/* policy1ap advertising visual cleanup */

#view-advertising .ad-attention-popover .insight-row{
  gap:10px;
  padding:12px 14px;
}

#view-advertising .ad-attention-popover .insight-row>div>b{
  display:block;
  font-size:14px;
  font-weight:750;
  line-height:1.35;
}

#view-advertising .ad-attention-popover .insight-row>div>span{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.45;
}

#view-advertising .ad-attention-popover .insight-icon{
  display:grid;
  place-items:center;
  width:28px;
  min-width:28px;
  height:28px;
  border-radius:8px;
  font-size:14px;
  font-weight:850;
  line-height:1;
}
/* ===== END SOURCE 29: styles/pages/advertising-overview.css ===== */

/* ===== BEGIN SOURCE 30: styles/pages/advertising-table.css ===== */
/* IXRU 9C133 - Advertising campaign table ownership, phase 19.
   Ownership-only migration. No intentional visual changes. */

#view-advertising .ad-campaigns-panel{
  padding-top:14px!important;
}
#view-advertising .advertising-campaigns-table [data-column-id="кампания"]{
  min-width:0!important;
}
#view-advertising .advertising-campaigns-table :is([data-column-id="статус_wb"],[data-column-id="контроль"]){
  text-align:center!important;
}
#view-advertising .advertising-campaigns-table :is([data-column-id="статус_wb"],[data-column-id="контроль"]) .pill{
  margin-inline:auto;
}
/* ===== END SOURCE 30: styles/pages/advertising-table.css ===== */

/* ===== BEGIN SOURCE 31: styles/pages/growth-table.css ===== */
/* IXRU 9C133 - Growth table ownership, phase 20.
   Ownership-only migration. Filter controls remain with canonical filter components. */

#view-growth .table-action-bar{
  min-height:24px!important;
  padding:0 2px!important;
}
#view-growth .growth-products-table [data-column-id="товар"]{
  width:320px!important;
  min-width:320px!important;
}
#view-growth .growth-products-table [data-column-id="что_проверить"]{
  text-align:center!important;
}
#view-growth .growth-products-table [data-column-id="что_проверить"] .growth-decision-text{
  display:inline-block!important;
  max-width:190px!important;
  font-size:13.5px!important;
  line-height:1.42!important;
  font-weight:400!important;
  color:#475467!important;
}
#view-growth .growth-products-table [data-column-id="товар"] .funnel-product-cell.with-thumb{
  align-items:flex-start!important;
  gap:12px!important;
}
#view-growth .growth-products-table .funnel-product-meta{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:4px!important;
}
#view-growth .growth-products-table .funnel-product-title-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
}
#view-growth .growth-products-table .product-name-link b{
  max-width:none!important;
}
#view-growth .growth-products-table .funnel-product-article{
  color:var(--lm-muted)!important;
  font-size:11px!important;
  line-height:1.3!important;
}
#view-growth .growth-products-table .query-action-icon-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:1px solid #cbc5fb!important;
  border-radius:9px!important;
  background:#f4f2ff!important;
  color:#4b3fc5!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#view-growth .growth-products-table .query-action-icon-btn svg{
  width:15px!important;
  height:15px!important;
}
#view-growth .growth-products-table .query-action-icon-btn:hover{
  background:#e9e6ff!important;
  border-color:#b7aff7!important;
}
#view-growth .growth-products-table .query-action-btn{
  display:none!important;
}
#view-growth .growth-products-table tbody td[data-column-id="что_проверить"]{
  text-align:center!important;
  color:#475467!important;
  font-weight:400!important;
}
#view-growth .growth-products-table tbody td[data-column-id="что_проверить"] :is(.growth-decision-text,.decision-text){
  display:inline-block!important;
  max-width:190px!important;
  font-size:13.5px!important;
  line-height:1.42!important;
  font-weight:400!important;
  color:#475467!important;
}
/* ===== END SOURCE 31: styles/pages/growth-table.css ===== */

/* ===== BEGIN SOURCE 32: styles/pages/product-search.css ===== */
/* IXRU 9C133 - Product search informational-state ownership, phase 21.
   Ownership-only migration. No intentional visual changes. */

#view-product-search>.permanent-search-access-note,
#view-product-search .search-data-access-note{
  display:none!important;
}
#view-product-search .entity-hero{
  margin-bottom:16px!important;
}
#view-product-search .search-data-state{
  margin-top:12px!important;
}
#view-product-search .search-subscription-note{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 7px!important;
  color:#667085!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#view-product-search .search-subscription-note::before{
  content:""!important;
  flex:0 0 auto!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#6758e8!important;
  box-shadow:0 0 0 4px rgba(103,88,232,.10)!important;
}
#view-product-search .search-subscription-note b{
  color:#5148c8!important;
  font-weight:650!important;
}
#view-product-search .search-query-guide{
  display:none!important;
}
/* ===== END SOURCE 32: styles/pages/product-search.css ===== */

/* ===== BEGIN SOURCE 33: styles/pages/outbound-list.css ===== */
/* IXRU 9C134 - Outbound sheet list ownership, phase 22.
   Ownership-only migration of the existing 9C46 list filter/table contract. */

/* The outer toolbar is the only filter surface. */
#planningPaneSheets .outbound-list-toolbar{
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters>label{
  display:flex!important;
  flex:0 1 320px!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:220px!important;
  max-width:360px!important;
  margin:0!important;
  color:#667085!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters>label.orders-search{
  flex:1 1 360px!important;
  min-width:280px!important;
  max-width:560px!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters>label[hidden],
#planningPaneSheets .outbound-list-toolbar>.filters>.local-cabinet-filter[hidden]{display:none!important}

#planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select,.filter-reset-btn){
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select){
  width:100%!important;
  padding:0 14px!important;
  border:1px solid #d5dae4!important;
  background:#fff!important;
  color:#263044!important;
  box-shadow:none!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters input[type="search"]::placeholder{
  color:#98a2b3!important;
  font:400 14px/1.2 inherit!important;
  opacity:1!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-end!important;
  gap:7px!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid #d5dae4!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
}
#planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn>span:first-child{
  color:#7568ec!important;
  font-size:16px!important;
  font-weight:400!important;
}
@media (hover:hover) and (pointer:fine){
  #planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select):hover{
    border-color:#b8b2ef!important;
  }
  #planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn:not(:disabled):hover{
    border-color:#9e96ee!important;
    background:#faf9ff!important;
    color:#493dbd!important;
    box-shadow:0 6px 16px rgba(16,24,40,.10)!important;
    transform:none!important;
  }
}
#planningPaneSheets .outbound-list-toolbar>.filters :is(input[type="search"],select,.filter-reset-btn):focus-visible{
  outline:3px solid rgba(117,104,236,.22)!important;
  outline-offset:2px!important;
  border-color:#8f85ef!important;
}

/* The requested compact columns remain readable while yielding space to List, Warehouse and Updated. */
#outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="дата"]{
  padding-left:10px!important;
  padding-right:10px!important;
}
#outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="товаров"],
#outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="количество"],
#outboundTable table[data-table-key="outboundSheets"] :is(th,td)[data-column-id="короба__паллеты"]{
  padding-left:9px!important;
  padding-right:9px!important;
}

@media (max-width:760px){
  #planningPaneSheets .outbound-list-toolbar>.filters{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #planningPaneSheets .outbound-list-toolbar>.filters>label,
  #planningPaneSheets .outbound-list-toolbar>.filters>label.orders-search,
  #planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex-basis:auto!important;
  }
}
@media (prefers-reduced-motion:reduce){
  #planningPaneSheets .outbound-list-toolbar>.filters>.filter-reset-btn{transition:none!important}
}
/* ===== END SOURCE 33: styles/pages/outbound-list.css ===== */

/* ===== BEGIN SOURCE 34: styles/pages/planning-cabinet.css ===== */
/* IXRU 9C134 - Planning cabinet context ownership, phase 23.
   Preserves the final 9C47-9C49 cabinet chooser/help and outbound cabinet pill contract. */
#view-planning .planning-sheet-cabinet-control{display:grid!important;grid-template-columns:minmax(210px,280px)!important;gap:5px!important;align-self:end!important;margin:0 auto 0 0!important;color:#667085!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important}
#view-planning .planning-sheet-cabinet-control[hidden]{display:none!important}
#view-planning .planning-sheet-cabinet-control>span{display:flex!important;align-items:center!important;gap:6px!important}
#view-planning .planning-sheet-cabinet-control select{height:42px!important;min-height:42px!important;border:1px solid #cfc9f6!important;border-radius:10px!important;background:#fbfaff!important;color:#2f285f!important;padding:0 38px 0 13px!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important}
#view-planning .planning-sheet-cabinet-control small{color:#7b8495!important;font-size:11.5px!important;font-weight:400!important;line-height:1.3!important}
#view-planning .planning-filter-actions:has(.planning-sheet-cabinet-control:not([hidden])){align-items:flex-end!important;flex-wrap:wrap!important}
.outbound-cabinet-pill{display:inline-flex!important;align-items:center!important;max-width:145px!important;padding:5px 9px!important;border:1px solid #dedafa!important;border-radius:999px!important;background:#f7f5ff!important;color:#574daf!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;white-space:normal!important}
@media(max-width:760px){#view-planning .planning-sheet-cabinet-control{grid-template-columns:1fr!important;width:100%!important}.planning-filter-actions:has(.planning-sheet-cabinet-control:not([hidden]))>*{width:100%!important;max-width:none!important}}
#view-planning .planning-filter-footer{align-items:center!important;flex-direction:row!important}
#view-planning .planning-filter-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;width:auto!important}
#view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn,.planning-build-btn){width:160px!important;min-width:160px!important}
#view-planning .planning-sheet-cabinet-control{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 318px!important;width:318px!important;min-width:318px!important;max-width:318px!important;margin:0!important}
#view-planning .planning-sheet-cabinet-control[hidden]{display:none!important}
#view-planning .planning-sheet-cabinet-control select{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;box-sizing:border-box!important;margin:0!important;padding:0 38px 0 13px!important;border:1px solid #cfc9f6!important;border-radius:10px!important;background:#fbfaff!important;color:#2f285f!important;box-shadow:none!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important}
#view-planning .planning-sheet-cabinet-help{display:inline-grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:1px solid #cfc9f6!important;border-radius:8px!important;background:#f7f5ff!important;color:#6557e8!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1!important;cursor:help!important}
#view-planning .planning-sheet-cabinet-help:focus-visible{outline:3px solid rgba(117,104,236,.2)!important;outline-offset:2px!important}
@media(max-width:1500px){#view-planning .planning-filter-footer{align-items:flex-start!important;flex-direction:column!important}#view-planning .planning-filter-actions{width:100%!important;justify-content:flex-end!important}}
@media(max-width:900px){#view-planning .planning-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}#view-planning .planning-sheet-cabinet-control{grid-column:1/-1!important;width:100%!important;min-width:0!important;max-width:none!important}#view-planning .planning-filter-actions :is(.filter-reset-btn,.planning-export-btn,.planning-build-btn){width:100%!important;min-width:0!important}#view-planning .planning-filter-actions .planning-build-btn{grid-column:1/-1!important}}
@media(max-width:560px){#view-planning .planning-filter-actions{grid-template-columns:1fr!important}#view-planning .planning-sheet-cabinet-control{grid-column:1!important}#view-planning .planning-filter-actions .planning-build-btn{grid-column:1!important}}
#view-planning .planning-sheet-cabinet-help.help-tip{display:inline-grid!important;place-items:center!important;align-self:center!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;border:1px solid #d6d3fb!important;border-radius:5px!important;background:#f7f6ff!important;color:#5b50d6!important;box-sizing:border-box!important;font-family:inherit!important;font-size:10px!important;font-weight:700!important;line-height:1!important;vertical-align:middle!important;box-shadow:none!important;cursor:help!important}
#view-planning .planning-sheet-cabinet-help.help-tip:hover,#view-planning .planning-sheet-cabinet-help.help-tip:focus-visible{border-color:#b9b3f5!important;background:#eeecff!important;color:#4338ca!important;outline:none!important;box-shadow:0 0 0 3px rgba(91,80,214,.10)!important}
/* ===== END SOURCE 34: styles/pages/planning-cabinet.css ===== */

/* ===== BEGIN SOURCE 35: styles/pages/shipment-actions.css ===== */
/* IXRU 9C134 - Shipment sheet action-row ownership, phase 24.
   Preserves final 9C37-9C38 action geometry only; builder/header/modal remain legacy. */
#view-shipment-sheet .shipment-sheet-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}
#view-shipment-sheet .shipment-sheet-action{width:190px!important;min-width:190px!important;height:42px!important;min-height:42px!important;padding:0 18px!important;border-radius:10px!important;font-size:14px!important;font-weight:600!important;line-height:1!important;justify-content:center!important}
#view-shipment-sheet .shipment-print-btn{min-width:190px!important}
@media(max-width:720px){#view-shipment-sheet .shipment-sheet-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}#view-shipment-sheet .shipment-sheet-action{width:100%!important;min-width:0!important}}
#view-shipment-sheet .shipment-sheet-action{flex:0 0 220px!important;width:220px!important;min-width:220px!important;white-space:nowrap!important;text-wrap:nowrap!important;line-height:1.2!important}
#view-shipment-sheet .shipment-save-btn{white-space:nowrap!important}
@media(max-width:760px){#view-shipment-sheet .shipment-sheet-action{flex:1 1 100%!important;width:100%!important;min-width:0!important}}

/* 9D30 — shipment point is an optional manual note, not a live WB selector. */
#view-shipment-sheet .shipment-warehouse-field>input#shipmentWarehouseSearch{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;box-sizing:border-box!important;margin:0!important;padding:0 13px!important;border:1px solid #d0d5dd!important;border-radius:10px!important;background:#fff!important;color:#344054!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.2!important;box-shadow:none!important;}
#view-shipment-sheet .shipment-warehouse-field>input#shipmentWarehouseSearch::placeholder{color:#98a2b3!important;font-weight:400!important;}
#view-shipment-sheet .shipment-warehouse-field>input#shipmentWarehouseSearch:focus-visible{outline:3px solid rgba(117,104,236,.2)!important;outline-offset:2px!important;border-color:#8f85ef!important;}
/* ===== END SOURCE 35: styles/pages/shipment-actions.css ===== */

/* ===== BEGIN SOURCE 36: styles/pages/settings-runtime.css ===== */
/* IXRU 9C135 — Settings runtime ownership, phase 25. No intentional visual changes. */
/* IXRU 9C79 — standard settings table + shared API subgrid */

/* Active sessions: one normal IXRU table, without a separate floating header card. */
#view-settings .security-sessions-panel{
  padding:18px!important;
}
#view-settings .security-sessions-panel>.panel-head{
  margin-bottom:12px!important;
}
#view-settings .security-sessions-panel .security-session-table{
  display:grid!important;
  grid-template-columns:minmax(300px,1.55fr) minmax(200px,.85fr) minmax(200px,.8fr) 150px!important;
  gap:0!important;
  width:100%!important;
  border:1px solid #dfe3eb!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
}
#view-settings .security-sessions-panel .security-session-header,
#view-settings .security-sessions-panel .security-session-row{
  display:grid!important;
  grid-template-columns:subgrid!important;
  grid-column:1/-1!important;
  align-items:center!important;
  min-width:0!important;
}
#view-settings .security-sessions-panel .security-session-header{
  min-height:48px!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid #dfe3eb!important;
  background:#f6f7fa!important;
}
#view-settings .security-sessions-panel .security-session-header>span{
  padding:0 16px!important;
  color:#8b95a7!important;
  font-size:12px!important;
  font-weight:600!important;
  text-align:center!important;
}
#view-settings .security-sessions-panel .security-session-header>span:first-child{
  text-align:left!important;
}
#view-settings .security-sessions-panel .security-session-row{
  min-height:82px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#view-settings .security-sessions-panel .security-session-row+.security-session-row{
  margin:0!important;
  border-top:1px solid #eaecf0!important;
}
#view-settings .security-sessions-panel .security-session-row.is-current{
  border-color:#eaecf0!important;
  background:#fbfaff!important;
  box-shadow:inset 4px 0 #5b4ce6!important;
}
#view-settings .security-sessions-panel .security-session-row>*{
  min-width:0!important;
  padding:14px 16px!important;
  text-align:center!important;
}
#view-settings .security-sessions-panel .security-session-device{
  text-align:left!important;
}
#view-settings .security-sessions-panel .security-session-device b{
  font-size:13.5px!important;
  font-weight:600!important;
  color:#273142!important;
}
#view-settings .security-sessions-panel .security-session-device span{
  margin-top:4px!important;
  font-size:11.5px!important;
  color:#667085!important;
}
#view-settings .security-sessions-panel .security-session-device i{
  display:inline-flex!important;
  margin-top:7px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  background:#efedff!important;
  color:#5b4ce6!important;
  font-size:10.5px!important;
  font-style:normal!important;
}
#view-settings .security-sessions-panel .security-session-row>div:not(.security-session-device) small{
  display:none!important;
}
#view-settings .security-sessions-panel .security-session-row>div:not(.security-session-device) b{
  font-size:13px!important;
  font-weight:600!important;
  color:#344054!important;
  font-variant-numeric:tabular-nums!important;
}
#view-settings .security-sessions-panel .security-session-row>div:last-child{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#view-settings .security-sessions-panel .security-session-row .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:120px!important;
  min-width:120px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid #d0d5dd!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475467!important;
  font:500 14px/1.2 inherit!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
#view-settings .security-sessions-panel .security-session-row .btn:hover{
  border-color:#9e96ee!important;
  background:#faf9ff!important;
  color:#493dbd!important;
}

/* API cabinets: one shared grid for every row, so all vertical boundaries match. */
#view-settings .settings-api-panel-flat .api-cabinet-overview-list{
  display:grid!important;
  grid-template-columns:minmax(275px,.82fr) minmax(290px,.9fr) minmax(245px,.72fr) minmax(330px,1.05fr) 345px!important;
  gap:12px 0!important;
  width:100%!important;
  margin-top:14px!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row{
  display:grid!important;
  grid-template-columns:subgrid!important;
  grid-column:1/-1!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  height:142px!important;
  min-height:142px!important;
  padding:0!important;
  border:1px solid #dfe3eb!important;
  border-radius:13px!important;
  background:#fff!important;
  position:relative!important;
  overflow:visible!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head,
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-detail,
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-actions{
  min-width:0!important;
  height:100%!important;
  padding:15px 16px!important;
  box-sizing:border-box!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  column-gap:12px!important;
  row-gap:7px!important;
  border-right:1px solid #eaecf0!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-head>.settings-cabinet-avatar{
  grid-row:1/3!important;
  align-self:center!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-head>.api-cabinet-title{
  grid-column:2!important;
  min-width:0!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-head>.pill{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
  white-space:nowrap!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-title h4{
  margin:0 0 3px!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:600!important;
  color:#273142!important;
  white-space:normal!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-title>span{
  font-size:11px!important;
  color:#7b8494!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-detail{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  border-right:1px solid #eaecf0!important;
  background:transparent!important;
  overflow:hidden!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-detail small{
  flex:0 0 auto!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:#98a2b3!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-detail b{
  flex:0 0 auto!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#344054!important;
  overflow-wrap:anywhere!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-detail>span,
#view-settings .settings-api-panel-flat .api-cabinet-detail>em{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  font-size:10.8px!important;
  line-height:1.4!important;
  color:#667085!important;
  font-style:normal!important;
}
#view-settings .settings-api-panel-flat .api-category-chips{
  display:flex!important;
  align-items:flex-start!important;
  align-content:flex-start!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  max-height:55px!important;
  overflow:hidden!important;
}
#view-settings .settings-api-panel-flat .api-category-chips span{
  white-space:nowrap!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  border-right:0!important;
  white-space:nowrap!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font:500 13px/1.2 inherit!important;
  white-space:nowrap!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
  min-width:128px!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
  min-width:145px!important;
  background:#5b4ce6!important;
  border-color:#5b4ce6!important;
  color:#fff!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu>summary{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-warning{
  position:absolute!important;
  left:calc(275px + 16px)!important;
  right:361px!important;
  bottom:7px!important;
  margin:0!important;
  padding:4px 8px!important;
  font-size:10px!important;
  line-height:1.25!important;
}

@media(max-width:1500px){
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
    grid-template-columns:minmax(250px,.8fr) minmax(260px,.85fr) minmax(220px,.7fr) minmax(300px,1fr) 300px!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn{
    padding-inline:11px!important;
    font-size:12px!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{min-width:116px!important}
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{min-width:133px!important}
}
@media(max-width:1220px){
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
    grid-template-columns:1fr 1fr!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row{
    grid-template-columns:subgrid!important;
    height:auto!important;
    min-height:0!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head{
    grid-column:1/-1!important;
    border-right:0!important;
    border-bottom:1px solid #eaecf0!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-detail{
    border-bottom:1px solid #eaecf0!important;
  }
  #view-settings .settings-api-panel-flat .api-sync-detail{
    grid-column:1/-1!important;
    border-right:0!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
    border-top:0!important;
  }
}
@media(max-width:820px){
  #view-settings .security-sessions-panel .security-session-table{
    display:block!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  #view-settings .security-sessions-panel .security-session-header{display:none!important}
  #view-settings .security-sessions-panel .security-session-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    margin-bottom:10px!important;
    border:1px solid #dfe3eb!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  #view-settings .security-sessions-panel .security-session-row+.security-session-row{border-top:1px solid #dfe3eb!important}
  #view-settings .security-sessions-panel .security-session-row>*{
    text-align:left!important;
    border-top:1px solid #eaecf0!important;
  }
  #view-settings .security-sessions-panel .security-session-row>*:first-child{border-top:0!important}
  #view-settings .security-sessions-panel .security-session-row>div:not(.security-session-device) small{display:block!important}
  #view-settings .security-sessions-panel .security-session-row>div:last-child{justify-content:stretch!important}
  #view-settings .security-sessions-panel .security-session-row .btn{width:100%!important}
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{grid-template-columns:1fr!important}
  #view-settings .settings-api-panel-flat .api-cabinet-row{grid-template-columns:subgrid!important}
  #view-settings .settings-api-panel-flat .api-cabinet-row>*{grid-column:1!important;border-right:0!important;border-bottom:1px solid #eaecf0!important}
  #view-settings .settings-api-panel-flat .api-cabinet-actions{flex-wrap:wrap!important;border-bottom:0!important}
}
/* IXRU 9C80 — sessions cleanup and API actions containment. */

/* Active sessions: no decorative header fill and no KPI-like accent on the current row. */
#view-settings .security-sessions-panel .security-session-table{
  border-color:#dfe3eb!important;
  background:#fff!important;
}
#view-settings .security-sessions-panel .security-session-header{
  min-height:42px!important;
  background:#fff!important;
  border-bottom:1px solid #e5e8ef!important;
}
#view-settings .security-sessions-panel .security-session-header>span{
  padding:0 16px!important;
  color:#7b8494!important;
  font-size:11.5px!important;
  font-weight:600!important;
}
#view-settings .security-sessions-panel .security-session-row,
#view-settings .security-sessions-panel .security-session-row.is-current{
  min-height:76px!important;
  background:#fff!important;
  border-left:0!important;
  box-shadow:none!important;
}
#view-settings .security-sessions-panel .security-session-row.is-current{
  border-color:transparent!important;
}
#view-settings .security-sessions-panel .security-session-row+.security-session-row{
  border-top:1px solid #eaecf0!important;
}
#view-settings .security-sessions-panel .security-session-row .btn{
  width:auto!important;
  min-width:112px!important;
  max-width:132px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid #d5dae4!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475467!important;
  font:500 14px/1.2 inherit!important;
  white-space:nowrap!important;
}

/* API rows: narrower shared grid and a contained two-row actions cell. */
#view-settings .settings-api-panel-flat{
  overflow:hidden!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-overview-list{
  grid-template-columns:minmax(235px,.86fr) minmax(225px,.88fr) minmax(205px,.72fr) minmax(250px,1.05fr) 230px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row{
  width:100%!important;
  min-width:0!important;
  height:142px!important;
  min-height:142px!important;
  overflow:hidden!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-overview-head,
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-detail,
#view-settings .settings-api-panel-flat .api-cabinet-row>.api-cabinet-actions{
  min-width:0!important;
  max-width:100%!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  grid-auto-rows:42px!important;
  align-content:center!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:8px!important;
  width:100%!important;
  padding:15px!important;
  white-space:normal!important;
  overflow:hidden!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 10px!important;
  font:500 12.5px/1.2 inherit!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
  grid-column:1/-1!important;
  min-width:0!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
  grid-column:1!important;
  min-width:0!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
  grid-column:2!important;
  grid-row:2!important;
  width:42px!important;
  min-width:42px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu>summary{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row.no-token .api-cabinet-actions{
  grid-template-columns:1fr!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row.no-token .api-cabinet-actions .btn.secondary{
  grid-column:1!important;
  align-self:center!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-warning{
  left:calc(235px + 14px)!important;
  right:244px!important;
}

@media(max-width:1450px){
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
    grid-template-columns:minmax(220px,.82fr) minmax(210px,.82fr) minmax(190px,.7fr) minmax(230px,1fr) 220px!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
    padding:12px!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-warning{
    left:234px!important;
    right:232px!important;
  }
}
@media(max-width:1180px){
  #view-settings .settings-api-panel-flat{overflow:visible!important}
  #view-settings .settings-api-panel-flat .api-cabinet-overview-list{
    grid-template-columns:1fr 1fr!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
    grid-column:1/-1!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px!important;
    grid-auto-rows:42px!important;
    padding:12px 15px!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
    grid-column:1!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
    grid-column:2!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
    grid-column:3!important;
    grid-row:1!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-row.no-token .api-cabinet-actions{
    grid-template-columns:minmax(0,240px)!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-warning{
    position:static!important;
    grid-column:1/-1!important;
    margin:0 15px 10px!important;
  }
}
@media(max-width:820px){
  #view-settings .settings-api-panel-flat .api-cabinet-actions{
    grid-template-columns:1fr 42px!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.secondary{
    grid-column:1/-1!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .btn.tertiary{
    grid-column:1!important;
  }
  #view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
    grid-column:2!important;
    grid-row:2!important;
  }
}
/* IXRU 9C81 — API action menu overlay containment fix. */

/* Allow the three-dots action menu to render above the cabinet card instead of being clipped. */
#view-settings .settings-api-panel-flat,
#view-settings .settings-api-panel-flat .api-cabinet-overview-list,
#view-settings .settings-api-panel-flat .api-cabinet-overview,
#view-settings .settings-api-panel-flat .api-cabinet-row,
#view-settings .settings-api-panel-flat .api-cabinet-actions{
  overflow:visible!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-row{
  position:relative!important;
  isolation:isolate!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions{
  position:relative!important;
  z-index:2!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu{
  position:relative!important;
  z-index:3!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu[open]{
  z-index:80!important;
}
#view-settings .settings-api-panel-flat .api-cabinet-actions .settings-action-menu>div{
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:81!important;
}

/* Keep the fixed-height API rows visually stable while allowing the popup to escape. */
#view-settings .settings-api-panel-flat .api-cabinet-row.no-token,
#view-settings .settings-api-panel-flat .api-cabinet-row.has-token{
  overflow:visible!important;
}

/* IXRU 9D36 — compact WB-only landing, proper auth modal and demo shell */

.auth-screen{
  position:fixed;
  inset:0;
  z-index:3000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(10px);
}

.auth-screen.active{display:flex}

.auth-card{
  position:relative;
  width:min(460px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  overflow:auto;
  margin:auto;
  padding:25px;
  border:1px solid #e4e7ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.24);
}

.auth-card .auth-brand{margin-bottom:10px}
.auth-card>h2{margin:12px 0 5px;font-size:23px}
.auth-card>#authSubtitle{margin:0}
.auth-close{position:absolute;right:14px;top:14px}

body.auth-open{overflow:hidden}


/* Landing */
.landing-v36{
  min-height:100vh;
  padding:0;
  overflow:visible;
  background:
    radial-gradient(circle at 12% 3%,rgba(91,75,216,.08),transparent 22%),
    linear-gradient(180deg,#fbfbfd 0%,#f6f7fa 55%,#f2f4f7 100%);
}

.landing-v36-header{
  position:sticky;
  top:0;
  z-index:500;
  max-width:none;
  margin:0;
  padding:13px max(24px,calc((100vw - 1180px)/2));
  border-bottom:1px solid rgba(228,231,236,.86);
  background:rgba(251,251,253,.92);
  backdrop-filter:blur(16px);
}

.landing-v36-header .landing-brand{min-width:210px}
.landing-v36-header .logo{width:40px;height:40px;min-width:40px}
.landing-v36-header .logo img{width:38px;height:38px}
.landing-v36-header .ixru-brand-copy h1{font-size:21px}
.landing-v36-header .ixru-brand-copy p{font-size:10.5px}

.landing-v36-nav{
  display:flex;
  flex-direction:row;
  gap:28px;
}

.landing-v36-nav a{
  color:#667085;
  text-decoration:none;
  font-size:12.5px;
  font-weight:700;
}

.landing-v36-nav a:hover{color:#5145cd}

.landing-v36-actions{
  min-width:210px;
  justify-content:flex-end;
}

.landing-v36-main{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:0 0 40px;
}

.landing-v36-hero{
  min-height:575px;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);
  align-items:center;
  gap:54px;
  padding:58px 0 48px;
}

.landing-v36-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid #e4e7ec;
  border-radius:999px;
  background:#fff;
  color:#5145cd;
  font-size:11px;
  font-weight:800;
}

.landing-v36-badge i{
  width:7px;height:7px;border-radius:50%;
  background:#12b76a;
  box-shadow:0 0 0 4px #ecfdf3;
}

.landing-v36-hero h1{
  max-width:680px;
  margin:21px 0 0;
  color:#101828;
  font-size:51px;
  line-height:1.04;
  letter-spacing:-.055em;
}

.landing-v36-hero h1 em{
  color:#5a4bd8;
  font-style:normal;
}

.landing-v36-hero-copy>p{
  max-width:650px;
  margin:22px 0 0;
  color:#667085;
  font-size:16px;
  line-height:1.65;
}

.landing-v36-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:27px;
}

.landing-v36-demo-btn{
  text-decoration:none;
  background:#5a4bd8;
}

.landing-v36-trust{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  margin-top:19px;
  color:#667085;
  font-size:11.5px;
  font-weight:650;
}

.landing-v36-preview{
  padding:20px;
  border:1px solid #26334c;
  border-radius:18px;
  background:linear-gradient(145deg,#101828,#18243a 62%,#241d49);
  color:#fff;
  box-shadow:0 30px 70px rgba(15,23,42,.20);
}

.landing-v36-preview-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}

.landing-v36-preview-head>div,
.landing-v36-profit{
  display:flex;
  flex-direction:column;
}

.landing-v36-preview-head small,
.landing-v36-profit small{
  color:#98a2b3;
  font-size:10px;
}

.landing-v36-preview-head b{margin-top:3px;font-size:15px}

.landing-v36-preview-head>span{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#d0d5dd;
  font-size:9.5px;
}

.landing-v36-preview-head>span i{
  width:6px;height:6px;border-radius:50%;background:#32d583;
}

.landing-v36-profit{margin-top:27px}
.landing-v36-profit strong{
  margin-top:4px;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
}
.landing-v36-profit>span{margin-top:5px;color:#6ce9a6;font-size:11px}

.landing-v36-chart{
  height:105px;
  display:flex;
  align-items:flex-end;
  gap:7px;
  padding-top:20px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.landing-v36-chart span{
  flex:1;
  min-height:8px;
  border-radius:5px 5px 1px 1px;
  background:linear-gradient(180deg,#a99df8,#6557df);
  opacity:.9;
}

.landing-v36-preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}

.landing-v36-preview-grid>div{
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.055);
}

.landing-v36-preview-grid span,
.landing-v36-preview-grid b{display:block}
.landing-v36-preview-grid span{color:#98a2b3;font-size:9px}
.landing-v36-preview-grid b{margin-top:4px;font-size:13.5px}
.landing-v36-preview-grid .good b{color:#6ce9a6}


.landing-v36-product{padding:72px 0 74px}

.landing-v36-section-head{
  max-width:680px;
  margin-bottom:25px;
}

.landing-v36-section-head>span,
.landing-v36-kicker,
.landing-v36-insight-copy>span{
  color:#5a4bd8;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.landing-v36-section-head h2,
.landing-v36-insight h2,
.landing-v36-connect h2{
  margin:8px 0 0;
  font-size:34px;
  line-height:1.16;
  letter-spacing:-.035em;
  color:#182230;
}

.landing-v36-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.landing-v36-feature-grid article{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:126px;
  padding:17px;
  border:1px solid #e4e7ec;
  border-radius:13px;
  background:#fff;
}

.landing-v36-feature-grid article>i{
  width:34px;height:34px;flex:0 0 34px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#f0efff;
  color:#5145cd;
  font-style:normal;
  font-weight:850;
}

.landing-v36-feature-grid b,
.landing-v36-feature-grid span{display:block}
.landing-v36-feature-grid b{font-size:14px;color:#344054}
.landing-v36-feature-grid span{
  margin-top:5px;
  color:#667085;
  font-size:11.5px;
  line-height:1.5;
}

.landing-v36-insight{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:55px;
  align-items:center;
  margin-top:64px;
}

.landing-v36-insight-copy>p{
  max-width:590px;
  margin:14px 0 0;
  color:#667085;
  font-size:13px;
  line-height:1.65;
}

.landing-v36-insight-copy>a{
  display:inline-block;
  margin-top:18px;
  color:#5145cd;
  text-decoration:none;
  font-size:12.5px;
  font-weight:800;
}

.landing-v36-alerts{
  padding:13px 18px;
  border:1px solid #e4e7ec;
  border-radius:15px;
  background:#fff;
}

.landing-v36-alerts>div{
  display:grid;
  grid-template-columns:9px 1fr auto;
  align-items:center;
  gap:11px;
  padding:13px 2px;
  border-bottom:1px solid #f0f1f3;
}

.landing-v36-alerts>div:last-child{border-bottom:0}
.landing-v36-alerts i{width:8px;height:8px;border-radius:50%;background:#2e90fa}
.landing-v36-alerts .bad i{background:#f04438}
.landing-v36-alerts .warn i{background:#f79009}
.landing-v36-alerts .good i{background:#12b76a}
.landing-v36-alerts b,
.landing-v36-alerts small{display:block}
.landing-v36-alerts b{font-size:12px}
.landing-v36-alerts small{margin-top:3px;color:#98a2b3;font-size:10px}
.landing-v36-alerts strong{font-size:11px;color:#475467}


.landing-v36-connect{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:46px;
  padding:48px;
  border:1px solid #e4e7ec;
  border-radius:18px;
  background:#fff;
}

.landing-v36-steps{
  display:grid;
  gap:13px;
  margin-top:25px;
}

.landing-v36-steps>div{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.landing-v36-steps>div>b{
  width:29px;height:29px;flex:0 0 29px;
  display:grid;place-items:center;
  border-radius:8px;
  background:#eeecff;
  color:#5145cd;
  font-size:12px;
}

.landing-v36-steps strong,
.landing-v36-steps small{display:block}
.landing-v36-steps strong{font-size:12.5px;color:#344054}
.landing-v36-steps small{
  margin-top:3px;
  color:#667085;
  font-size:11px;
  line-height:1.45;
}

.landing-v36-connect aside{
  padding:23px;
  border-radius:14px;
  background:#101828;
  color:#fff;
}

.landing-v36-security-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:11px;
  background:#173f36;
  color:#6ce9a6;
  font-weight:900;
}

.landing-v36-connect aside>span{
  display:block;
  margin-top:17px;
  color:#aab3c5;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.landing-v36-connect aside h3{
  margin:8px 0 0;
  font-size:21px;
  line-height:1.25;
}

.landing-v36-connect aside p{
  margin:11px 0 0;
  color:#aab3c5;
  font-size:11.5px;
  line-height:1.55;
}

.landing-v36-connect aside>div:last-child{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:18px;
}

.landing-v36-connect aside small{
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  background:rgba(255,255,255,.06);
  color:#d0d5dd;
  font-size:8.5px;
  font-weight:800;
}


.landing-v36-price{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  margin:60px 0 46px;
  padding:35px 40px;
  border-radius:18px;
  background:#5a4bd8;
  color:#fff;
}

.landing-v36-price>div>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#d9d6fe}
.landing-v36-price h2{margin:6px 0 0;font-size:35px;letter-spacing:-.035em}
.landing-v36-price h2 small{font-size:15px;font-weight:600;color:#d9d6fe}
.landing-v36-price p{margin:7px 0 0;color:#e6e4ff;font-size:11.5px}
.landing-v36-price-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.landing-v36-price-actions .btn:not(.secondary){background:#fff;color:#5145cd}
.landing-v36-price-actions .btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);text-decoration:none}

.landing-v36-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:18px 0 4px;
  border-top:1px solid #e4e7ec;
  color:#98a2b3;
}

.landing-v36-footer .logo{width:34px;height:34px;min-width:34px}
.landing-v36-footer .logo img{width:32px;height:32px}
.landing-v36-footer h1{font-size:14px}
.landing-v36-footer p{font-size:9px}
.landing-v36-footer>span{max-width:600px;text-align:right;font-size:9.5px;line-height:1.45}


/* Demo */
body.demo-mode .landing-screen,
body.demo-mode .auth-screen{display:none}

.demo-mode-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
  padding:11px 14px;
  border:1px solid #cfc9ff;
  border-radius:11px;
  background:#f3f1ff;
  color:#40379f;
}

.demo-mode-banner>div{display:flex;flex-direction:column;gap:2px}
.demo-mode-banner b{font-size:12.5px}
.demo-mode-banner span{font-size:10.5px;color:#625b94}
.demo-mode-banner-actions{display:flex;gap:7px;flex-wrap:wrap}

.demo-view-shell{display:grid;gap:14px}
.demo-view-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:17px 18px;
  border:1px solid #e4e7ec;
  border-radius:12px;
  background:#fff;
}
.demo-view-intro h3{margin:0;font-size:17px}
.demo-view-intro p{margin:5px 0 0;color:#667085;font-size:11.5px}
.demo-view-intro>.pill{flex:0 0 auto}

.demo-metrics{margin:0}
.demo-metrics .card{min-height:104px}
.demo-metrics .card .value{font-size:22px}

.demo-panel{margin:0}
.demo-panel .panel-head{margin-bottom:12px}

.demo-table{
  width:100%;
  border-collapse:collapse;
}

.demo-table th,
.demo-table td{
  padding:10px 11px;
  border-bottom:1px solid #eaecf0;
  vertical-align:middle;
}

.demo-table th{
  background:#f9fafb;
  color:#667085;
  font-size:11px;
  font-weight:750;
  text-align:left;
}

.demo-table td{font-size:12.5px}
.demo-table tr:last-child td{border-bottom:0}

.demo-product-name{display:flex;flex-direction:column;gap:2px}
.demo-product-name small{color:#98a2b3}

.demo-status{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  background:#f2f4f7;
  color:#475467;
}
.demo-status.good{background:#ecfdf3;color:#067647}
.demo-status.warn{background:#fffaeb;color:#b54708}
.demo-status.bad{background:#fef3f2;color:#b42318}
.demo-status.info{background:#eff8ff;color:#175cd3}

.demo-two-column{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
  gap:14px;
}

.demo-alert-list{display:grid;gap:7px}
.demo-alert{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:10px 11px;
  border:1px solid #eaecf0;
  border-radius:9px;
  background:#fafafa;
}
.demo-alert b,.demo-alert small{display:block}
.demo-alert b{font-size:11.5px}
.demo-alert small{margin-top:2px;color:#98a2b3;font-size:10px}
.demo-alert strong{font-size:11px;white-space:nowrap}
.demo-alert.bad{border-color:#fecdca;background:#fff8f7}
.demo-alert.warn{border-color:#fedf89;background:#fffdf5}
.demo-alert.good{border-color:#abefc6;background:#f7fdf9}

.demo-funnel{display:grid;gap:10px}
.demo-funnel-row{display:grid;grid-template-columns:150px 1fr 65px;gap:12px;align-items:center}
.demo-funnel-row>span{font-size:11px;color:#475467}
.demo-funnel-track{height:22px;border-radius:7px;background:#f2f4f7;overflow:hidden}
.demo-funnel-track i{display:block;height:100%;border-radius:7px;background:#6657e8}
.demo-funnel-row b{text-align:right;font-size:11px}

.demo-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.demo-settings-card{
  min-height:145px;
  padding:15px;
  border:1px solid #e4e7ec;
  border-radius:11px;
  background:#fff;
}
.demo-settings-card>span{color:#667085;font-size:10px;text-transform:uppercase;font-weight:800}
.demo-settings-card h3{margin:7px 0 5px;font-size:15px}
.demo-settings-card p{margin:0;color:#667085;font-size:11px;line-height:1.5}
.demo-settings-card .demo-status{margin-top:12px}

.demo-block-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(8px);
}

.demo-block-card{
  width:min(430px,100%);
  padding:23px;
  border-radius:15px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.28);
}

.demo-block-card h3{margin:0;font-size:20px}
.demo-block-card p{margin:9px 0 0;color:#667085;font-size:12px;line-height:1.55}
.demo-block-actions{display:flex;gap:8px;margin-top:18px}
.demo-block-actions .btn{flex:1}


@media(max-width:950px){
  .landing-v36-nav{display:none}
  .landing-v36-hero{grid-template-columns:1fr;min-height:auto;padding-top:48px}
  .landing-v36-preview{max-width:650px}
  .landing-v36-feature-grid{grid-template-columns:1fr 1fr}
  .landing-v36-insight{grid-template-columns:1fr;gap:28px}
  .landing-v36-connect{grid-template-columns:1fr}
  .demo-two-column{grid-template-columns:1fr}
}

@media(max-width:650px){
  .auth-screen{padding:7px}
  .auth-card{width:calc(100vw - 14px);max-height:calc(100vh - 14px);padding:19px}

  .landing-v36-header{
    padding:11px 14px;
    flex-direction:row;
  }

  .landing-v36-header .landing-actions .btn.secondary{display:none}
  .landing-v36-header .landing-brand{min-width:0}
  .landing-v36-header .ixru-brand-copy p{display:none}

  .landing-v36-main{width:calc(100% - 28px)}
  .landing-v36-hero{padding:42px 0 35px;gap:30px}
  .landing-v36-hero h1{font-size:37px}
  .landing-v36-hero-copy>p{font-size:14px}
  .landing-v36-hero-actions{display:grid}
  .landing-v36-hero-actions .btn{width:100%}

  .landing-v36-trust{display:grid;gap:6px}
  .landing-v36-preview-grid{grid-template-columns:1fr 1fr}
  .landing-v36-product{padding:52px 0}
  .landing-v36-section-head h2,
  .landing-v36-insight h2,
  .landing-v36-connect h2{font-size:28px}

  .landing-v36-feature-grid{grid-template-columns:1fr}
  .landing-v36-connect{padding:25px 20px}
  .landing-v36-price{align-items:flex-start;flex-direction:column;padding:27px 22px}
  .landing-v36-price-actions{width:100%}
  .landing-v36-price-actions .btn{width:100%}

  .landing-v36-footer{align-items:flex-start;flex-direction:column}
  .landing-v36-footer>span{text-align:left}

  .demo-mode-banner{align-items:flex-start;flex-direction:column}
  .demo-mode-banner-actions{width:100%}
  .demo-mode-banner-actions .btn{flex:1}
  .demo-settings-grid{grid-template-columns:1fr}
  .demo-funnel-row{grid-template-columns:100px 1fr 50px}
}

/* IXRU 9D37 — compact landing + real-UI demo refinements. */

.landing-v36-hero{
  min-height:500px;
  padding:40px 0 34px;
  gap:36px;
}

.landing-v36-product{
  padding:50px 0 52px;
}

.landing-v36-insight{
  margin-top:42px;
}

.landing-v36-connect{
  padding:34px;
}

.landing-v36-price{
  margin:40px 0 32px;
}

.demo-mode-banner.demo-real-banner{
  min-height:46px;
  margin:0 0 12px;
  padding:8px 12px;
  border-radius:10px;
}

.demo-mode-banner.demo-real-banner>div{
  gap:1px;
}

.demo-mode-banner.demo-real-banner b{
  font-size:12px;
}

.demo-mode-banner.demo-real-banner span{
  font-size:10px;
}

.demo-mode-banner.demo-real-banner .btn{
  min-height:32px;
  padding:6px 10px;
  font-size:11px;
}

body.demo-real-ui .demo-view-shell,
body.demo-real-ui .demo-view-intro{
  display:contents;
}

@media(max-width:900px){

  .landing-v36-hero{
    min-height:auto;
    padding:34px 0 28px;
    gap:26px;
  }

  .landing-v36-product{
    padding:42px 0;
  }

  .landing-v36-insight{
    margin-top:34px;
  }

  .landing-v36-connect{
    padding:22px 18px;
  }

  .landing-v36-price{
    margin:32px 0 24px;
  }

  .demo-mode-banner.demo-real-banner{
    align-items:flex-start;
    gap:7px;
    padding:9px 10px;
  }
}

/* IXRU 9D38 — demo polish (modal, assets, compact demo UI). */

body.demo-modal-open{
  overflow:hidden;
}

.demo-block-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(39,46,67,.42);
  backdrop-filter:blur(4px);
}

.demo-block-modal.active{
  display:flex;
}

.demo-block-card{
  width:min(760px,100%);
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 80px rgba(36,44,68,.20);
  padding:32px 36px 30px;
}

.demo-block-card>span{
  display:block;
  margin:0 0 10px;
  color:#4e55bf;
  font-weight:700;
  font-size:16px;
}

.demo-block-card h3{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.12;
}

.demo-block-card p{
  margin:0 0 22px;
  color:#66718b;
  font-size:16px;
  line-height:1.55;
}

.demo-block-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.demo-block-actions .btn{
  min-height:48px;
  padding:10px 22px;
}

.demo-block-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin:0 0 14px;
  border:2px solid #222a3d;
  border-radius:14px;
  background:#fff;
  color:#222a3d;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.demo-mode-banner.demo-real-banner{
  margin-bottom:10px;
  padding:10px 12px;
}

.demo-mode-banner.demo-real-banner .btn{
  min-height:30px;
}

@media(max-width:700px){
  .demo-block-card{
    padding:24px 20px 20px;
    border-radius:20px;
  }

  .demo-block-card h3{
    font-size:24px;
  }

  .demo-block-card p{
    font-size:15px;
    margin-bottom:18px;
  }

  .demo-block-close{
    width:42px;
    height:42px;
    margin-bottom:10px;
    font-size:24px;
  }

  .demo-block-actions{
    flex-direction:column;
  }

  .demo-block-actions .btn{
    width:100%;
  }
}

/* IXRU 9D39 — demo banner, real product photos and payout clarity. */

body.demo-real-ui .demo-mode-banner.demo-real-banner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  min-height:76px;
  margin:8px 0 30px;
  padding:15px 17px 15px 19px;
  border:1px solid #ddd9ff;
  border-radius:16px;
  background:
    radial-gradient(circle at 4% 0,rgba(102,87,232,.11),transparent 38%),
    linear-gradient(135deg,#fff 0%,#faf9ff 60%,#f5f3ff 100%);
  box-shadow:0 10px 28px rgba(45,39,115,.07);
}

body.demo-real-ui .demo-real-banner-copy{
  display:grid;
  gap:6px;
  min-width:0;
}

body.demo-real-ui .demo-real-banner-title{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:9px;
  min-width:0;
}

body.demo-real-ui .demo-real-banner-title b{
  color:#312b77;
  font-size:14px;
  line-height:1.2;
  letter-spacing:-.01em;
}

body.demo-real-ui .demo-live-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#6657e8;
  box-shadow:0 0 0 4px rgba(102,87,232,.10);
}

body.demo-real-ui .demo-real-chip{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  background:#f0edff;
  color:#5b4bd8;
  font-size:10px;
  font-weight:700;
}

body.demo-real-ui .demo-real-banner-copy>span{
  color:#697386;
  font-size:11.5px;
  line-height:1.45;
}

body.demo-real-ui .demo-photo-credits{
  margin-left:5px;
  color:#5b4bd8;
  font-size:10.5px;
  font-weight:650;
  text-decoration:none;
  white-space:nowrap;
}

body.demo-real-ui .demo-photo-credits:hover{
  text-decoration:underline;
}

body.demo-real-ui .demo-mode-banner.demo-real-banner>.demo-mode-banner-actions{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  width:auto;
  flex-wrap:nowrap;
}

body.demo-real-ui .demo-real-banner .demo-mode-banner-actions .btn{
  width:auto;
  min-width:0;
  min-height:38px;
  padding:8px 14px;
  border-radius:10px;
  font-size:11.5px;
  white-space:nowrap;
}

body.demo-real-ui img[src*="/static/demo-products/"]{
  object-fit:cover;
  object-position:center;
  background:#f5f6f8;
}

@media(max-width:900px){

  body.demo-real-ui .demo-mode-banner.demo-real-banner{
    grid-template-columns:1fr;
    gap:12px;
    margin-bottom:22px;
    padding:14px;
  }

  body.demo-real-ui .demo-mode-banner.demo-real-banner>.demo-mode-banner-actions{
    justify-content:flex-start;
    width:100%;
  }
}

@media(max-width:560px){

  body.demo-real-ui .demo-real-banner-title{
    flex-wrap:wrap;
  }

  body.demo-real-ui .demo-mode-banner.demo-real-banner>.demo-mode-banner-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  body.demo-real-ui .demo-real-banner .demo-mode-banner-actions .btn{
    width:100%;
  }
}

/* IXRU v0.81 legal account acceptance UI */
#registerForm .legal-acceptance,
#legalAcceptanceModal .legal-acceptance{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:10px 0 5px;
  padding:10px 11px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#fafbff;
}

#registerForm .legal-acceptance input,
#legalAcceptanceModal .legal-acceptance input{
  width:17px;
  height:17px;
  margin:1px 0 0;
  flex:0 0 auto;
  accent-color:#6555d9;
}

#registerForm .legal-acceptance span,
#legalAcceptanceModal .legal-acceptance span{
  font-size:12.5px;
  line-height:1.45;
  color:#475467;
}

.auth-privacy-note{
  margin:4px 0 12px;
  font-size:11.5px;
  line-height:1.45;
}

.landing-legal-footer{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  max-width:650px;
}

.landing-legal-footer>span{
  font-size:9.5px;
  line-height:1.45;
  text-align:right;
  color:#8a94a6;
}

.landing-legal-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px 13px;
  font-size:10.5px;
}

.landing-legal-links a{
  color:#667085;
}

#legalAcceptanceModal{
  z-index:10050;
}

#legalAcceptanceModal .legal-required-card{
  width:min(520px,calc(100vw - 28px));
  max-width:520px;
}

#legalAcceptanceModal .legal-required-document{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:18px 0 14px;
  padding:15px 16px;
  border:1px solid #e4e7ec;
  border-radius:12px;
  background:#fafbff;
}

#legalAcceptanceModal .legal-required-document b{
  color:#17152f;
  font-size:14px;
}

#legalAcceptanceModal .legal-required-document span{
  color:#667085;
  font-size:12px;
}

#legalAcceptanceModal .legal-required-document a{
  width:max-content;
  max-width:100%;
  font-size:13px;
  font-weight:700;
}

#legalAcceptanceModal .legal-required-checkbox{
  margin-bottom:14px;
}

@media(max-width:760px){
  .landing-legal-footer{
    align-items:flex-start;
  }

  .landing-legal-footer>span{
    text-align:left;
  }

  .landing-legal-links{
    justify-content:flex-start;
  }
}
/* IXRU v0.81 AUTH UI1 — approved registration design */

.auth-screen.auth-register-mode{
  background:
    radial-gradient(
      circle at 72% 44%,
      rgba(96,72,225,.22),
      transparent 34%
    ),
    rgba(17,24,39,.58);
  backdrop-filter:blur(8px);
}

.auth-screen.auth-register-mode .auth-card{
  width:min(860px,calc(100vw - 44px));
  max-height:calc(100vh - 36px);
  padding:38px 48px 42px;
  border:1px solid rgba(211,216,226,.95);
  border-radius:22px;
  background:#fff;
  box-shadow:
    0 32px 80px rgba(18,27,45,.23),
    0 8px 26px rgba(18,27,45,.09);
  overflow:auto;
}

.auth-screen.auth-register-mode .auth-close{
  top:26px;
  right:28px;
  width:52px;
  height:52px;
  border:1px solid #e2e6ef;
  border-radius:14px;
  background:#f7f8fb;
  color:#667085;
  font-size:30px;
  line-height:1;
}

.auth-screen.auth-register-mode .auth-brand{
  margin:0 0 42px;
}

.auth-screen.auth-register-mode .auth-brand .ixru-logo-mark{
  width:58px;
  height:58px;
}

.auth-screen.auth-register-mode .auth-brand .ixru-brand-copy h1{
  font-size:32px;
  letter-spacing:.04em;
}

.auth-screen.auth-register-mode .auth-brand .ixru-brand-copy p{
  margin-top:3px;
  color:#5c4ee5;
  font-size:14px;
  font-weight:700;
}

.auth-screen.auth-register-mode #authTitle{
  margin:0 0 8px;
  color:#182230;
  font-size:34px;
  line-height:1.15;
  letter-spacing:-.025em;
}

.auth-screen.auth-register-mode #authSubtitle{
  margin:0;
  color:#748097;
  font-size:16px;
  line-height:1.5;
}

.auth-screen.auth-register-mode .tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin:28px 0 28px;
  padding:0;
  min-height:62px;
  overflow:hidden;
  border:1px solid #e5e8ef;
  border-radius:14px;
  background:#f6f7fb;
}

.auth-screen.auth-register-mode .tabs .tab{
  position:relative;
  min-height:60px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#536078;
  font-size:16px;
  font-weight:750;
}

.auth-screen.auth-register-mode .tabs .tab.active{
  background:#fff;
  color:#5948df;
  box-shadow:
    0 7px 16px rgba(65,55,170,.08);
}

.auth-screen.auth-register-mode .tabs .tab.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(
    90deg,
    #6655ee,
    #533fe1
  );
}

.auth-screen.auth-register-mode #registerForm{
  gap:0;
}

.auth-screen.auth-register-mode #registerDetailsStep{
  display:grid;
  gap:14px;
}

.auth-screen.auth-register-mode #registerDetailsStep[hidden]{
  display:none;
}

.auth-screen.auth-register-mode .auth-note{
  margin:0 0 10px;
  color:#748097;
  font-size:15px;
  line-height:1.55;
}

.auth-screen.auth-register-mode .auth-field{
  gap:7px;
  color:#3e4b63;
  font-size:14px;
  font-weight:700;
}

.auth-screen.auth-register-mode #regName,
.auth-screen.auth-register-mode #regEmail{
  min-height:58px;
  padding:12px 18px 12px 52px;
  border:1px solid #d5dae5;
  border-radius:13px;
  background-color:#fff;
  color:#182230;
  font-size:16px;
  box-shadow:none;
  transition:
    border-color .16s ease,
    box-shadow .16s ease;
}

.auth-screen.auth-register-mode #regName{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23909bb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 20c.5-4.1 2.8-6.2 6.5-6.2S18 15.9 18.5 20'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:18px center;
}

.auth-screen.auth-register-mode #regEmail{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23909bb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4.5 7 7.5 5.5L19.5 7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:18px center;
}

.auth-screen.auth-register-mode #regName:focus,
.auth-screen.auth-register-mode #regEmail:focus{
  border-color:#7b69f1;
  box-shadow:0 0 0 4px rgba(101,83,232,.10);
  outline:0;
}

.auth-screen.auth-register-mode .password-row{
  display:flex;
  width:100%;
  min-height:58px;
  overflow:hidden;
  border:1px solid #d5dae5;
  border-radius:13px;
  background:#fff;
  transition:
    border-color .16s ease,
    box-shadow .16s ease;
}

.auth-screen.auth-register-mode .password-row:focus-within{
  border-color:#7b69f1;
  box-shadow:0 0 0 4px rgba(101,83,232,.10);
}

.auth-screen.auth-register-mode #regPassword{
  min-height:56px;
  padding:12px 18px 12px 52px;
  border:0;
  border-radius:0;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23909bb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8.5 10V7.5a3.5 3.5 0 0 1 7 0V10'/%3E%3Cpath d='M12 14v2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:18px center;
  color:#182230;
  font-size:16px;
  box-shadow:none;
  outline:0;
}

.auth-screen.auth-register-mode .password-toggle{
  flex:0 0 118px;
  min-height:56px;
  margin:0;
  padding:0 18px;
  border:0;
  border-left:1px solid #e1e5ed;
  border-radius:0;
  background:#fff;
  color:#5848da;
  font-size:14px;
  font-weight:750;
  box-shadow:none;
}

.auth-screen.auth-register-mode .password-toggle:hover{
  background:#faf9ff;
}

.auth-screen.auth-register-mode .password-hint{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  margin:0;
  padding:12px 14px;
  border:1px solid #e5e8ef;
  border-radius:11px;
  background:#f8f9fb;
  color:#667085;
  font-size:13px;
  line-height:1.45;
}

.auth-screen.auth-register-mode .password-hint::before{
  content:"i";
  display:grid;
  place-items:center;
  flex:0 0 22px;
  width:22px;
  height:22px;
  border:1.5px solid currentColor;
  border-radius:50%;
  font-size:12px;
  font-weight:800;
}

.auth-screen.auth-register-mode .password-hint.s0,
.auth-screen.auth-register-mode .password-hint.s1{
  border-color:#fecaca;
  background:#fff1f1;
  color:#c52c2c;
}

.auth-screen.auth-register-mode .password-hint.s0::before,
.auth-screen.auth-register-mode .password-hint.s1::before{
  content:"!";
}

.auth-screen.auth-register-mode .password-hint.s2{
  border-color:#fed7aa;
  background:#fff8ed;
  color:#b85c00;
}

.auth-screen.auth-register-mode .password-hint.s3,
.auth-screen.auth-register-mode .password-hint.s4{
  border-color:#b7e4d2;
  background:#f1fbf7;
  color:#087a55;
}

.auth-screen.auth-register-mode #registerDetailsStep .legal-acceptance{
  min-height:66px;
  margin:4px 0 0;
  padding:15px 16px;
  border:1px solid #dfe3eb;
  border-radius:13px;
  background:#fbfbfd;
}

.auth-screen.auth-register-mode #registerDetailsStep .legal-acceptance input{
  width:20px;
  height:20px;
  margin-top:0;
}

.auth-screen.auth-register-mode #registerDetailsStep .legal-acceptance span{
  color:#46536a;
  font-size:14px;
  line-height:1.5;
}

.auth-screen.auth-register-mode .auth-privacy-note{
  margin:0;
  color:#748097;
  font-size:12.5px;
  line-height:1.55;
}

.auth-screen.auth-register-mode .auth-privacy-note a,
.auth-screen.auth-register-mode .legal-acceptance a{
  color:#5633ae;
  text-decoration:underline;
  text-underline-offset:2px;
}

.auth-screen.auth-register-mode #registerBtn,
.auth-screen.auth-register-mode #verifyRegistrationBtn{
  width:100%;
  min-height:58px;
  margin-top:2px;
  border:0;
  border-radius:13px;
  background:
    linear-gradient(
      100deg,
      #6048e8 0%,
      #563fdc 100%
    );
  color:#fff;
  font-size:17px;
  font-weight:760;
  box-shadow:
    0 9px 20px rgba(88,66,221,.18);
}

.auth-screen.auth-register-mode #registerBtn:hover,
.auth-screen.auth-register-mode #verifyRegistrationBtn:hover{
  transform:translateY(-1px);
  box-shadow:
    0 11px 24px rgba(88,66,221,.23);
}

.auth-screen.auth-register-mode #registerVerificationStep{
  display:grid;
  gap:18px;
  padding-top:18px;
  text-align:center;
}

.auth-screen.auth-register-mode #registerVerificationStep[hidden]{
  display:none;
}

.auth-screen.auth-register-mode #registerVerificationStep .verification-icon{
  position:relative;
  width:66px;
  height:66px;
  margin:0 auto 2px;
  border-radius:18px;
  background:#f0edff;
  color:#5d4be1;
  font-size:0;
}

.auth-screen.auth-register-mode #registerVerificationStep .verification-icon svg{
  width:30px;
  height:30px;
}

.auth-screen.auth-register-mode #registerVerificationStep .verification-icon::before,
.auth-screen.auth-register-mode #registerVerificationStep .verification-icon::after{
  content:"✦";
  position:absolute;
  color:#afa5ff;
  font-size:13px;
}

.auth-screen.auth-register-mode #registerVerificationStep .verification-icon::before{
  right:-14px;
  top:4px;
}

.auth-screen.auth-register-mode #registerVerificationStep .verification-icon::after{
  left:-15px;
  bottom:5px;
  font-size:10px;
}

.auth-screen.auth-register-mode #registerVerificationStep h3{
  margin:2px 0 0;
  color:#172033;
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.02em;
}

.auth-screen.auth-register-mode .verification-copy{
  margin:-4px auto 4px;
  max-width:590px;
  color:#748097;
  font-size:14.5px;
  line-height:1.6;
}

.auth-screen.auth-register-mode .verification-copy b{
  color:#5d687d;
}

.auth-screen.auth-register-mode .registration-code-field{
  margin-top:2px;
  text-align:left;
}

.auth-screen.auth-register-mode .registration-code-shell{
  position:relative;
  width:100%;
  min-height:78px;
  cursor:text;
}

.auth-screen.auth-register-mode .registration-code-cells{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
  width:100%;
  pointer-events:none;
}

.auth-screen.auth-register-mode .registration-code-cell{
  display:grid;
  place-items:center;
  height:78px;
  border:1.5px solid #c9c3ff;
  border-radius:14px;
  background:#fff;
  color:#98a2b3;
  font-size:22px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.auth-screen.auth-register-mode .registration-code-cell.filled{
  color:#4738c7;
  background:#fcfbff;
}

.auth-screen.auth-register-mode .registration-code-shell.is-focused .registration-code-cell{
  border-color:#8878f6;
  box-shadow:0 0 0 3px rgba(104,85,235,.08);
}

.auth-screen.auth-register-mode .registration-code-shell.complete .registration-code-cell{
  border-color:#7663ee;
}

.auth-screen.auth-register-mode #registrationCode{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  opacity:0;
  cursor:text;
  caret-color:transparent;
}

.auth-screen.auth-register-mode #verifyRegistrationBtn{
  margin-top:0;
}

.auth-screen.auth-register-mode #registerVerificationStep .verification-actions{
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:14px;
  width:100%;
}

.auth-screen.auth-register-mode #registerVerificationStep .verification-actions .btn{
  width:100%;
  height:54px;
  margin:0;
  border-radius:12px;
  font-size:14px;
  font-weight:720;
}

.auth-screen.auth-register-mode #resendRegistrationCode{
  border:1px solid #e2e3f1;
  background:#f7f6ff;
  color:#7569cc;
}

.auth-screen.auth-register-mode #resendRegistrationCode:disabled{
  border-color:#e6e6f4;
  background:#f5f4fd;
  color:#aaa3dc;
  opacity:1;
}

.auth-screen.auth-register-mode #changeRegistrationEmail{
  border:1px solid #8b7af3;
  background:#fff;
  color:#5c48df;
}

.auth-screen.auth-register-mode #registrationCountdown{
  min-height:40px;
  margin:-2px auto 0;
  max-width:620px;
  color:#7a8498;
  font-size:13px;
  line-height:1.55;
}

.auth-screen.auth-register-mode .verification-success{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:56px;
  padding:12px 16px;
  border:1px solid #a9e3c5;
  border-radius:12px;
  background:#f0fcf5;
  color:#118653;
  text-align:left;
}

.auth-screen.auth-register-mode .verification-success[hidden]{
  display:none;
}

.auth-screen.auth-register-mode .verification-success>span{
  display:grid;
  place-items:center;
  flex:0 0 27px;
  width:27px;
  height:27px;
  border:2px solid #16a061;
  border-radius:50%;
  font-size:15px;
  font-weight:800;
}

.auth-screen.auth-register-mode .verification-success>b{
  font-size:13.5px;
  font-weight:650;
}

@media(max-width:720px){
  .auth-screen.auth-register-mode .auth-card{
    width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
    padding:28px 20px 30px;
    border-radius:18px;
  }

  .auth-screen.auth-register-mode .auth-close{
    top:16px;
    right:16px;
    width:44px;
    height:44px;
  }

  .auth-screen.auth-register-mode .auth-brand{
    margin-bottom:30px;
  }

  .auth-screen.auth-register-mode #authTitle{
    font-size:28px;
  }

  .auth-screen.auth-register-mode #authSubtitle{
    font-size:14px;
  }

  .auth-screen.auth-register-mode .tabs{
    margin:22px 0;
    min-height:54px;
  }

  .auth-screen.auth-register-mode .tabs .tab{
    min-height:52px;
    font-size:14px;
  }

  .auth-screen.auth-register-mode .registration-code-cells{
    gap:7px;
  }

  .auth-screen.auth-register-mode .registration-code-cell{
    height:58px;
    border-radius:11px;
    font-size:19px;
  }

  .auth-screen.auth-register-mode .registration-code-shell{
    min-height:58px;
  }

  .auth-screen.auth-register-mode #registerVerificationStep .verification-actions{
    grid-template-columns:1fr;
    gap:9px;
  }
}
/* IXRU v0.81 AUTH UI2 — final approved modal geometry */

/*
 * Final registration modal layer.
 * Intentionally high specificity + !important:
 * legacy auth rules contain strong declarations and must not
 * override the approved visual design.
 */

.auth-screen.active.auth-register-mode .auth-card{
  box-sizing:border-box!important;
  display:block!important;

  width:min(480px,94vw)!important;
  min-width:0!important;
  max-width:480px!important;

  max-height:calc(100vh - 28px)!important;

  padding:26px!important;

  border:1px solid #dfe3eb!important;
  border-radius:20px!important;

  background:#fff!important;

  box-shadow:
    0 28px 70px rgba(18,27,45,.24),
    0 6px 22px rgba(18,27,45,.08)!important;

  gap:0!important;
  overflow:auto!important;
}


/* ---------------------------------------------------------
   Header / brand
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode .auth-brand{
  margin:0 0 12px!important;
  padding:0!important;
}

.auth-screen.active.auth-register-mode
.auth-brand .ixru-logo-mark{
  width:48px!important;
  height:48px!important;
}

.auth-screen.active.auth-register-mode
.auth-brand .ixru-brand-copy h1{
  margin:0!important;
  font-size:25px!important;
  line-height:1!important;
}

.auth-screen.active.auth-register-mode
.auth-brand .ixru-brand-copy p{
  margin:5px 0 0!important;

  color:#5d4ce4!important;

  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
}


.auth-screen.active.auth-register-mode .auth-close{
  top:24px!important;
  right:24px!important;

  width:46px!important;
  height:46px!important;

  border:1px solid #e2e6ee!important;
  border-radius:13px!important;

  background:#f7f8fb!important;
  color:#667085!important;

  box-shadow:none!important;

  font-size:27px!important;
}


/* ---------------------------------------------------------
   Main title
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode #authTitle{
  margin:0 0 7px!important;
  padding:0!important;

  color:#182230!important;

  font-size:22px!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
}

.auth-screen.active.auth-register-mode #authSubtitle{
  margin:0!important;
  padding:0!important;

  color:#778399!important;

  font-size:12px!important;
  line-height:1.45!important;
}


/* ---------------------------------------------------------
   Login / registration tabs
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode .tabs{
  display:flex!important;
  grid-template-columns:none!important;

  width:100%!important;
  min-height:0!important;

  gap:0!important;

  margin:18px 0!important;
  padding:5px!important;

  overflow:visible!important;

  border:0!important;
  border-radius:12px!important;

  background:#f2f4fb!important;

  box-shadow:none!important;
}

.auth-screen.active.auth-register-mode .tabs .tab{
  position:relative!important;

  width:auto!important;
  min-height:0!important;

  margin:0!important;
  padding:10px!important;

  border:0!important;
  border-radius:10px!important;

  background:transparent!important;

  color:#475467!important;

  box-shadow:none!important;

  font-size:13px!important;
  line-height:normal!important;
  font-weight:800!important;
}

.auth-screen.active.auth-register-mode .tabs .tab.active{
  background:#fff!important;
  color:#5b4bd8!important;

  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}

.auth-screen.active.auth-register-mode
.tabs .tab.active::after{
  content:none!important;

  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;

  height:0!important;

  background:transparent!important;
}


/* ---------------------------------------------------------
   Registration details
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode #registerForm{
  display:block!important;
  gap:0!important;
}

.auth-screen.active.auth-register-mode
#registerForm.hidden{
  display:none!important;
}

.auth-screen.active.auth-register-mode
#registerDetailsStep{
  display:grid!important;
  gap:10px!important;
}

.auth-screen.active.auth-register-mode
#registerDetailsStep[hidden]{
  display:none!important;
}

.auth-screen.active.auth-register-mode
#registerDetailsStep .auth-note{
  margin:0 0 10px!important;

  color:#748097!important;

  font-size:12px!important;
  line-height:1.55!important;
}

.auth-screen.active.auth-register-mode .auth-field{
  display:flex!important;
  flex-direction:column!important;

  gap:6px!important;

  margin:0!important;

  color:#40506a!important;

  font-size:13px!important;
  line-height:1.3!important;
  font-weight:700!important;
}


/* ---------------------------------------------------------
   Inputs
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode #regName,
.auth-screen.active.auth-register-mode #regEmail{
  box-sizing:border-box!important;

  width:100%!important;
  height:42px!important;
  min-height:42px!important;

  margin:0!important;
  padding:8px 12px 8px 42px!important;

  border:1px solid #d4dae5!important;
  border-radius:12px!important;

  background-color:#fff!important;

  color:#182230!important;

  box-shadow:none!important;
  outline:0!important;

  font-size:13px!important;
  line-height:1.2!important;
}

.auth-screen.active.auth-register-mode #regName{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='%23909bb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 20c.5-4.1 2.8-6.2 6.5-6.2S18 15.9 18.5 20'/%3E%3C/svg%3E")!important;

  background-repeat:no-repeat!important;
  background-position:13px center!important;
}

.auth-screen.active.auth-register-mode #regEmail{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='%23909bb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4.5 7 7.5 5.5L19.5 7'/%3E%3C/svg%3E")!important;

  background-repeat:no-repeat!important;
  background-position:17px center!important;
}

.auth-screen.active.auth-register-mode #regName:focus,
.auth-screen.active.auth-register-mode #regEmail:focus{
  border-color:#7664ef!important;

  box-shadow:
    0 0 0 3px rgba(101,83,232,.11)!important;
}


/* ---------------------------------------------------------
   Password — integrated Show action
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode .password-row{
  box-sizing:border-box!important;

  display:flex!important;
  align-items:stretch!important;

  width:100%!important;
  height:42px!important;
  min-height:42px!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;

  border:1px solid #d4dae5!important;
  border-radius:12px!important;

  background:#fff!important;

  box-shadow:none!important;
}

.auth-screen.active.auth-register-mode
.password-row:focus-within{
  border-color:#7664ef!important;

  box-shadow:
    0 0 0 3px rgba(101,83,232,.11)!important;
}

.auth-screen.active.auth-register-mode #regPassword{
  box-sizing:border-box!important;

  flex:1 1 auto!important;

  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;

  margin:0!important;
  padding:8px 12px 8px 42px!important;

  border:0!important;
  border-radius:0!important;

  background-color:#fff!important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='%23909bb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8.5 10V7.5a3.5 3.5 0 0 1 7 0V10'/%3E%3Cpath d='M12 14v2'/%3E%3C/svg%3E")!important;

  background-repeat:no-repeat!important;
  background-position:17px center!important;

  color:#182230!important;

  box-shadow:none!important;
  outline:0!important;

  font-size:14px!important;
}

.auth-screen.active.auth-register-mode
.password-toggle{
  box-sizing:border-box!important;

  flex:0 0 88px!important;

  width:88px!important;
  min-width:88px!important;

  height:40px!important;
  min-height:40px!important;

  margin:0!important;
  padding:0 15px!important;

  border:0!important;
  border-left:1px solid #e1e5ed!important;
  border-radius:0!important;

  background:#fff!important;

  color:#5948df!important;

  box-shadow:none!important;

  font-size:12px!important;
  font-weight:750!important;
}

.auth-screen.active.auth-register-mode
.password-toggle:hover{
  background:#faf9ff!important;
  color:#4935cc!important;
}


/* ---------------------------------------------------------
   Password hint / warning
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode
.password-hint{
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;

  min-height:40px!important;

  gap:10px!important;

  margin:0!important;
  padding:8px 10px!important;

  border:1px solid #e3e7ee!important;
  border-radius:11px!important;

  background:#f8f9fb!important;

  color:#6f7b90!important;

  font-size:11.5px!important;
  line-height:1.4!important;
}

.auth-screen.active.auth-register-mode
.password-hint::before{
  content:"i"!important;

  display:grid!important;
  place-items:center!important;

  flex:0 0 16px!important;

  width:16px!important;
  height:16px!important;

  border:1.5px solid currentColor!important;
  border-radius:50%!important;

  font-size:12px!important;
  font-weight:800!important;
}

.auth-screen.active.auth-register-mode
.password-hint.s0,
.auth-screen.active.auth-register-mode
.password-hint.s1{
  border-color:#fecaca!important;
  background:#fff1f1!important;
  color:#c52c2c!important;
}

.auth-screen.active.auth-register-mode
.password-hint.s0::before,
.auth-screen.active.auth-register-mode
.password-hint.s1::before{
  content:"!"!important;
}

.auth-screen.active.auth-register-mode
.password-hint.s2{
  border-color:#fed7aa!important;
  background:#fff8ed!important;
  color:#ad5700!important;
}

.auth-screen.active.auth-register-mode
.password-hint.s3,
.auth-screen.active.auth-register-mode
.password-hint.s4{
  border-color:#b7e4d2!important;
  background:#f1fbf7!important;
  color:#087a55!important;
}


/* ---------------------------------------------------------
   Offer checkbox
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode
#registerDetailsStep .legal-acceptance{
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;

  width:100%!important;
  min-height:38px!important;

  gap:8px!important;

  margin:3px 0 0!important;
  padding:7px 9px!important;

  border:1px solid #dfe3eb!important;
  border-radius:10px!important;

  background:#fbfbfd!important;
}

.auth-screen.active.auth-register-mode
#regOfferAccepted{
  -webkit-appearance:none!important;
  appearance:none!important;

  box-sizing:border-box!important;

  display:block!important;

  flex:0 0 16px!important;

  width:16px!important;
  height:16px!important;

  margin:0!important;

  border:1.5px solid #aeb6c4!important;
  border-radius:4px!important;

  background-color:#fff!important;

  box-shadow:none!important;

  cursor:pointer!important;

  min-width:16px;
  max-width:16px;
  min-height:16px;
  max-height:16px;
  padding:0;}

.auth-screen.active.auth-register-mode
#regOfferAccepted:checked{
  border-color:#6251e5!important;

  background-color:#6251e5!important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3.2 8.1 3 3.1 6.5-7' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;

  background-repeat:no-repeat!important;
  background-position:center!important;
}

.auth-screen.active.auth-register-mode
#registerDetailsStep .legal-acceptance span{
  color:#46536a!important;

  font-size:11.5px!important;
  line-height:1.35!important;
}

.auth-screen.active.auth-register-mode
#registerDetailsStep .legal-acceptance a,
.auth-screen.active.auth-register-mode
.auth-privacy-note a{
  color:#5633ae!important;

  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

.auth-screen.active.auth-register-mode
.auth-privacy-note{
  margin:0!important;

  color:#748097!important;

  font-size:10.5px!important;
  line-height:1.5!important;
}


/* ---------------------------------------------------------
   Primary CTA
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode
#registerBtn,
.auth-screen.active.auth-register-mode
#verifyRegistrationBtn{
  box-sizing:border-box!important;

  display:block!important;

  width:100%!important;
  height:42px!important;
  min-height:42px!important;

  margin:2px 0 0!important;
  padding:0 20px!important;

  border:0!important;
  border-radius:12px!important;

  background:
    linear-gradient(
      100deg,
      #624be8 0%,
      #5540dc 100%
    )!important;

  color:#fff!important;

  box-shadow:
    0 8px 18px rgba(88,66,221,.17)!important;

  font-size:13px!important;
  line-height:1!important;
  font-weight:760!important;
}

.auth-screen.active.auth-register-mode
#registerBtn:hover,
.auth-screen.active.auth-register-mode
#verifyRegistrationBtn:hover{
  background:
    linear-gradient(
      100deg,
      #5942df 0%,
      #4934cf 100%
    )!important;

  box-shadow:
    0 10px 22px rgba(88,66,221,.22)!important;

  transform:translateY(-1px)!important;
}


/* ---------------------------------------------------------
   Verification step
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode
#registerVerificationStep{
  display:grid!important;

  gap:14px!important;

  margin:0!important;
  padding:8px 0 0!important;

  text-align:center!important;
}

.auth-screen.active.auth-register-mode
#registerVerificationStep[hidden]{
  display:none!important;
}

.auth-screen.active.auth-register-mode
#registerVerificationStep .verification-icon{
  width:50px!important;
  height:42px!important;

  margin:0 auto 2px!important;

  border:0!important;
  border-radius:17px!important;

  background:#f0edff!important;
  color:#5c49df!important;

  box-shadow:none!important;
}

.auth-screen.active.auth-register-mode
#registerVerificationStep .verification-icon svg{
  width:29px!important;
  height:29px!important;
}

.auth-screen.active.auth-register-mode
#registerVerificationStep h3{
  margin:0!important;

  color:#172033!important;

  font-size:20px!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}

.auth-screen.active.auth-register-mode
.verification-copy{
  margin:-2px auto 3px!important;

  max-width:560px!important;

  color:#748097!important;

  font-size:13.5px!important;
  line-height:1.55!important;
}

.auth-screen.active.auth-register-mode
.registration-code-field{
  margin:2px 0 0!important;
  text-align:left!important;
}

.auth-screen.active.auth-register-mode
.registration-code-shell{
  position:relative!important;

  width:100%!important;
  min-height:52px!important;

  cursor:text!important;
}

.auth-screen.active.auth-register-mode
.registration-code-cells{
  display:grid!important;

  grid-template-columns:repeat(6,1fr)!important;

  gap:12px!important;

  width:100%!important;
}

.auth-screen.active.auth-register-mode
.registration-code-cell{
  box-sizing:border-box!important;

  display:grid!important;
  place-items:center!important;

  height:52px!important;

  border:1.5px solid #c8c2ff!important;
  border-radius:12px!important;

  background:#fff!important;

  color:#98a2b3!important;

  box-shadow:none!important;

  font-size:20px!important;
  line-height:1!important;
  font-weight:700!important;
}

.auth-screen.active.auth-register-mode
.registration-code-cell.filled{
  background:#fcfbff!important;
  color:#4738c7!important;
}

.auth-screen.active.auth-register-mode
.registration-code-shell.is-focused
.registration-code-cell{
  border-color:#806ef3!important;

  box-shadow:
    0 0 0 3px rgba(104,85,235,.08)!important;
}

.auth-screen.active.auth-register-mode
#registrationCode{
  position:absolute!important;
  inset:0!important;

  z-index:2!important;

  width:100%!important;
  height:100%!important;

  margin:0!important;
  padding:0!important;

  border:0!important;

  opacity:0!important;

  cursor:text!important;
}


/* ---------------------------------------------------------
   Verification secondary actions
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode
#registerVerificationStep .verification-actions{
  display:grid!important;

  grid-template-columns:1.55fr 1fr!important;

  gap:12px!important;

  width:100%!important;

  margin:0!important;
}

.auth-screen.active.auth-register-mode
#registerVerificationStep .verification-actions .btn{
  box-sizing:border-box!important;

  width:100%!important;
  height:42px!important;
  min-height:42px!important;

  margin:0!important;
  padding:0 14px!important;

  border-radius:11px!important;

  box-shadow:none!important;

  font-size:13px!important;
  font-weight:720!important;
}

.auth-screen.active.auth-register-mode
#resendRegistrationCode{
  border:1px solid #e1e3f0!important;

  background:#f7f6ff!important;

  color:#7165c7!important;
}

.auth-screen.active.auth-register-mode
#resendRegistrationCode:disabled{
  border-color:#e5e6f1!important;

  background:#f5f4fb!important;

  color:#aca5d9!important;

  opacity:1!important;
}

.auth-screen.active.auth-register-mode
#changeRegistrationEmail{
  border:1px solid #8877f0!important;

  background:#fff!important;

  color:#5845db!important;
}

.auth-screen.active.auth-register-mode
#registrationCountdown{
  min-height:36px!important;

  margin:-1px auto 0!important;

  max-width:560px!important;

  color:#7b8598!important;

  font-size:12.5px!important;
  line-height:1.5!important;
}


/* ---------------------------------------------------------
   Success status
--------------------------------------------------------- */

.auth-screen.active.auth-register-mode
.verification-success{
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;

  gap:11px!important;

  min-height:52px!important;

  margin:0!important;
  padding:10px 14px!important;

  border:1px solid #a8dfc2!important;
  border-radius:11px!important;

  background:#f0fbf5!important;

  color:#128452!important;

  text-align:left!important;
}

.auth-screen.active.auth-register-mode
.verification-success[hidden]{
  display:none!important;
}

.auth-screen.active.auth-register-mode
.verification-success>span{
  display:grid!important;
  place-items:center!important;

  flex:0 0 25px!important;

  width:25px!important;
  height:25px!important;

  border:2px solid #16995e!important;
  border-radius:50%!important;

  font-size:14px!important;
  font-weight:800!important;
}

.auth-screen.active.auth-register-mode
.verification-success>b{
  font-size:12.8px!important;
  font-weight:650!important;
}


/* ---------------------------------------------------------
   Desktop vertical compaction
--------------------------------------------------------- */

@media(min-width:721px){

  .auth-screen.active.auth-register-mode
  #registerDetailsStep{
    gap:11px!important;
  }

  .auth-screen.active.auth-register-mode
  #registerBtn{
    margin-top:1px!important;
  }
}


/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media(max-width:720px){

  .auth-screen.active.auth-register-mode .auth-card{
    width:calc(100vw - 18px)!important;
    max-width:none!important;

    max-height:calc(100vh - 18px)!important;

    padding:24px 18px 26px!important;

    border-radius:17px!important;
  }

  .auth-screen.active.auth-register-mode
  .auth-brand{
    margin-bottom:24px!important;
  }

  .auth-screen.active.auth-register-mode
  #authTitle{
    font-size:27px!important;
  }

  .auth-screen.active.auth-register-mode
  .tabs{
    margin:19px 0 21px!important;
  }

  .auth-screen.active.auth-register-mode
  .registration-code-cells{
    gap:6px!important;
  }

  .auth-screen.active.auth-register-mode
  .registration-code-cell{
    height:55px!important;

    border-radius:10px!important;

    font-size:18px!important;
  }

  .auth-screen.active.auth-register-mode
  .registration-code-shell{
    min-height:55px!important;
  }

  .auth-screen.active.auth-register-mode
  #registerVerificationStep
  .verification-actions{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}


/* IXRU v0.81 AUTH UI3 — registration uses login-size geometry */

/* IXRU v0.81 AUTH UI4 — login-parity tabs and compact offer checkbox */

/* POLICY1AT_API_CONNECT_CLOSE_COLLISION_FIX
   The close control occupies the modal top-right slot.
   The decorative API badge keeps its layout slot but is visually hidden. */
.api-connect-modal-card .settings-card-icon{
  visibility:hidden;
}
.api-connect-modal-close{
  position:absolute;
  top:10px;
  right:14px;
  z-index:4;
  margin:0;
  padding:0;
  border:0;
  border-radius:12px;
  background:#f5f6fa;
  box-shadow:none;
  color:#667085;
  line-height:1;
}
.api-connect-modal-close:hover{
  background:#eceefa;
  color:#344054;
  box-shadow:none;
}

/* POLICY1AY_BILLING_CABINET_SLOTS_STAGE_D_POLISH */
#view-settings .billing-unified-panel{margin-top:12px}
#view-settings .billing-cabinet-section{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eaecf0}
#view-settings .billing-cabinet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
#view-settings .billing-cabinet-head h3{margin:0 0 3px}
#view-settings .billing-cabinet-head .small-muted{margin:0}
#view-settings .billing-cabinet-layout{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(320px,1.32fr);gap:12px;align-items:stretch}
#view-settings .billing-cabinet-stepper{display:grid;grid-template-columns:44px minmax(108px,1fr) 44px;align-items:stretch;min-height:62px;border:1px solid #e1e4ec;border-radius:11px;background:#f8f9fb;overflow:hidden}
#view-settings .billing-cabinet-stepper>button{border:0;background:#fff;color:#5145cd;font-size:23px;font-weight:500;cursor:pointer}
#view-settings .billing-cabinet-stepper>button:first-child{border-right:1px solid #e1e4ec}
#view-settings .billing-cabinet-stepper>button:last-child{border-left:1px solid #e1e4ec}
#view-settings .billing-cabinet-stepper>button:hover:not(:disabled){background:#f5f3ff}
#view-settings .billing-cabinet-stepper>button:disabled{color:#c2c7d0;background:#f7f8fa;cursor:not-allowed}
#view-settings .billing-cabinet-stepper>div{display:grid;place-content:center;text-align:center;padding:6px 10px}
#view-settings .billing-cabinet-stepper strong{font-size:23px;line-height:1;color:#273142;font-variant-numeric:tabular-nums}
#view-settings .billing-cabinet-stepper span{margin-top:4px;color:#7b8494;font-size:10.5px}
#view-settings .billing-cabinet-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:62px;border:1px solid #e1e4ec;border-radius:11px;background:#fff;overflow:hidden}
#view-settings .billing-cabinet-facts>span{display:grid;align-content:center;gap:3px;min-width:0;padding:9px 14px;border-left:1px solid #eaecf0}
#view-settings .billing-cabinet-facts>span:first-child{border-left:0}
#view-settings .billing-cabinet-facts small{color:#98a2b3;font-size:9.8px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}
#view-settings .billing-cabinet-facts b{color:#344054;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
#view-settings .billing-cabinet-support{margin:8px 0 0;color:#5145cd;font-size:10.8px;line-height:1.4}
#view-settings .billing-upgrade-now{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:10px;padding:10px 12px;border:1px solid #dcd8ff;border-radius:11px;background:#faf9ff}
#view-settings .billing-upgrade-copy{display:grid;gap:3px;min-width:0}
#view-settings .billing-upgrade-copy b{color:#344054;font-size:12px}
#view-settings .billing-upgrade-copy span{color:#667085;font-size:10.6px;line-height:1.42}
#view-settings .billing-upgrade-now>.btn{white-space:nowrap;min-height:38px}
#view-settings .billing-cabinet-inline-state{display:flex;align-items:center;gap:7px;margin-top:9px;padding:8px 10px;border-radius:9px;background:#f8f9fb;color:#667085;font-size:10.8px;line-height:1.4}
#view-settings .billing-cabinet-inline-state b{color:#475467;white-space:nowrap}
#view-settings .billing-period-head{margin-top:0;padding-top:0}
#view-settings .billing-quote-breakdown{display:grid;gap:6px;padding:10px 11px;border:1px solid #eaecf0;border-radius:10px;background:#fafbfc}
#view-settings .billing-quote-breakdown>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#667085;font-size:10.8px;line-height:1.35}
#view-settings .billing-quote-breakdown>div span{min-width:0}
#view-settings .billing-quote-breakdown>div b{color:#475467;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
#view-settings .billing-quote-breakdown>.billing-quote-total{margin-top:2px;padding-top:7px;border-top:1px solid #e4e7ec;color:#344054;font-size:11.5px;font-weight:600}
#view-settings .billing-quote-breakdown>.billing-quote-total b{color:#273142;font-size:13px}
#view-settings .billing-quote-loading{min-height:210px;justify-content:center}
#view-settings .billing-quote-loading .settings-inline-loading{justify-content:center;min-height:100px}
#view-settings .billing-quote-error{min-height:42px;padding:9px 10px;border-radius:9px;background:#fff6f5;color:#b42318;font-size:10.8px;line-height:1.4}
@media(max-width:900px){
  #view-settings .billing-cabinet-layout{grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr)}
  #view-settings .billing-upgrade-now{grid-template-columns:1fr}
  #view-settings .billing-upgrade-now>.btn{width:100%}
}
@media(max-width:700px){
  #view-settings .billing-cabinet-layout{grid-template-columns:1fr}
  #view-settings .billing-cabinet-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-settings .billing-cabinet-inline-state{align-items:flex-start;flex-direction:column;gap:3px}
  #view-settings .billing-cabinet-inline-state b{white-space:normal}
}
@media(max-width:430px){
  #view-settings .billing-cabinet-facts{grid-template-columns:1fr}
  #view-settings .billing-cabinet-facts>span{border-left:0;border-top:1px solid #eaecf0}
  #view-settings .billing-cabinet-facts>span:first-child{border-top:0}
  #view-settings .billing-upgrade-copy span{font-size:10.3px}
}

/* POLICY1AZ_SUBSCRIPTION_GATE_STAGE_D_POLISH */
#view-settings .settings-subscription-gate{
  width:100%;
  margin:0;
  padding:10px 12px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:1px solid #efd7a8;
  border-radius:12px;
  background:#fffdf8;
  box-shadow:none;
  color:#6f4b12;
}
#view-settings .settings-subscription-gate .subscription-gate-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#fff3d9;
  color:#a66b08;
  font-size:14px;
  font-weight:800;
  line-height:1;
}
#view-settings .settings-subscription-gate .subscription-gate-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
#view-settings .settings-subscription-gate .subscription-gate-copy b{
  color:#62420e;
  font-size:12.5px;
  line-height:1.3;
}
#view-settings .settings-subscription-gate .subscription-gate-copy span{
  color:#806331;
  font-size:10.9px;
  line-height:1.4;
}
@media(max-width:640px){
  #view-settings .settings-subscription-gate{
    grid-template-columns:28px minmax(0,1fr);
    gap:9px;
    padding:9px 10px;
  }
  #view-settings .settings-subscription-gate .subscription-gate-icon{
    width:28px;
    height:28px;
    border-radius:8px;
  }
}
/* ===== END SOURCE 36: styles/pages/settings-runtime.css ===== */

/* ===== BEGIN SOURCE 37: styles/pages/team-access.css ===== */
/* IXRU 9C135 — Team access ownership, phase 26. No intentional visual changes. */
/* IXRU 9C75 — team selector cleanup and page scrolling */

/* The employee editor is a normal document page. The browser/body owns vertical scrolling. */
#view-team,
#view-team.team-access-open,
#view-team .team-access-page,
#view-team .team-access-page-panel,
#view-team .team-wizard-card,
#view-team .team-wizard-scroll{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
}
#view-team .team-access-page-panel{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:start!important;
}
#view-team .team-wizard-scroll{
  display:block!important;
  padding:2px 0 8px!important;
  scrollbar-gutter:auto!important;
}
#view-team .team-wizard-progress{
  position:sticky!important;
  top:70px!important;
  z-index:8!important;
}
#view-team .team-modal-actions{
  position:static!important;
  inset:auto!important;
  margin-top:18px!important;
  padding-top:14px!important;
}

/* Remove every historical toggle implementation from scope, cabinet and permission cards. */
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item){
  position:relative!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:82px!important;
  padding:14px!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
#view-team .team-access-page .team-scope-option{
  min-height:116px!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input{
  position:absolute!important;
  left:14px!important;
  top:14px!important;
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:1!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input::before,
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input::after{
  content:none!important;
  display:none!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>.team-permission-switch,
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>.team-choice-box{
  display:none!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)::before,
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)::after,
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item).selected::after,
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item):has(input:checked)::after{
  content:none!important;
  display:none!important;
}

/* A single clear check box is the only selection control. */
#view-team .team-access-page .team-choice-mark{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #cbd2df!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#fff!important;
  line-height:1!important;
  transform:none!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
}
#view-team .team-access-page .team-choice-mark::before{
  content:'✓'!important;
  display:block!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#fff!important;
  opacity:0!important;
  transform:scale(.75)!important;
  transition:opacity .15s ease,transform .15s ease!important;
}
#view-team .team-access-page .team-choice-mark::after{
  content:none!important;
  display:none!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input:checked+.team-choice-mark{
  border-color:#5b4ce6!important;
  background:#5b4ce6!important;
  box-shadow:0 5px 13px rgba(91,76,230,.18)!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input:checked+.team-choice-mark::before{
  opacity:1!important;
  transform:scale(1)!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item)>input:focus-visible+.team-choice-mark{
  outline:3px solid rgba(91,76,230,.16)!important;
  outline-offset:2px!important;
}
#view-team .team-access-page .team-cabinet-item>input:disabled+.team-choice-mark{
  opacity:.45!important;
}

/* Restore normal text width and stop one-word-per-line wrapping. */
#view-team .team-access-page .team-scope-option>span:last-child,
#view-team .team-access-page .team-cabinet-item>.team-choice-copy,
#view-team .team-access-page .team-permission-item>.team-permission-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  align-items:start!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#view-team .team-access-page :is(.team-scope-option,.team-cabinet-item,.team-permission-item) :is(b,small,span,em){
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}
#view-team .team-access-page .team-scope-option b,
#view-team .team-access-page .team-cabinet-item b{
  font-size:13px!important;
  line-height:1.38!important;
}
#view-team .team-access-page .team-scope-option small,
#view-team .team-access-page .team-cabinet-item small{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
#view-team .team-access-page .team-permission-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
}
#view-team .team-access-page .team-permission-title b{
  flex:1 1 auto!important;
  font-size:12.5px!important;
  line-height:1.38!important;
}
#view-team .team-access-page .team-permission-state{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
#view-team .team-access-page .team-permission-explanation{
  margin:0!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Keep the layouts readable at desktop and narrow widths. */
#view-team .team-cabinet-scope{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
#view-team .team-cabinet-permissions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
#view-team .team-permission-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
@media(max-width:900px){
  #view-team .team-wizard-progress{top:0!important}
  #view-team .team-cabinet-scope,
  #view-team .team-cabinet-permissions,
  #view-team .team-permission-grid{grid-template-columns:1fr!important}
}

/* IXRU 9C90 — place team invite action inside the members panel. */

#view-team .team-members-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
}
#view-team .team-members-panel-head>div{
  min-width:0!important;
}
#view-team .team-add-member-btn{
  flex:0 0 auto!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 16px!important;
  margin:0!important;
  font-size:14px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
/* Old standalone toolbar is removed from markup; neutralise legacy space if a cached fragment appears. */
#view-team .team-toolbar-row{
  display:none!important;
}
@media(max-width:700px){
  #view-team .team-members-panel-head{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  #view-team .team-add-member-btn{
    align-self:flex-start!important;
  }
}

/* IXRU 9C91 — add a small visual gap between team KPI cards and members content. */
#view-team .team-kpis-standalone{
  margin-bottom:14px!important;
}
/* ===== END SOURCE 37: styles/pages/team-access.css ===== */

/* ===== BEGIN SOURCE 38: styles/pages/notification-center.css ===== */
/* IXRU 9C135 — Notification center ownership, phase 27. No intentional visual changes. */
/* IXRU 9C82 — notification center redesign. */

#notificationDrawer.notification-drawer{
  width:min(430px,96vw)!important;
  padding:0!important;
  background:#f8fafc!important;
}
#notificationDrawer .notification-drawer-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:20px!important;
  border-bottom:1px solid #e4e7ec!important;
  background:#fff!important;
}
#notificationDrawer .notification-drawer-title{
  min-width:0!important;
}
#notificationDrawer .notification-drawer-title>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
#notificationDrawer .notification-drawer-title h3{
  margin:0!important;
  color:#1d2939!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
#notificationDrawer .notification-drawer-count{
  display:grid!important;
  place-items:center!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#f0eeff!important;
  color:#5547d7!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
}
#notificationDrawer .notification-drawer-title p{
  margin:6px 0 0!important;
  max-width:270px!important;
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
#notificationDrawer .notification-drawer-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
#notificationDrawer .notification-read-all,
#notificationDrawer .notification-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:40px!important;
  min-height:40px!important;
  border:1px solid #d0d5dd!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:none!important;
  font:500 13px/1.2 inherit!important;
  text-decoration:none!important;
  outline:0!important;
}
#notificationDrawer .notification-read-all{
  width:auto!important;
  padding:0 12px!important;
  gap:6px!important;
}
#notificationDrawer .notification-read-all span{
  color:#5b4ce6!important;
  font-size:14px!important;
}
#notificationDrawer .notification-close{
  width:40px!important;
  min-width:40px!important;
  padding:0!important;
  font-size:24px!important;
  line-height:1!important;
}
#notificationDrawer .notification-read-all:hover,
#notificationDrawer .notification-close:hover{
  border-color:#a8a1ed!important;
  background:#faf9ff!important;
  color:#5145cd!important;
}
#notificationDrawer .notification-read-all:focus-visible,
#notificationDrawer .notification-close:focus-visible{
  box-shadow:0 0 0 3px rgba(91,76,230,.15)!important;
}
#notificationDrawer .notification-drawer-body{
  flex:1!important;
  min-height:0!important;
  overflow:auto!important;
  padding:14px 14px 8px!important;
}
#notificationDrawer .notification-item{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:14px!important;
  border:1px solid #e1e5ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
}
#notificationDrawer .notification-item.unread{
  border-color:#d9d5ff!important;
  background:#fdfcff!important;
}
#notificationDrawer .notification-item.read{
  background:#fff!important;
  opacity:.7!important;
}
#notificationDrawer .notification-item-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  border-radius:10px!important;
  background:#fff7e8!important;
  color:#b54708!important;
  box-shadow:none!important;
}
#notificationDrawer .notification-item-icon:after{
  content:'!'!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:800!important;
}
#notificationDrawer .notification-item.bad .notification-item-icon{
  background:#fff1f1!important;
  color:#d92d20!important;
  box-shadow:none!important;
}
#notificationDrawer .notification-item.info .notification-item-icon{
  background:#f0eeff!important;
  color:#5b4ce6!important;
  box-shadow:none!important;
}
#notificationDrawer .notification-item.info .notification-item-icon:after{
  content:'i'!important;
  font-family:Georgia,serif!important;
}
#notificationDrawer .notification-item-content{
  min-width:0!important;
}
#notificationDrawer .notification-item-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
}
#notificationDrawer .notification-item-title b{
  color:#253044!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
#notificationDrawer .notification-group-count{
  display:grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#f2f4f7!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:700!important;
}
#notificationDrawer .notification-item p{
  margin:5px 0 0!important;
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.48!important;
}
#notificationDrawer .notification-item-content>small{
  display:block!important;
  margin-top:6px!important;
  color:#98a2b3!important;
  font-size:11.5px!important;
}
#notificationDrawer .notification-item-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:12px!important;
  flex-wrap:wrap!important;
}
#notificationDrawer .notification-item-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  border:1px solid #d0d5dd!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#475467!important;
  font:500 12px/1.2 inherit!important;
  text-decoration:none!important;
}
#notificationDrawer .notification-item-actions .notification-open{
  border-color:#c9c4fa!important;
  background:#f7f6ff!important;
  color:#5145cd!important;
}
#notificationDrawer .notification-item-actions button:hover{
  border-color:#9e96ee!important;
  background:#f3f1ff!important;
  color:#5145cd!important;
}
#notificationDrawer .notification-control-link{
  align-self:flex-start!important;
  width:auto!important;
  height:42px!important;
  min-height:42px!important;
  margin:8px 14px 14px!important;
  padding:0 16px!important;
  border-color:#d0d5dd!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475467!important;
  font:500 13px/1.2 inherit!important;
}
#notificationDrawer.is-empty .notification-drawer-body{
  flex:0 0 auto!important;
  overflow:visible!important;
  padding:54px 20px 0!important;
}
#notificationDrawer.is-empty .notification-empty{
  min-height:0!important;
  padding:0!important;
}
#notificationDrawer .notification-empty-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin-bottom:14px!important;
  border:1px solid #b7ebd2!important;
  border-radius:14px!important;
  background:#ecfdf3!important;
  color:#039855!important;
  font-size:22px!important;
  font-weight:800!important;
}
#notificationDrawer .notification-empty b{
  color:#344054!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:650!important;
}
#notificationDrawer .notification-empty span:not(.notification-empty-icon){
  max-width:285px!important;
  margin-top:7px!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.5!important;
}
#notificationDrawer.is-empty .notification-control-link{
  align-self:center!important;
  width:auto!important;
  min-width:210px!important;
  margin:18px auto 0!important;
}
@media(max-width:540px){
  #notificationDrawer .notification-drawer-head{padding:16px!important;gap:10px!important}
  #notificationDrawer .notification-drawer-title p{display:none!important}
  #notificationDrawer .notification-read-all{font-size:0!important;width:40px!important;padding:0!important}
  #notificationDrawer .notification-read-all span{font-size:15px!important}
  #notificationDrawer .notification-drawer-body{padding:12px 10px 6px!important}
  #notificationDrawer .notification-control-link{margin:8px 10px 10px!important}
}
/* IXRU 9C83 — compact notification center. */

#notificationDrawer.notification-drawer{
  width:min(420px,96vw)!important;
}
#notificationDrawer .notification-drawer-head{
  align-items:center!important;
  gap:10px!important;
  padding:15px 16px!important;
}
#notificationDrawer .notification-drawer-title{
  flex:1 1 auto!important;
}
#notificationDrawer .notification-drawer-title>div{
  gap:7px!important;
  flex-wrap:nowrap!important;
}
#notificationDrawer .notification-drawer-title h3{
  font-size:18px!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
#notificationDrawer .notification-drawer-count{
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  font-size:11px!important;
}
#notificationDrawer .notification-drawer-title p{
  margin-top:4px!important;
  max-width:225px!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
#notificationDrawer .notification-drawer-actions{
  gap:6px!important;
}
#notificationDrawer .notification-read-all,
#notificationDrawer .notification-close{
  height:36px!important;
  min-height:36px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
#notificationDrawer .notification-read-all{
  padding:0 10px!important;
  gap:5px!important;
  white-space:nowrap!important;
}
#notificationDrawer .notification-read-all span{
  font-size:13px!important;
}
#notificationDrawer .notification-close{
  width:36px!important;
  min-width:36px!important;
  font-size:21px!important;
}

/* Do not let CSS Grid stretch short notifications to fill the drawer. */
#notificationDrawer .notification-drawer-body{
  display:block!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  padding:10px 10px 4px!important;
}
#notificationDrawer .notification-item{
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:9px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 8px!important;
  padding:11px 12px!important;
  border-radius:12px!important;
}
#notificationDrawer .notification-item-icon{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
}
#notificationDrawer .notification-item-icon:after{
  font-size:13px!important;
}
#notificationDrawer .notification-item-title{
  gap:6px!important;
}
#notificationDrawer .notification-item-title b{
  font-size:13.5px!important;
  line-height:1.3!important;
  font-weight:650!important;
}
#notificationDrawer .notification-group-count{
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  font-size:10.5px!important;
}
#notificationDrawer .notification-item p{
  margin:4px 0 0!important;
  font-size:12px!important;
  line-height:1.42!important;
}
#notificationDrawer .notification-item-content>small{
  margin-top:4px!important;
  font-size:10.5px!important;
}
#notificationDrawer .notification-item-actions{
  gap:7px!important;
  margin-top:8px!important;
}
#notificationDrawer .notification-item-actions button{
  height:32px!important;
  min-height:32px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:11.5px!important;
}
#notificationDrawer .notification-control-link{
  height:38px!important;
  min-height:38px!important;
  margin:7px 10px 10px!important;
  padding:0 13px!important;
  font-size:12.5px!important;
}
#notificationDrawer.is-empty .notification-drawer-body{
  display:block!important;
  padding:40px 18px 0!important;
}
@media(max-width:460px){
  #notificationDrawer .notification-drawer-head{padding:13px 14px!important}
  #notificationDrawer .notification-drawer-title h3{font-size:17px!important}
  #notificationDrawer .notification-drawer-title p{display:none!important}
  #notificationDrawer .notification-read-all{font-size:0!important;width:36px!important;padding:0!important}
  #notificationDrawer .notification-read-all span{font-size:14px!important}
  #notificationDrawer .notification-drawer-body{padding:9px 8px 3px!important}
  #notificationDrawer .notification-control-link{margin:7px 8px 8px!important}
}
/* IXRU 9C86 — notification drawer header/footer rebalance. */

#notificationDrawer.notification-drawer{
  width:min(420px,96vw)!important;
}
#notificationDrawer .notification-drawer-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:15px 16px 14px!important;
}
#notificationDrawer .notification-drawer-title{
  flex:1 1 auto!important;
  min-width:0!important;
}
#notificationDrawer .notification-drawer-title>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
#notificationDrawer .notification-drawer-title h3{
  margin:0!important;
  font-size:17px!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
#notificationDrawer .notification-drawer-title p{display:none!important;}
#notificationDrawer .notification-drawer-count{
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#f1efff!important;
  color:#5b4ce6!important;
  font-size:11px!important;
  font-weight:700!important;
}
#notificationDrawer .notification-drawer-actions{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:0!important;
}
#notificationDrawer .notification-close{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  border:1px solid #cfd7e6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475467!important;
  font-size:21px!important;
}
#notificationDrawer .notification-drawer-body{
  display:block!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  padding:10px 10px 4px!important;
}
#notificationDrawer .notification-item{
  margin:0 0 8px!important;
}
#notificationDrawer .notification-drawer-footer{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 10px 10px!important;
  border-top:0!important;
}
#notificationDrawer .notification-control-link,
#notificationDrawer .notification-drawer-footer .notification-read-all{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #cfd7e6!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
#notificationDrawer .notification-control-link{
  flex:1 1 0!important;
}
#notificationDrawer .notification-drawer-footer .notification-read-all{
  flex:0 0 auto!important;
  min-width:158px!important;
}
#notificationDrawer .notification-drawer-footer .notification-read-all:hover,
#notificationDrawer .notification-control-link:hover{
  background:#f8fafc!important;
}
#notificationDrawer .notification-drawer-footer .notification-read-all span,
#notificationDrawer .notification-control-link span{
  font-size:14px!important;
  font-weight:700!important;
  color:#5b4ce6!important;
}
#notificationDrawer.is-empty .notification-drawer-body{
  padding:40px 18px 0!important;
}
@media(max-width:460px){
  #notificationDrawer .notification-drawer-head{padding:13px 14px!important;}
  #notificationDrawer .notification-drawer-title h3{font-size:16px!important;white-space:normal!important;}
  #notificationDrawer .notification-drawer-footer{padding:6px 8px 8px!important;gap:8px!important;}
  #notificationDrawer .notification-control-link,
  #notificationDrawer .notification-drawer-footer .notification-read-all{font-size:12px!important;padding:0 10px!important;}
  #notificationDrawer .notification-drawer-footer .notification-read-all{min-width:132px!important;}
  #notificationDrawer .notification-drawer-body{padding:9px 8px 3px!important;}
}
/* ===== END SOURCE 38: styles/pages/notification-center.css ===== */

/* ===== BEGIN SOURCE 39: styles/pages/product-detail.css ===== */
/* IXRU 9C136 - Product detail page ownership, phase 28. No intentional visual changes. */

#view-product-detail .product-detail-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 16px!important;
}
#view-product-detail .product-detail-kpis-two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#view-product-detail .product-detail-kpi{
  position:relative!important;
  min-height:96px!important;
  height:auto!important;
  padding:13px 14px!important;
  border:1px solid #e5e7ee!important;
  border-left-width:3px!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(27,35,58,.045)!important;
  overflow:hidden!important;
}
#view-product-detail .product-detail-kpi.info{border-left-color:#6172f3!important}
#view-product-detail .product-detail-kpi.good{border-left-color:#12b76a!important}
#view-product-detail .product-detail-kpi.warn{border-left-color:#f79009!important}
#view-product-detail .product-detail-kpi.bad{border-left-color:#f04438!important}
#view-product-detail .product-detail-kpi.neutral{border-left-color:#c5cad5!important}
#view-product-detail .product-detail-kpi .metric-glow{display:none!important}
#view-product-detail .product-detail-kpi .metric-card-top{
  margin-bottom:7px!important;
}
#view-product-detail .product-detail-kpi .metric-icon{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
  border-radius:9px!important;
}
#view-product-detail .product-detail-kpi .label{
  color:#667085!important;
  font-size:11.25px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
#view-product-detail .product-detail-kpi .value{
  color:#1d2939!important;
  font-size:21px!important;
  line-height:1.12!important;
  font-weight:650!important;
}
#view-product-detail .product-detail-kpi small{
  display:block!important;
  margin-top:5px!important;
  color:#7a8191!important;
  font-size:11px!important;
  line-height:1.3!important;
}

/* Keep section headers and detailed rows consistent between all six tabs. */
#view-product-detail .product-detail-section>.panel-head{
  align-items:center!important;
  min-height:44px!important;
  margin-bottom:14px!important;
}
#view-product-detail .product-detail-section>.panel-head h3{
  margin:0 0 4px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
#view-product-detail .product-detail-section>.panel-head p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.4!important;
}
#view-product-detail .product-detail-breakdown{
  margin-top:2px!important;
  border-top:1px solid #eef0f4!important;
}
#view-product-detail .product-detail-row{
  min-height:44px!important;
  align-items:center!important;
  padding:10px 0!important;
}
#view-product-detail .product-detail-row>span{
  color:#667085!important;
  font-size:12px!important;
}
#view-product-detail .product-detail-row>b{
  color:#344054!important;
  font-size:13px!important;
  font-weight:600!important;
}
#view-product-detail .product-detail-row>b.positive{color:#087a55!important}
#view-product-detail .product-detail-row>b.negative{color:#c43232!important}

/* Overview uses the same KPI component as the rest of IXRU. */
#view-product-detail .product-detail-metrics{display:none!important}
#view-product-detail .product-detail-period-caption{
  margin:14px 2px 9px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:600!important;
}

/* Stock/packaging: do not leave an empty half of the screen. */
#view-product-detail .product-packaging-section-wide{
  grid-column:1/-1!important;
}

/* Empty cost history should be a compact state, not a large blank panel. */
#view-product-detail .product-cost-history-section .empty-state.compact{
  min-height:96px!important;
  padding:24px 18px!important;
  justify-content:center!important;
}

/* Funnel action belongs to the section header. */
#view-product-detail .product-search-head-action{
  flex:0 0 auto!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 13px!important;
  font-size:12.5px!important;
  font-weight:600!important;
}
#view-product-detail .product-detail-actions{margin-top:0!important}

/* Keep question marks only where the product card provides an explicit explanation. */
#view-product-detail .product-detail-row .help-tip,
#view-product-detail .product-detail-kpi .help-tip{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  font-size:9px!important;
}

@media(max-width:1180px){
  #view-product-detail .product-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  #view-product-detail .product-detail-kpis,
  #view-product-detail .product-detail-kpis-two{grid-template-columns:1fr!important}
  #view-product-detail .product-detail-section>.panel-head{align-items:flex-start!important;gap:10px!important}
  #view-product-detail .product-search-head-action{width:100%!important}
}
/* ===== END SOURCE 39: styles/pages/product-detail.css ===== */

/* ===== BEGIN SOURCE 40: styles/pages/summary-final.css ===== */
/* IXRU 9C136 - Summary final page ownership, phase 29. No intentional visual changes. */
/* Relocated from frozen 9C94/9C95 final Summary rhythm. */
#view-summary.ixru-page-layout.active{gap:12px!important;}
#view-summary .summary-headline-alert{margin:0!important;padding:9px 12px!important;gap:14px!important;}
#view-summary .summary-main-cards{margin-top:0!important;margin-bottom:0!important;}
#view-summary .summary-headline-alert-action{min-height:34px!important;}
@media(max-width:900px){
  #view-summary.ixru-page-layout.active{gap:10px!important;}
  #view-summary .summary-headline-alert{padding:9px 10px!important;}
}
/* 9C95 final winners. */
#view-summary.ixru-page-layout.active{gap:8px!important;}
#view-summary .summary-headline-alert{margin:0!important;padding:8px 12px!important;min-height:0!important;}
#view-summary .summary-main-cards{margin:0!important;}
#view-summary .summary-headline-alert-action{min-height:32px!important;height:32px!important;}
@media(max-width:900px){
  #view-summary.ixru-page-layout.active{gap:8px!important;}
  #view-summary .summary-headline-alert{padding:8px 10px!important;}
}

/* 9D25 — compact explanations for the two Summary data sources. */
#view-summary .summary-mode-tab{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:8px!important;
}
#view-summary .summary-mode-tab .summary-mode-label{
  display:block!important;
  min-width:0!important;
  font-size:13px!important;
  font-weight:inherit!important;
  line-height:1.2!important;
  text-align:center!important;
}
#view-summary .summary-mode-tab .summary-mode-help{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:end!important;
}
/* ===== END SOURCE 40: styles/pages/summary-final.css ===== */

/* ===== BEGIN SOURCE 41: styles/pages/orders-event.css ===== */
/* IXRU 9C136 - Orders event cell ownership, phase 30. No intentional visual changes. */
#view-orders .order-event-cell{justify-items:center!important;text-align:center!important;}
#view-orders .order-event-cell>small{width:100%!important;text-align:center!important;}

/* POLICY1BE_VISUAL_POLISH_BEGIN */

#orderTabs{
  width:min(100%,1120px);
  position:relative;
  left:50%;
  transform:translateX(-50%);
}

#orders-mode-fbs-queue #fbsQueueCount{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:20px;
  margin-left:4px;
  padding:0 6px;
  border-radius:999px;
  background:#f2f4f7;
  color:inherit;
  font-size:11px;
  font-weight:800;
  line-height:1;
  vertical-align:middle;
}

#orders-mode-fbs-queue.active #fbsQueueCount{
  background:#fff;
  color:#5042d8;
}

#ordersFbsQueuePane .fbs-filter-label{
  white-space:nowrap;
}

#ordersFbsQueuePane .fbs-filter-count{
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:20px;
  margin-left:6px;
  padding:0 6px;
  border-radius:999px;
  background:#f2f4f7;
  color:#667085;
  font-size:11px;
  font-weight:800;
  line-height:1;
}

#ordersFbsQueuePane button.active .fbs-filter-count{
  background:#fff;
  color:#5042d8;
}

#fbsQueueCards{
  --ixru-operations-kpi-columns:5;
}

#fbsQueueTable .fbs-order-clean,
#fbsQueueTable .fbs-finance-clean,
#fbsQueueTable .fbs-deadline-clean,
#fbsQueueTable .fbs-next-clean{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  min-height:48px;
}

#fbsQueueTable .fbs-order-date,
#fbsQueueTable .fbs-deadline-date,
#fbsQueueTable .fbs-next-stage{
  color:#344054;
  font-weight:700;
  line-height:1.3;
}

#fbsQueueTable .fbs-order-number,
#fbsQueueTable .fbs-deadline-countdown,
#fbsQueueTable .fbs-next-delta,
#fbsQueueTable .fbs-cell-subline{
  color:#667085;
  font-size:11.5px;
  font-weight:500;
  line-height:1.35;
}

#fbsQueueTable .fbs-money-positive{
  color:#067647;
  font-weight:700;
}

#fbsQueueTable .fbs-money-negative{
  color:#b42318;
  font-weight:700;
}

#fbsQueueTable .fbs-finance-clean .pill{
  align-self:flex-start;
  margin:0;
}

.order-warehouse-cell{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.order-warehouse-cell>b{
  line-height:1.25;
}

@media(max-width:1280px){
  #fbsQueueCards{
    --ixru-operations-kpi-columns:3;
  }
}

@media(max-width:900px){
  #orderTabs{
    width:100%;
    left:0;
    transform:none;
  }
}

/* POLICY1BE_VISUAL_POLISH_END */
/* POLICY1BH_FBS_KPI_SEMANTICS_BEGIN */
#fbsQueueCards .card.good{
  background:linear-gradient(145deg,#f8fdf9 0%,#eefaf4 100%);
  border-color:#bfe5cf;
  box-shadow:0 8px 24px rgba(18,183,106,.06);
}
#fbsQueueCards .card.warn{
  background:linear-gradient(145deg,#fffdf8 0%,#fff8e8 100%);
  border-color:#efd7a7;
  box-shadow:0 8px 24px rgba(247,144,9,.055);
}
#fbsQueueCards .card.bad{
  background:linear-gradient(145deg,#fffafa 0%,#fff0f0 100%);
  border-color:#efc6c6;
  box-shadow:0 8px 24px rgba(240,68,56,.055);
}
#fbsQueueCards .card.good .value{color:#067647}
#fbsQueueCards .card.warn .value{color:#b54708}
#fbsQueueCards .card.bad .value{color:#b42318}
/* POLICY1BH_FBS_KPI_SEMANTICS_END */
/* ===== END SOURCE 41: styles/pages/orders-event.css ===== */