#wbRoot { --wb-border: #e3e8ef; --wb-muted: #778293; --wb-blue: #5d88ef; color: #263245; }
#wbRoot button { font-family:inherit; }
#wbRoot button.light, #wbRoot button.action { min-height:37px; padding:8px 13px; border-radius:8px; font-size:12px; cursor:pointer; }
#wbRoot button.action { background:#5d88ef; border-color:#5d88ef; color:#fff; }
#wbRoot button.light:hover { background:#f0f4ff; border-color:#b8cbf2; }
#wbRoot button:disabled { opacity:.5; cursor:not-allowed; }
body.wb-active .topbar { gap:18px; max-width:100vw; }
body.wb-active .topbar .brand { flex-shrink:0; }
body.wb-active #mainNav { min-width:0; flex:1; overflow-x:auto; gap:15px; scrollbar-width:thin; }
body.wb-active .topbar > button { flex-shrink:0; }
@media (min-width:801px) and (max-width:1650px) { body.wb-active #userBadge { display:none; } }
.wb-head { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:14px 0 24px; }
.wb-head h1 { margin:5px 0 6px; font-size:29px; letter-spacing:-.7px; }
.wb-eyebrow { font-size:11px; font-weight:700; letter-spacing:1.4px; color:var(--wb-muted); }
.wb-subtitle { margin:0; color:var(--wb-muted); font-size:13px; }
.wb-head-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.wb-demo { padding:13px 18px; margin-bottom:20px; background:#fff6e5; border:1px solid #eddbb8; border-radius:12px; font-size:13px; line-height:1.6; }
.wb-layout { display:grid; grid-template-columns:206px minmax(0,1fr); gap:24px; }
.wb-sidebar { border-right:1px solid var(--wb-border); padding-right:16px; position:sticky; top:135px; align-self:start; max-height:calc(100dvh - 150px); overflow-y:auto; scrollbar-width:thin; }
.wb-sidebar nav { display:grid; gap:5px; }
.wb-sidebar nav button { text-align:left; background:transparent; border:0; padding:12px 11px; border-radius:9px; font-size:13px; color:#637087; cursor:pointer; width:100%; }
.wb-sidebar nav button:hover { background:#f2f5fa; }
.wb-sidebar nav button.selected { background:#edf2ff; color:#3465ce; font-weight:700; }
.wb-sidebar-foot { display:grid; gap:8px; margin:40px 10px 10px; font-size:11px; line-height:1.6; color:var(--wb-muted); }
.wb-sidebar-foot strong { color:#57657b; }
.wb-main { min-width:0; }
.wb-period { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:20px; flex-wrap:wrap; }
.wb-period form { display:flex; gap:9px; align-items:end; flex-wrap:wrap; }
.wb-period label { font-size:11px; color:var(--wb-muted); display:grid; gap:5px; }
.wb-period input { min-height:38px; width:158px; max-width:158px; font:inherit; font-size:13px; padding:6px 9px; border:1px solid var(--wb-border); border-radius:8px; background:white; color:#354259; }
.wb-period > span { font-size:11px; color:var(--wb-muted); }
.wb-badge { display:inline-flex; border-radius:30px; padding:6px 9px; font-size:11px; background:#fff3da; color:#96671c; white-space:nowrap; }
.wb-badge.is-ready { color:#26705d; background:#e8f5ef; }
.wb-quality { display:flex; align-items:center; gap:12px; font-size:12px; color:var(--wb-muted); margin-bottom:16px; flex-wrap:wrap; }
.wb-note { padding:12px 15px; border-radius:9px; font-size:12px; background:#f2f5fa; line-height:1.65; margin:10px 0 16px; }
.wb-warning { background:#fff7e9; color:#895e25; border:1px solid #f0dfbd; }
.wb-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:18px 0; }
.wb-kpi { border:1px solid var(--wb-border); background:white; border-radius:13px; padding:19px 18px; display:flex; flex-direction:column; gap:10px; min-height:130px; }
.wb-kpi > span { font-size:12px; color:#66758b; }
.wb-kpi > strong { font-size:clamp(19px,1.8vw,27px); letter-spacing:-.6px; font-weight:650; white-space:nowrap; }
.wb-kpi > small { font-size:10px; color:var(--wb-muted); line-height:1.5; }
.wb-kpi-accent { background:#edf3ff; border-color:#d7e3ff; }
.wb-kpi-accent > strong { color:#3465ce; }
.wb-kpis-small .wb-kpi { min-height:105px; padding:15px 18px; }
.wb-kpis-small .wb-kpi strong { font-size:19px; }
.wb-panel { background:white; border:1px solid var(--wb-border); border-radius:13px; padding:22px; margin:18px 0; min-width:0; }
.wb-panel h2 { font-size:16px; margin:0 0 8px; letter-spacing:-.2px; }
.wb-panel h3 { font-size:14px; }
.wb-panel p { font-size:12px; color:var(--wb-muted); line-height:1.7; margin:8px 0 15px; }
.wb-panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:15px; }
.wb-panel-head p { margin-bottom:0; }
.wb-two-col { display:grid; grid-template-columns:1.7fr 1fr; gap:18px; }
.wb-two-col .wb-panel { margin:0; }
.wb-chart { width:100%; display:block; margin-top:24px; min-height:150px; }
.wb-chart text { font-family:inherit; font-size:10px; fill:#8a96a7; }
.wb-result { display:block; font-size:28px; color:#3465ce; margin:20px 0; }
.wb-table-wrap { overflow:auto; max-height:610px; scrollbar-width:thin; }
.wb-table { width:100%; border-collapse:collapse; font-size:12px; }
.wb-table th { text-align:left; font-size:10px; color:var(--wb-muted); font-weight:500; padding:12px; background:#f7f9fc; position:sticky; top:0; white-space:nowrap; }
.wb-table td { padding:13px 12px; border-bottom:1px solid #f0f3f8; vertical-align:top; line-height:1.5; }
.wb-table tr:last-child td { border-bottom:0; }
.wb-table small { display:block; max-width:280px; color:#8a96a7; font-size:10px; margin-top:4px; }
.wb-table details { min-width:110px; }
.wb-table summary { cursor:pointer; color:#6284c6; }
.wb-table .wb-empty { text-align:center; padding:35px 16px; color:var(--wb-muted); }
.wb-empty-state { padding:60px 24px; text-align:center; border:1px dashed var(--wb-border); border-radius:13px; background:#fafcff; margin:18px 0; }
.wb-empty-state p { max-width:550px; margin:12px auto 22px; font-size:13px; color:var(--wb-muted); line-height:1.8; }
.wb-empty-state h2 { font-size:20px; }
.wb-empty-icon { color:#6891e8; font-size:32px; }
.wb-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; align-items:end; margin:20px 0; }
.wb-form-grid label { display:grid; gap:7px; color:#6b788d; font-size:12px; }
.wb-form-grid input:not([type=checkbox]), .wb-form-grid select { min-height:39px; width:100%; padding:9px; border:1px solid var(--wb-border); border-radius:8px; background:white; color:#354259; box-sizing:border-box; }
.wb-form-grid input[type=file] { font-size:11px; }
.wb-checkbox { display:flex!important; align-items:center; gap:8px; font-size:12px; color:#6b788d; }
.wb-checkbox input { width:15px; height:15px; }
.wb-form-grid .wb-checkbox { align-self:center; line-height:1.7; }
.wb-import > summary { cursor:pointer; color:#4e76c9; font-size:14px; }
.wb-preview { border-top:1px solid var(--wb-border); margin-top:25px; padding-top:15px; }
.wb-preview > button { margin-top:15px; }
.wb-filter-row { display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin:18px 0; }
.wb-filter-row > input { min-height:38px; min-width:270px; border:1px solid var(--wb-border); padding:9px 12px; border-radius:8px; }
.wb-cost-button { background:#eef3ff; border:0; color:#3e6bc7; border-radius:6px; padding:7px 10px; cursor:pointer; white-space:nowrap; }
.wb-cost-button.is-missing { background:#fff1db; color:#a36d22; }
.wb-sync-actions { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.wb-stock-row { display:grid; grid-template-columns:1fr 1.3fr .7fr auto; gap:12px; align-items:end; margin:12px 0; }
.wb-stock-row label { display:grid; gap:7px; color:#6b788d; font-size:12px; }
.wb-stock-row input { width:100%; min-width:0; padding:9px; border:1px solid var(--wb-border); border-radius:8px; box-sizing:border-box; }
.wb-loading { padding:30px; color:var(--wb-muted); }
.wb-export { text-align:right; margin:20px 0; }
#wbRoot button:focus-visible, #wbRoot input:focus-visible, #wbRoot select:focus-visible, #wbRoot summary:focus-visible { outline:3px solid #94b4fa; outline-offset:3px; }
@media (max-width:1150px) { .wb-layout { grid-template-columns:175px minmax(0,1fr); gap:16px; } .wb-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .wb-two-col { grid-template-columns:1fr; } .wb-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .wb-head { align-items:start; flex-direction:column; gap:15px; } .wb-layout { grid-template-columns:1fr; } .wb-sidebar { border:0; padding:0; position:static; max-height:none; overflow:visible; } .wb-sidebar nav { display:flex; overflow:auto; position:static; padding-bottom:8px; } .wb-sidebar nav button { white-space:nowrap; width:auto; flex-shrink:0; } .wb-sidebar-foot { display:none; } .wb-panel { padding:15px; } .wb-form-grid { grid-template-columns:1fr; } .wb-kpi { padding:15px 13px; } .wb-kpi strong { font-size:21px; } .wb-period > span { display:none; } .wb-panel-head { align-items:start; flex-direction:column; } }

@media (max-width:720px) { .wb-stock-row { grid-template-columns:1fr 1fr; } .wb-stock-row button { justify-self:end; } }

/* Shared workspaces: readable summaries and the same table controls everywhere. */
body.wb-active main { max-width:1800px; padding-inline:clamp(16px,2.4vw,40px); }
.wb-section-title { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:26px 0 14px; }
.wb-section-title h2 { margin:0; font-size:18px; letter-spacing:-.3px; }
.wb-section-title p,.wb-table-context { color:var(--wb-muted); font-size:12px; line-height:1.6; margin:6px 0 0; }
.wb-economy { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.wb-economy-card { background:#fff; border:1px solid var(--wb-border); border-radius:14px; padding:22px; min-width:0; }
.wb-economy-card.is-profit { background:#edf3ff; border-color:#d7e3ff; }
.wb-label { display:block; font-size:13px; color:#617089; margin-bottom:12px; }
.wb-economy-value { display:block; font-size:clamp(22px,2.1vw,33px); font-weight:650; letter-spacing:-.7px; margin-bottom:10px; font-variant-numeric:tabular-nums; }
.is-profit .wb-economy-value { color:#3465ce; }
.wb-muted { display:block; color:var(--wb-muted); font-size:11px; line-height:1.6; }
.wb-delta { display:block; font-size:11px; line-height:1.6; }
.wb-delta.is-positive { color:#23765c; }.wb-delta.is-negative,.wb-negative { color:#b54949; }
.wb-meter { height:5px; background:#edf0f5; border-radius:4px; margin:18px 0; overflow:hidden; }
.wb-meter i { display:block; height:100%; background:#7c9eeb; border-radius:inherit; }
.wb-meter.is-expense i { background:#deb16a; }.wb-meter.is-profit i { background:#68b49d; }
#wbRoot .wb-breakdown-row { display:flex; justify-content:space-between; align-items:baseline; gap:10px; width:100%; padding:9px 0; border:0; border-bottom:1px solid #edf0f5; background:transparent; text-align:left; cursor:pointer; font-size:12px; color:#617089; }
.wb-breakdown-row strong { color:#354259; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }
#wbRoot .wb-breakdown-row:hover { color:#3465ce; background:#f6f9ff; }
.wb-more-costs { margin:12px 0 0; }.wb-more-costs summary,.wb-method > summary { cursor:pointer; color:#4c6fae; font-size:12px; line-height:1.7; }
.wb-profit-ratios { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0; }
.wb-profit-ratios span { color:#64748a; font-size:11px; }.wb-profit-ratios strong { display:block; color:#354259; font-size:20px; margin-top:8px; }
.wb-attention-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#wbRoot .wb-attention { display:flex; flex-direction:column; gap:10px; text-align:left; background:white; border:1px solid var(--wb-border); border-radius:12px; padding:16px; cursor:pointer; color:#53627a; }
.wb-attention > span { font-size:12px; }.wb-attention strong { font-size:26px; color:#34465f; }.wb-attention strong small { font-size:11px; font-weight:400; }.wb-attention > small { color:var(--wb-muted); font-size:10px; }
#wbRoot .wb-attention:hover { border-color:#8eaff1; box-shadow:0 3px 10px #416bad0b; }
#wbRoot .wb-link-button { border:0; background:transparent; color:#3465ce; padding:7px 3px; cursor:pointer; font-size:12px; text-decoration:none; }
.wb-quality-details { position:relative; color:var(--wb-muted); font-size:11px; }
.wb-quality-details summary { cursor:pointer; color:#4c6fae; }
.wb-quality-details[open] { flex-basis:100%; padding:12px 16px; background:#f0f4fa; border-radius:8px; }
.wb-quality-details p,.wb-quality-details li { line-height:1.6; }
.wb-period select,.wb-view-controls :is(input,select) { height:38px; border:1px solid var(--wb-border); border-radius:8px; padding:7px 10px; color:#354259; background:white; max-width:100%; font:inherit; font-size:12px; }
.wb-view-controls { display:flex; align-items:end; gap:14px; flex-wrap:wrap; margin:16px 0; }
.wb-view-controls label { display:grid; gap:6px; font-size:11px; color:var(--wb-muted); }
.wb-method { margin:14px 0; }.wb-method p { font-size:12px; color:var(--wb-muted); line-height:1.7; }
.wb-preset-bar { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 12px; }
#wbRoot .wb-preset-bar button { display:flex; align-items:center; gap:10px; border:1px solid var(--wb-border); border-radius:9px; padding:10px 12px; font-size:11px; background:white; color:#617089; cursor:pointer; }
.wb-preset-bar strong { padding:2px 6px; border-radius:5px; background:#f0f3f9; font-size:11px; }
#wbRoot .wb-preset-bar .selected { background:#edf3ff; border-color:#9eb9ef; color:#3465ce; }.wb-preset-bar .selected strong { background:#dfeaff; }
.wb-products-panel { padding:16px; }.wb-products-panel .wb-table th:first-child { min-width:220px; }.wb-products-panel .wb-table td:first-child { min-width:220px; max-width:310px; }
#wbRoot .wb-product-link { display:block; border:0; background:transparent; padding:0; color:#365c9a; font-size:12px; font-weight:600; text-align:left; cursor:pointer; line-height:1.45; overflow-wrap:anywhere; max-width:290px; }
.wb-table a { color:#5e7cab; text-decoration:none; }.wb-product-link:hover,.wb-table a:hover { text-decoration:underline; }
.wb-grid { min-width:0; }.wb-grid-tools { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 12px; }
.wb-grid-search { flex:1 1 220px; max-width:340px; }.wb-grid-search input { height:36px; width:100%; border:1px solid var(--wb-border); border-radius:8px; padding:8px 11px; font:inherit; font-size:12px; color:#354259; }
.wb-grid-tools button.light { font-size:11px!important; min-height:34px!important; }
.wb-column-menu { position:relative; font-size:11px; }
.wb-column-menu > summary { padding:9px 11px; border:1px solid var(--wb-border); background:white; border-radius:8px; color:#617089; cursor:pointer; }
.wb-column-menu > div { position:absolute; z-index:8; top:calc(100% + 5px); right:0; width:270px; max-height:380px; overflow:auto; background:white; border:1px solid var(--wb-border); border-radius:10px; padding:12px; box-shadow:0 12px 35px #233b6022; }
.wb-column-menu label { display:flex; align-items:center; gap:8px; padding:7px 3px; line-height:1.4; }.wb-column-menu input { accent-color:#5d88ef; }
.wb-grid .wb-table { border-collapse:separate; border-spacing:0; }
.wb-grid .wb-table th { padding:0; z-index:2; border-bottom:1px solid var(--wb-border); color:#64748a; }
.wb-grid .wb-table th > button { width:100%; background:transparent; border:0; padding:11px 10px; text-align:left; color:inherit; white-space:nowrap; cursor:pointer; font-size:11px; }
.wb-grid .wb-table th > button span { color:#a2b1c9; }.wb-grid .wb-table th[aria-sort] > button { color:#3465ce; }
.wb-grid .wb-table th:not(:has(button)) { padding:10px; }
.wb-grid .wb-table td { font-size:12px; padding:13px 10px; min-width:85px; }
.wb-grid .wb-table-compact td { padding:8px 10px; font-size:11px; }
.wb-grid .wb-table td.wb-number { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.wb-grid .wb-table tbody tr:hover td { background:#f7faff; }
.wb-grid .wb-table td[data-grid-primary],.wb-grid .wb-table thead tr:first-child th:first-child { position:sticky; left:0; background:white; box-shadow:1px 0 0 #e8edf5; z-index:1; }
.wb-grid .wb-table thead tr:first-child th:first-child { background:#f7f9fc; z-index:4; }
.wb-grid .wb-table tfoot td { position:sticky; bottom:0; background:#eef3fb; font-weight:650; border-top:1px solid var(--wb-border); z-index:3; }
.wb-grid .wb-grid-filters th { top:37px; padding:5px!important; background:#eef3fb; }
.wb-grid-filters input { width:100%; min-width:90px; height:30px; border:1px solid #dce4f0; border-radius:5px; padding:5px; font-size:11px; color:#354259; }
.wb-grid-hint { margin:0 0 8px!important; font-size:10px!important; }
.wb-grid-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding-top:12px; font-size:11px; color:#6b788d; }
.wb-grid-footer label { display:flex; align-items:center; gap:7px; }.wb-grid-footer select { border:1px solid var(--wb-border); padding:6px; border-radius:6px; color:#52657d; background:white; }
.wb-pagination { display:flex; align-items:center; gap:7px; }.wb-pagination button.light { padding:4px 10px!important; min-height:30px!important; }
.wb-grid .wb-table-wrap { max-height:min(650px,65vh); border:1px solid var(--wb-border); border-radius:8px; }
.wb-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wb-product-dialog { width:min(960px,calc(100vw - 32px)); max-height:90dvh; border:1px solid var(--wb-border); border-radius:16px; padding:26px; color:#263245; background:#f8faff; overflow:auto; }
.wb-product-dialog::backdrop { background:#23304470; backdrop-filter:blur(2px); }.wb-dialog-head { display:flex; justify-content:space-between; gap:20px; align-items:start; }.wb-dialog-head h2 { margin:8px 0; font-size:21px; overflow-wrap:anywhere; }.wb-dialog-head p,.wb-product-dialog > p { font-size:12px; color:var(--wb-muted); }.wb-dialog-head > button { flex-shrink:0; }
.wb-product-dialog .wb-kpi { padding:14px; min-height:100px; }.wb-product-dialog .wb-kpi strong { font-size:21px; }
@media(min-width:1400px) { .wb-layout { grid-template-columns:190px minmax(0,1fr); }.wb-head { padding-bottom:16px; } }
@media(max-width:1100px) { .wb-economy { grid-template-columns:1fr; }.wb-economy-card { padding:18px; }.wb-attention-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.wb-section-title { align-items:start; flex-wrap:wrap; } }
@media(max-width:720px) { body.wb-active main { padding-inline:14px; }.wb-grid-tools { gap:6px; }.wb-grid-search { max-width:none; flex-basis:100%; }.wb-products-panel { padding:10px; }.wb-grid-footer { justify-content:flex-start; }.wb-column-menu > div { right:auto; left:0; max-width:calc(100vw - 60px); }.wb-product-dialog { padding:16px; }.wb-grid .wb-table td[data-grid-primary] { min-width:145px; max-width:190px; }.wb-attention { padding:13px!important; }.wb-table-context { font-size:11px; } }

/* Keep the horizontal tab strip inside the mobile viewport. */
@media (max-width:720px) { .wb-layout { grid-template-columns:minmax(0,1fr); } .wb-sidebar { min-width:0; } .wb-sidebar nav { max-width:100%; } }

/* Product economics keeps a wide analytical grid inside its own scroll area. */
.wb-economics-scope { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:16px 0 24px; }
.wb-economics-scope label { display:grid; gap:6px; font-size:12px; color:#536278; min-width:220px; }
.wb-economics-scope select { width:100%; min-height:39px; padding:8px; border:1px solid var(--wb-border); border-radius:7px; background:white; }
.wb-economics-widgets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0 24px; }
#wbRoot .wb-economics-widgets > button { display:grid; align-content:start; gap:12px; min-height:115px; padding:16px; text-align:left; background:white; border:1px solid var(--wb-border); border-radius:10px; color:#4a5a70; cursor:pointer; }
.wb-economics-widgets > button > span { font-size:12px; line-height:1.5; }.wb-economics-widgets strong { font-size:21px; color:#293b53; }.wb-economics-widgets small { font-size:10px; line-height:1.6; color:#66758b; }
#wbRoot .wb-economics-widgets > button[aria-pressed=true] { background:#edf3ff; border-color:#94afe7; }
#wbRoot .wb-economics-widgets > button:disabled { opacity:1; background:#f1f4f8; color:#637286; cursor:default; }.wb-economics-widgets > button:disabled strong { font-size:15px; color:#637286; }
.wb-economics-settings { position:relative; }.wb-economics-settings > summary { color:#3566b3; font-size:12px; cursor:pointer; padding:8px; }
.wb-economics-settings form { position:absolute; z-index:8; top:100%; right:0; width:300px; max-height:65vh; overflow:auto; padding:18px; border:1px solid var(--wb-border); border-radius:10px; background:white; box-shadow:0 12px 25px #243b5920; }
.wb-economics-settings label { display:grid; gap:5px; margin:10px 0; font-size:11px; }.wb-economics-settings input { min-width:0; width:100%; padding:8px; border:1px solid #d5dfed; border-radius:5px; }
.wb-grid-rich-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:0; min-width:0; }.wb-grid-rich-layout.has-panel { grid-template-columns:minmax(0,1fr) 270px; }
.wb-grid-table-area { min-width:0; }.wb-grid-panel { min-width:0; padding:12px; border:1px solid var(--wb-border); border-left:0; border-radius:0 8px 8px 0; background:#fafbfd; max-height:min(650px,65vh); overflow:auto; }
.wb-grid-panel-title { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; padding-bottom:8px; }
.wb-grid-panel input[type=search] { width:100%; min-height:34px; border:1px solid #d2dce9; padding:8px; border-radius:6px; margin-bottom:10px; }
.wb-grid-panel-group { margin:14px 0; }.wb-grid-panel-group h4 { margin:0 0 8px; color:#445670; font-size:11px; }
.wb-grid-column-choice,.wb-grid-set-options label { display:flex; gap:7px; align-items:start; padding:7px 0; color:#53657d; font-size:11px; line-height:1.5; }.wb-grid-column-choice input,.wb-grid-set-options input { accent-color:#5d88ef; flex-shrink:0; }
.wb-grid-filter-detail { border-bottom:1px solid #e6ecf4; }.wb-grid-filter-detail > summary { padding:10px 0; color:#53657d; font-size:11px; cursor:pointer; }.wb-grid-filter-detail form { display:grid; gap:9px; padding:0 0 12px; }
.wb-grid-filter-detail form > label { display:grid; gap:5px; font-size:10px; color:#52647b; }.wb-grid-filter-detail input:not([type=checkbox]),.wb-grid-filter-detail select { min-width:0; width:100%; min-height:34px; border:1px solid #d2dce9; border-radius:5px; padding:7px; background:white; color:#3e506b; }
.wb-grid-filter-actions { display:flex; gap:8px; }.wb-grid-filter-actions button { flex:1; }.wb-grid-filter-error { font-size:11px!important; color:#ac3434!important; margin:0!important; }.wb-grid-set-options { max-height:190px; overflow:auto; }
.wb-grid-rich .wb-table-wrap { max-height:min(650px,65vh); }.wb-grid-rich .wb-table th { top:31px; }.wb-grid-rich .wb-table .wb-grid-groups th { top:0; height:31px; padding:8px 10px; color:#3f5777; font-size:11px; background:#edf2f9; border-right:1px solid #dce4ef; z-index:5; }
.wb-grid-rich .wb-table th > button { white-space:normal; min-width:115px; min-height:49px; line-height:1.4; }.wb-grid-rich .wb-table .wb-grid-column-head th:first-child { position:sticky; left:0; z-index:6; background:#f7f9fc; }
.wb-grid-rich .wb-table td[data-grid-primary] { min-width:230px; max-width:230px; width:230px; }.wb-grid-rich .wb-table .wb-grid-groups th:first-child { min-width:230px; }
.wb-grid-rich .wb-table td { min-width:125px; }.wb-grid-rich .wb-table td:first-child { overflow-wrap:anywhere; }.wb-grid-rich .wb-table td small { max-width:210px; }
.wb-sparkline { display:block; min-width:152px; width:152px; height:42px; }.wb-no-history { display:block; width:152px; padding:13px 0; text-align:center; font-size:10px; color:#697b93; }
.wb-unknown { color:#77869a; }.wb-economics-table > h3 { margin:0 0 16px; }.wb-economics-table .wb-preset-bar { margin-bottom:12px; }
@media(max-width:1150px) { .wb-economics-widgets { grid-template-columns:repeat(2,minmax(0,1fr)); }.wb-grid-rich-layout.has-panel { grid-template-columns:minmax(0,1fr) 245px; } }
@media(max-width:720px) { .wb-economics-scope label { min-width:0; width:100%; }.wb-economics-widgets { gap:8px; }.wb-economics-widgets > button { padding:12px!important; }.wb-economics-table { padding:10px; }.wb-grid-rich-layout.has-panel { grid-template-columns:minmax(0,1fr); }.wb-grid-panel { grid-row:1; border-left:1px solid var(--wb-border); max-height:380px; margin-bottom:10px; }.wb-grid-rich .wb-table td[data-grid-primary] { min-width:150px; max-width:170px; width:170px; }.wb-grid-rich .wb-table .wb-grid-groups th:first-child { min-width:170px; }.wb-economics-settings form { right:-10px; max-width:calc(100vw - 40px); } }

.wb-grid.wb-grid-rich .wb-table thead tr.wb-grid-groups:first-child th:first-child { position:sticky; left:0; z-index:8; background:#edf2f9; }
/* Product photos and column tools follow the existing Finansist palette. */
.wb-product-media {display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;min-width:0;}
#wbRoot .wb-photo-button {border:0;background:transparent;padding:0;cursor:pointer;min-width:0;}
.wb-product-photo {display:flex;align-items:center;justify-content:center;width:36px;height:48px;border-radius:5px;overflow:hidden;background:#f0f3f8;}
.wb-product-photo img {width:100%;height:100%;object-fit:contain;}.wb-product-photo img[hidden] {display:none;}
.wb-photo-empty {font-size:8px;color:#8190a5;text-align:center;padding:3px;line-height:1.3;}
.wb-product-photo.is-large {width:120px;height:160px;flex-shrink:0;}.wb-dialog-head > div {flex:1;}
.wb-sku-link {white-space:nowrap;}.wb-product-media small {margin-top:4px!important;}
.wb-grid-header-content {display:flex;align-items:stretch;min-height:40px;}
.wb-grid .wb-grid-header-content > button {border:0;background:transparent;color:inherit;padding:10px 8px;font:inherit;font-size:11px;text-align:left;cursor:pointer;}
.wb-grid .wb-grid-header-content > button:first-child {flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.4;}
.wb-grid .wb-grid-header-content > button:first-child[draggable] {cursor:grab;}
.wb-grid .wb-grid-header-content .wb-column-filter {padding:7px 5px;flex:0 0 27px;position:relative;}
.wb-column-filter svg {width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4;}
.wb-column-filter:hover {background:#e6edfa!important;}.wb-column-filter.is-active {color:#3465ce!important;background:#e5edff!important;}
.wb-column-filter i {position:absolute;right:4px;top:6px;width:5px;height:5px;background:#3465ce;border-radius:50%;}
.wb-grid .wb-table th[aria-sort] .wb-grid-header-content {color:#3465ce;}
.wb-column-resize {position:absolute;right:0;top:0;height:100%;width:6px;cursor:col-resize;touch-action:none;z-index:10;}.wb-column-resize:hover,.wb-column-resize:focus-visible {background:#81a6f4;outline:none;}
.wb-grid.wb-grid-rich .wb-table {table-layout:fixed;}.wb-grid.wb-grid-rich .wb-table td {min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;}
.wb-grid.wb-grid-rich .wb-table td.wb-number {white-space:nowrap;}
.wb-grid.wb-grid-rich .wb-table td[data-grid-primary] {min-width:0;max-width:none;width:auto;padding-left:30px;}
.wb-grid.wb-grid-rich .wb-table .wb-grid-groups th:first-child {min-width:0;}
.wb-row-select {position:absolute;left:8px;top:calc(50% - 6px);margin:0;accent-color:#5d88ef;}
.wb-grid .wb-table tbody tr.is-selected td {background:#edf3ff;}
.wb-grid-selection {display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;color:#667991;margin:-2px 0 10px;}.wb-grid-selection label {display:flex;align-items:center;gap:6px;}.wb-grid-selection small {margin-left:auto;font-size:10px;}
.wb-header-filter-popup {position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;border:1px solid #d8e1ed;border-radius:9px;background:#fff;padding:13px;color:#33445d;box-shadow:0 8px 28px #263b5529;z-index:1000;}
.wb-header-filter-popup .wb-grid-panel-title {padding-bottom:10px;font-size:12px;}
.wb-filter-editor {display:grid;gap:9px;}.wb-filter-condition {display:grid;gap:8px;margin:0;border:0;padding:0;min-width:0;}
.wb-filter-condition label {display:block;}.wb-filter-condition input,.wb-filter-condition select {width:100%;min-width:0;height:34px;background:white;color:#34455f;border:1px solid #cfd9e6;border-radius:5px;padding:6px 9px;font:inherit;font-size:12px;}
.wb-filter-condition :is(input,select):focus {outline:2px solid #9cbbff;outline-offset:1px;}
.wb-filter-join {display:flex;justify-content:center;gap:20px;font-size:12px;border-block:1px solid #eef2f7;padding:8px;}.wb-filter-join label {display:flex;align-items:center;gap:5px;}.wb-filter-join input {accent-color:#5d88ef;}
.wb-filter-help {font-size:10px;color:#7c8ba1;line-height:1.5;}.wb-filter-editor .wb-grid-filter-actions {margin-top:5px;}
.wb-grid-column-item {display:flex;align-items:center;gap:2px;}.wb-grid-column-item label {flex:1;}.wb-grid-column-item > button {border:0;background:transparent;color:#657e9d;cursor:pointer;padding:5px;}
.wb-grid-layouts {position:relative;font-size:11px;}.wb-grid-layouts summary {border:1px solid #d5deeb;border-radius:7px;padding:9px;cursor:pointer;color:#58708e;list-style:none;}
.wb-grid-layouts > div {position:absolute;right:0;top:40px;z-index:20;width:275px;background:white;box-shadow:0 6px 24px #263b5529;border:1px solid #d5deeb;border-radius:8px;padding:12px;display:grid;gap:8px;}
.wb-grid-layouts form {display:grid;gap:8px;margin-bottom:5px;}.wb-grid-layouts label {display:grid;gap:5px;}.wb-grid-layouts input {min-width:0;border:1px solid #cfd9e6;padding:7px;border-radius:5px;}.wb-grid-layouts > div > div {display:flex;justify-content:space-between;gap:5px;}.wb-grid-layouts > div > div button {border:0;background:#f0f4fb;color:#46628b;padding:7px;cursor:pointer;}.wb-grid-layouts small {color:#7c8ba1;line-height:1.5;}
@media(max-width:720px){.wb-product-photo.is-large {width:75px;height:100px;}.wb-product-media {grid-template-columns:30px minmax(0,1fr);gap:6px;}.wb-product-photo {width:30px;height:40px;}.wb-grid-selection small {margin-left:0;}.wb-grid-layouts > div {left:0;right:auto;}}
.wb-source-status {border:1px solid var(--wb-border);border-radius:10px;background:#fafcfe;padding:13px 16px;margin:0 0 18px;font-size:11px;color:#687b95;}
.wb-cost-popover {position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box;padding:18px;border:1px solid var(--wb-border);border-radius:10px;background:#fff;color:#263245;box-shadow:0 12px 32px #24354d24;font-size:13px;}
.wb-cost-popover form {display:grid;gap:14px;}.wb-cost-popover strong {font-size:16px;}.wb-cost-popover p {margin:0;line-height:1.5;}.wb-cost-product {font-size:11px;overflow-wrap:anywhere;color:#546781;}.wb-cost-popover label {display:grid;gap:6px;font-size:12px;color:#425873;}.wb-cost-popover label[hidden] {display:none;}.wb-cost-popover input,.wb-cost-popover select {width:100%;min-height:38px;box-sizing:border-box;padding:8px 10px;border:1px solid #bac8dc;border-radius:6px;background:#fff;color:#263245;font:inherit;}.wb-cost-popover input:focus-visible,.wb-cost-popover select:focus-visible {outline:2px solid #446cda;outline-offset:2px;}.wb-cost-hint {font-size:11px;color:#546781;}.wb-cost-error {font-size:12px;color:#b12c36;}.wb-cost-actions {display:flex;gap:8px;}.wb-cost-actions button {min-height:38px;}.wb-new-data {position:fixed;right:20px;bottom:20px;z-index:1200;max-width:calc(100vw - 40px);color:#3157b0!important;border-color:#859ee1!important;background:#fff!important;box-shadow:0 6px 20px #24354d24;}.wb-cost-saved {position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:1201;box-sizing:border-box;max-width:calc(100vw - 32px);width:max-content;margin:0;padding:12px 16px!important;background:#f1faf5!important;border:1px solid #8bb8a1;color:#245f45!important;border-radius:8px;font-size:12px!important;}
#wbRoot .wb-cost-button {font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;}
.wb-source-status > p {margin:0 0 10px;font-size:11px;line-height:1.6;}.wb-source-status > div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}.wb-source-status > div > span {display:grid;gap:5px;}.wb-source-status strong {color:#425c7f;font-size:11px;}.wb-source-status small {font-size:10px;color:#8090a6;}.wb-source-status .is-ready {color:#2e806d;}.wb-source-estimate {color:#997134!important;font-size:10px;}
@media(max-width:720px){.wb-source-status > div {grid-template-columns:repeat(2,minmax(0,1fr));}}
.wb-waterfall .wb-panel-head {align-items:flex-start;margin-bottom:12px;}.wb-waterfall-caption {font-size:12px;color:#52637e;padding-top:2px;white-space:nowrap;}.wb-waterfall-scroll {overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b5c4dd #f4f6fa;}.wb-waterfall-chart {display:block;width:100%;font-family:inherit;}.wb-waterfall-axis,.wb-waterfall-label {fill:#5c6b80;font-size:11px;}.wb-waterfall-value {fill:#34445f;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;}.wb-waterfall-grid {stroke:#e9edf3;stroke-width:1;}.wb-waterfall-zero {stroke:#bfcadd;stroke-width:1;}.wb-waterfall-connector {stroke:#b9c5d8;stroke-width:1;stroke-dasharray:3 3;}.wb-waterfall-revenue {fill:#4e7cef;}.wb-waterfall-expense {fill:#f17e8c;}.wb-waterfall-profit,.wb-waterfall-income {fill:#20a47e;}.wb-waterfall-empty {stroke:#93a4bd;stroke-width:2;}.wb-waterfall-step:focus {outline:none;}.wb-waterfall-step:focus-visible rect {stroke:#233e70;stroke-width:3;}.wb-waterfall-step:hover rect {filter:brightness(.96);}.wb-waterfall-note {color:#546781!important;font-size:11px!important;margin:8px 0 12px!important;}.wb-waterfall-details summary {font-size:12px;color:#3e65af;cursor:pointer;width:fit-content;}.wb-waterfall-details table {margin-top:10px;}.wb-waterfall-details tbody th {position:static;background:transparent;font-weight:500;font-size:12px;white-space:normal;color:#425873;border-bottom:1px solid #f0f3f8;}.wb-waterfall-details td:nth-child(2) {white-space:nowrap;font-variant-numeric:tabular-nums;}.wb-waterfall-details td:last-child {min-width:240px;color:#546781;}
@media(max-width:720px){.wb-waterfall {padding:16px;}.wb-waterfall .wb-panel-head {display:block;}.wb-waterfall-caption {display:block;margin-top:8px;white-space:normal;}.wb-waterfall-scroll::after {content:'Прокрутите график вправо, чтобы увидеть все статьи';display:block;font-size:11px;color:#546781;padding:5px 0 8px;}}