:root{--bg:#f5f7fa;--paper:#fff;--ink:#243147;--muted:#647389;--line:#e4e9f0;--blue:#3c78d8;--blue-soft:#edf4ff;--green:#17784f;--orange:#a76500;--red:#c3363e;--accent:var(--blue);--accent-dark:#2e61ac;--border:var(--line);font:14px/1.4 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
/* Shared compact navigation, explanations and unmistakable page controls. */
.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;max-width:1120px}
.section-grid .section-card{display:flex;align-items:center;gap:16px;max-width:none;margin:0;padding:20px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.section-grid .section-card:hover{border-color:#a7bfe4;box-shadow:0 3px 14px #2431470a}.section-grid .section-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.section-grid .card-icon{width:44px;height:44px;flex:0 0 44px}.section-grid .card-icon svg{width:26px;height:26px}.section-grid .card-content h2{font-size:17px;margin:0 0 6px}.section-grid .card-content p{font-size:13px;margin:0;line-height:1.5}
#main details.compact-notes{box-sizing:border-box;width:100%;max-width:none;margin:12px 0;padding:5px 16px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:12px;line-height:1.65}
#main details.compact-notes>summary{padding:5px 0;color:var(--muted);font-size:12px;font-weight:500}#main details.compact-notes>summary:hover{color:var(--blue)}#main details.compact-notes h3{font-size:13px;color:var(--ink);margin:14px 0 7px}
#main .table-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;font-size:12px;color:var(--muted)}
#main .pagination-meta{grid-column:1;grid-row:1;margin:0}#main .pagination-controls{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap}#main .pagination-controls>span{min-width:120px;text-align:center;font-variant-numeric:tabular-nums}
#main .pagination-controls button{background:var(--paper);color:var(--blue);border:1px solid var(--line);padding:6px 12px;min-height:32px;font-size:12px}#main .pagination-controls button:disabled{opacity:.4;cursor:default}
@media(max-width:760px){.section-grid{grid-template-columns:1fr}#main .table-pagination{grid-template-columns:1fr}#main .pagination-controls{grid-column:1;grid-row:1;gap:8px}#main .pagination-meta{grid-row:2;text-align:center;justify-content:center}.section-grid .section-card{padding:16px}}
.working .dot,.dot.working{background:var(--blue)}tr.working{background:var(--blue-soft)}tr.working td:first-child{box-shadow:inset 3px 0 #96b9ee}.working .state{color:#2e61ac}
.cost-policy-form{max-width:1050px}.cost-policy-form select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);width:min(100%,420px)}.cost-policy-confirm{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:20px 0}.cost-policy-confirm input{width:18px;height:18px;flex-shrink:0;margin-top:2px}#cost-policy-message{color:var(--red)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}a{color:inherit}button,input,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #3c78d8;outline-offset:3px}.skip-link{position:absolute;top:-100px;left:16px;z-index:50;padding:12px;background:white}.skip-link:focus{top:12px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.topline{min-height:36px;display:flex;justify-content:space-between;align-items:center;padding:5px 32px;gap:16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.header-user{display:flex;align-items:center;gap:16px}.header-user button{padding:4px 9px;background:#fff;border-color:var(--line);color:#536075;font-size:12px}.header-user button:hover{background:var(--blue-soft)}
.navigation-bar{display:flex;align-items:center;gap:22px;padding:0 32px;min-height:54px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#345e9e;letter-spacing:.02em;white-space:nowrap;text-decoration:none}.brand-tag{font-size:10px;font-weight:600;border-left:1px solid var(--line);padding-left:10px;color:var(--muted)}.primary-nav{display:flex;align-items:center;gap:8px;min-width:0}.primary-nav>a,.planned-nav{display:inline-flex;align-items:center;gap:7px;min-height:53px;padding:0 11px;font-size:13px;border-bottom:3px solid transparent;text-decoration:none;color:#657288;white-space:nowrap}.primary-nav a[aria-current=page]{border-bottom-color:var(--blue);color:#264f91;font-weight:700}.primary-nav a:hover{color:var(--blue)}.planned-nav{color:#738095}.badge{display:inline-block;width:fit-content;padding:2px 7px;border-radius:10px;background:#eef1f5;color:#667386;font-size:10px;font-weight:600}
.service-menu{position:relative;margin:0 0 0 auto;font-size:13px;flex-shrink:0;color:var(--muted);max-width:none}.service-menu>summary{display:flex;align-items:center;gap:14px;padding:8px 12px;list-style:none;border:1px solid var(--line);border-radius:6px;color:#55647a;background:#fff}.service-menu>summary::-webkit-details-marker{display:none}.service-menu[open]>summary{background:var(--blue-soft);color:#2e61ac;border-color:#bcd2f4}.service-menu>nav{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:270px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #203b9720}.menu-caption{padding:9px 10px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.service-menu nav a{display:block;padding:10px;border-radius:5px;text-decoration:none;font-weight:600;color:var(--ink)}.service-menu nav a span{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}.service-menu nav a:hover,.service-menu nav a[aria-current=page]{background:var(--blue-soft);color:#2e61ac}
.workspace{min-height:calc(100vh - 162px)}main{width:min(1420px,calc(100% - 48px));min-width:0;margin:0 auto;padding:26px 0 46px}main:focus{outline:none}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:10px}.eyebrow a{text-decoration:none}.eyebrow a:hover{text-decoration:underline}.eyebrow span{margin:0 4px;color:#8a95a5}h1{font-size:27px;line-height:1.2;margin:0 0 8px;letter-spacing:-.4px}h2{font-size:18px;line-height:1.35;margin:0 0 10px}h3{font-size:15px}p{line-height:1.6;margin:10px 0}.sub{color:var(--muted);max-width:1040px;margin:0 0 24px}.small{font-size:12px;color:var(--muted)}
.section-card{display:flex;align-items:flex-start;gap:22px;max-width:800px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:28px;margin:28px 0 18px}.card-icon{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;background:var(--blue-soft);color:var(--blue);border-radius:9px}.card-content h2{margin:12px 0 8px;font-size:22px}.card-content p{color:var(--muted)}.home-hint{font-size:12px;color:var(--muted)}
button,input{font:inherit;border:1px solid #c4cfdc;border-radius:6px;padding:9px 12px}button{background:#3674ca;border-color:#2f68bd;color:#fff;cursor:pointer}button:hover{background:#2b65b5}button:disabled{opacity:.6;cursor:wait}input{width:min(100%,420px);background:#fff;color:var(--ink)}label{display:block;margin-bottom:10px;font-weight:600}form{background:#fff;border:1px solid var(--line);border-radius:9px;padding:26px;margin:28px 0}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 18px}.kpi{position:relative;background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 20px;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--blue)}.kpi-green:before{background:#1a9b68}.kpi-yellow:before{background:#f2a52d}.kpi-gray:before{background:#8994a5}.kpi-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.kpi-value{font-size:30px;font-weight:750;margin:10px 0 4px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.kpi-note{font-size:12px;color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:20px 0 12px;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.green .dot,.dot.green{background:#1a9b68}.yellow .dot,.dot.yellow{background:#de961f}.red .dot,.dot.red{background:#e85b5b}.unknown .dot,.disabled .dot,.dot.gray{background:#8994a5}.statusline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:8px}.statusline>div{min-width:0}.statusline button{font-size:12px;font-weight:600;flex-shrink:0}#checked{font-weight:600;font-size:13px}#counts{margin-top:4px}#message{padding:12px 16px;border:1px solid #f6dd9c;border-radius:8px;background:#fff9ed;color:#76581a}#message:empty{display:none}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;min-width:1060px;text-align:left}caption{position:absolute;width:1px;height:1px;overflow:hidden}th{background:#fafbfd;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:13px 16px;color:#647389;text-align:left;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #edf0f4;vertical-align:top;font-size:13px;line-height:1.45}tbody tr:last-child td{border-bottom:0}td:nth-child(1){width:16%;font-weight:600}td:nth-child(2){width:23%}td:nth-child(3){width:10%}td:nth-child(4){width:15%;font-variant-numeric:tabular-nums}td:nth-child(5){width:17%;font-variant-numeric:tabular-nums}td:nth-child(6){width:19%}td small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.55}tr.green{background:#f6fbf8}tr.yellow{background:#fff9ed}tr.red{background:#fff2f2}tr.unknown,tr.disabled{background:#f3f5f8}tr.green td:first-child{box-shadow:inset 3px 0 #8bcaad}tr.yellow td:first-child{box-shadow:inset 3px 0 #f2c46e}tr.red td:first-child{box-shadow:inset 3px 0 #ed9393}.state{display:inline-flex;align-items:center;font-weight:650;font-size:12px;white-space:nowrap}.green .state{color:var(--green)}.yellow .state{color:var(--orange)}.red .state{color:var(--red)}.stale tbody tr{background:#f1f3f5!important}.stale tbody td:first-child{box-shadow:none}.stale .state{color:var(--muted)}.stale .dot{background:#8994a5}
details{margin-top:22px;color:var(--muted);font-size:13px;max-width:1040px}summary{cursor:pointer;color:var(--accent-dark);padding:6px 0}footer{font-size:12px;color:var(--muted);margin-top:24px}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:20px 32px;border-top:1px solid var(--line);margin:0;background:#fff;font-size:11px}
.doc-panel{background:#fff;padding:24px;border:1px solid var(--line);border-radius:9px;margin:18px 0;max-width:1050px}.doc-panel a{color:var(--accent-dark)}.doc-panel li{line-height:1.65;margin:10px 0}code,pre{font-family:Consolas,monospace;font-size:12px}code{overflow-wrap:anywhere}pre{padding:16px;background:#f5f7fa;overflow:auto;border-radius:6px}.method-entry{padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:8px;max-width:none;margin-top:12px;overflow-wrap:anywhere}.method-entry summary{color:var(--ink);line-height:1.7}.method-entry p{white-space:pre-wrap}.method-summary{display:block;padding-left:64px;color:var(--muted);font-weight:400}.http-method{font-weight:700;color:#267b78;display:inline-block;min-width:58px;margin-right:8px}.params-table{min-width:560px}.params-table td{width:auto}
.brand-name{font-size:30px;letter-spacing:-1px}.brand-mark{color:var(--blue)}.brand-caption{font-size:12px;font-weight:400;line-height:1.4;border-left:1px solid var(--line);padding-left:16px;margin-left:8px;color:var(--muted)}.login-body{background:var(--bg)}.login-shell{max-width:510px;padding:64px 24px;margin:auto}.login-shell form{border-top:3px solid var(--blue)}.login-shell h1{font-size:24px}.login-shell label{margin-top:20px}.login-shell input,.login-shell button{width:100%}#login-error{color:#a1262c;min-height:24px}#global-message:not(:empty){padding:14px 18px;border:1px solid #eed195;background:#fff7e4;margin-bottom:18px;border-radius:8px}
@media(max-width:1000px){.topline,.navigation-bar{padding-left:18px;padding-right:18px}.navigation-bar{gap:12px}.brand-tag{display:none}main{width:calc(100% - 36px)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:18px}}
@media(max-width:640px){.topline{padding:6px 12px;font-size:10px}.header-user{gap:9px}.navigation-bar{padding:0 12px;gap:10px;flex-wrap:wrap;min-height:54px}.brand{font-size:12px;min-height:48px}.primary-nav{order:3;width:100%;border-top:1px solid var(--line)}.primary-nav>a,.planned-nav{min-height:43px;padding:0 8px;font-size:12px}.service-menu{font-size:12px}.service-menu>nav{width:min(270px,calc(100vw - 24px))}.service-menu>summary{padding:6px 10px}main{width:calc(100% - 24px);padding:20px 0 32px}h1{font-size:25px}.sub{font-size:13px}.kpis{gap:9px}.kpi{padding:14px}.kpi-label{font-size:10px}.kpi-value{font-size:26px}.kpi-note{font-size:11px}.statusline{align-items:flex-start;flex-direction:column;gap:10px}.legend{gap:9px 15px}.section-card{padding:20px;gap:14px}.card-icon{width:40px;height:40px}.card-content h2{font-size:20px}.doc-panel{padding:18px}.method-entry{padding:12px}.method-summary{padding-left:0}.site-footer{flex-direction:column;gap:5px;padding:16px 12px}.login-shell{padding-top:32px}}
:root .access-keys-card{max-width:900px;padding:24px;background:white;border:1px solid #dbe3ef;border-radius:12px}
:root .access-keys-card form{display:grid;gap:12px;max-width:680px;margin:24px 0}
:root .access-keys-card input,:root .access-keys-card select{box-sizing:border-box;min-width:0;width:100%;padding:12px;border:1px solid #cbd8eb;border-radius:6px;font:inherit}
:root .access-keys-card button{padding:12px;min-height:44px}
:root .access-keys-card .muted{font-size:13px;color:#637795;line-height:1.5}

/* Graphite & mint — approved 09.10.2026. Presentation only; no data rules. */
:root{color-scheme:light;--bg:#eef4f4;--paper:#fff;--ink:#243a43;--muted:#607780;--line:#d7e5e7;--blue:#187d87;--blue-soft:#e9f3f4;--accent:#187d87;--accent-dark:#146b74;--border:var(--line);--green:#148169;--red:#c44456;--orange:#9b681b;--positive-soft:#e8f5ee;--negative-soft:#fdecef;--credit:#795abb;--graphite:#243640;--mp-ozon:#3478dc;--mp-wb:#9759ce;--mp-yandex:#e69b35}
:root body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg);isolation:isolate}
:root .site-pattern{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.065;pointer-events:none}
:root .workspace{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0}:root main{width:calc(100% - 52px);max-width:1800px;padding:26px 0 30px;min-width:0;flex:1}
:root .site-header{background:var(--graphite);border-bottom:1px solid #ffffff14;color:#edf7f8;position:relative;z-index:50;flex:none}
:root .navigation-bar{padding:14px 26px;gap:22px;min-height:74px;max-width:1852px;margin:0 auto}
:root .brand{color:#edf7f8;font-size:23px;letter-spacing:-.4px;gap:9px;flex:none}
:root .brand>svg{width:33px;height:33px;background:#ffffff0e;color:#9edfd3;border:1px solid #ffffff18;border-radius:8px;padding:5px}
:root .brand-tag{border:0;font-size:11px;color:#b9cbd0;padding:0;letter-spacing:0;font-weight:400}
:root .primary-nav{gap:3px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding:4px}:root .primary-nav::-webkit-scrollbar{display:none}:root .primary-nav>a{flex:none;min-height:38px;padding:8px 10px;color:#c4d4d9;border:0;border-radius:7px;font-size:12px;gap:7px}
:root .primary-nav.is-scrollable,:root .primary-nav.is-scrollable>a{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
:root .primary-nav.is-dragging,:root .primary-nav.is-dragging>a{cursor:grabbing}
:root .primary-nav:focus-visible{outline:2px solid #b4eee4;outline-offset:-2px;border-radius:7px}
:root .primary-nav>a:focus-visible{outline-offset:-3px}
:root .primary-nav>a>svg,:root .service-menu>summary>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root .primary-nav>a:hover{background:#ffffff0b;color:#fff}:root .primary-nav>a[aria-current=page]{background:#ffffff16;color:#b4eee4;font-weight:600}
:root .service-menu{margin-left:auto;padding-left:16px;border-left:1px solid #ffffff20;max-width:none}
:root .service-menu>summary{padding:8px 4px;gap:8px;color:#c4d4d9;background:transparent;border:0;font-size:12px;min-height:36px}
:root .service-menu[open]>summary,:root .service-menu>summary:hover{color:#b4eee4;background:transparent}
:root .service-menu>nav{border-radius:11px;box-shadow:0 10px 32px #183b4328;border-color:var(--line)}
:root .service-menu nav a{font-size:12px;color:var(--ink);font-weight:500;padding:10px 12px}:root .service-menu nav a:hover,:root .service-menu nav a[aria-current=page]{background:var(--blue-soft);color:var(--accent)}
:root .header-user{gap:9px;font-size:11px;flex:none;color:#b9cbd0}:root .header-user>span{max-width:95px;overflow:hidden;text-overflow:ellipsis}
:root .header-user button{background:#ffffff0b;color:#d5e6e9;border-color:#ffffff20;padding:6px 8px;font-size:11px;min-height:0}
:root .header-user button:hover{background:#ffffff18}
:root h1{font-size:27px;font-weight:700;letter-spacing:-.5px}:root h2{font-weight:650}:root .sub{font-size:13px;margin-bottom:20px;max-width:none;line-height:1.6}
:root .site-footer{background:#e8eeef;border-top:1px solid #d9e4e6;flex:none;padding:17px 26px;color:var(--muted)}
:root #home-view{display:flex;flex-direction:column;min-height:calc(100dvh - 185px)}
:root main:has(>#home-view:not([hidden])){max-width:none}
:root .section-grid{display:flex;flex-wrap:wrap;gap:18px;width:100%;max-width:none;margin:32px 0 40px;justify-content:center}
:root .section-grid .section-card{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;aspect-ratio:1;flex:0 1 240px;width:240px;max-width:100%;min-width:0;padding:18px;gap:14px;border-radius:13px;background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 18px #24434a06;transform-origin:center;transition:transform .22s,box-shadow .22s,border-color .22s}
:root .section-card::after{content:'↗';position:absolute;top:22px;right:22px;color:var(--accent);font-size:18px}
:root .section-grid .card-icon{height:36px;width:36px;flex:0 0 36px;border-radius:10px;background:#e5f2f0;color:var(--accent)}
:root .section-grid .card-icon svg{width:26px;height:26px}:root .section-grid .card-content{z-index:1;position:relative}
:root .section-grid .card-content h2{font-size:15px;line-height:1.35;margin:0 0 8px}:root .section-grid .card-content p{font-size:12px;line-height:1.55;margin:0}
:root .section-art{position:absolute;z-index:0;right:14px;bottom:-19px;width:128px;height:128px;color:#368d91;opacity:.065;transform:translate(16px,9px) rotate(-12deg);transition:transform .3s,opacity .3s;pointer-events:none}
:root .section-art svg{width:100%;height:100%;stroke-width:1.15}
:root .home-service-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}:root .home-service-footer h2{font-size:14px;color:var(--muted);margin:0 0 12px}
:root .service-links{display:flex;gap:10px;flex-wrap:wrap}:root .service-links a{font-size:12px;padding:9px 12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--accent);text-decoration:none}
:root .service-links a:hover{background:var(--blue-soft)}
:root :is(.stock-panel,.rf-table-card,.doc-panel,.method-entry,.access-keys-card,.stock-filters,.rf-filters,.cost-policy-form){border-color:var(--line);border-radius:12px;box-shadow:0 4px 18px #24434a04}
:root :is(.stock-panel-head,.rf-table-top){padding:18px 20px}:root .stock-panel-head h2{font-size:16px;line-height:1.4}
:root :is(.kpi,.rf-kpis>div){border-radius:12px;border-color:var(--line)}
:root button{background:var(--accent);border-color:var(--accent);border-radius:7px}:root button:hover{background:var(--accent-dark)}
:root :is(input,select){accent-color:var(--accent);border-color:var(--line);border-radius:7px;color:var(--ink)}
:root :focus-visible{outline-color:var(--accent)}
:root :is(.stock-filters,.rf-filters) label{font-size:12px;font-weight:500}
:root :is(.stock-filters,.rf-filters) :is(input,select){border-color:var(--line);border-radius:7px;font-family:inherit;font-size:13px}
:root th{background:#f2f7f7;color:var(--muted);font-weight:600}
:root td{border-color:var(--line)}
:root .table-wrap{border-color:var(--line);border-radius:12px}
:root :is(.doc-panel,.method-entry) pre{background:#f1f6f6;border:1px solid var(--line)}
:root .state{border-radius:20px;padding:4px 9px;background:#ffffff80;font-size:11px}
:root tr.green{background:#f1f9f5}:root tr.yellow{background:#fff8e8}:root tr.red{background:#fff0f2}
:root :is(.green .dot,.dot.green){background:var(--green)}:root :is(.red .dot,.dot.red){background:var(--red)}
:root .kpi-value{font-size:29px;color:var(--ink)}:root .kpi-label{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}
:root .kpi-note{font-size:11px;line-height:1.6}
:root .login-shell{flex:none;width:100%;max-width:510px;padding-top:70px}:root .login-shell>.brand{color:var(--ink)}:root .login-shell form{border-top-color:var(--accent);border-radius:14px;box-shadow:0 12px 40px #24434a0c}
:root .login-shell .brand-mark{color:var(--accent)}
:root #main .table-pagination{background:#fbfdfd}:root #main .pagination-controls button{border-radius:7px;color:var(--accent)}:root #main .pagination-controls button:hover:not(:disabled){background:var(--blue-soft)}
:root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){:root .section-grid .section-card:hover{transform:translateY(-3px) scale(1.012);box-shadow:0 12px 26px #23464b14;border-color:#80bcb9;z-index:2}:root .section-card:hover .section-art{transform:translate(0,0) rotate(-6deg) scale(1.045);opacity:.11}}
@media(max-width:1180px){:root .navigation-bar{flex-wrap:wrap;gap:10px 16px}:root .primary-nav{order:3;flex-basis:100%;overflow-x:auto;border:0}:root .service-menu{margin-left:auto}:root .primary-nav>a{flex:none}:root .brand-tag{display:inline}}
@media(max-width:650px){:root main{width:calc(100% - 24px);padding:20px 0}:root .navigation-bar{padding:12px;gap:9px}:root .primary-nav>a{font-size:11px;padding:7px 8px}:root .primary-nav>a>svg{width:14px;height:14px}:root .service-menu{padding-left:9px}:root .brand{font-size:21px}:root .brand-tag{display:none}:root .header-user>span{max-width:60px}:root .site-footer{padding:14px 12px}:root h1{font-size:24px}}
@media(max-width:584px){:root .section-grid{margin-top:24px}}
@media(prefers-reduced-motion:reduce){:root .section-card,:root .section-art{transition:none!important;transform:none!important}}
/* Inline SVG is permitted by the existing CSP; external/data images are not. */
:root body::before{display:none}
/* Shared dark, rounded hints from the approved mockup, including chart hints. */
:root{--hint-bg:#1a1c1f;--hint-fg:#fff;--hint-muted:#cbd4d9}
:root body :is(.site-tooltip,.dashboard-daily-tooltip,.rf-tooltip,#dash-tax-tooltip,.chart-tooltip,.dashboard-cost-help){background:var(--hint-bg);color:var(--hint-fg);border:1px solid #ffffff12;border-radius:16px;box-shadow:0 8px 18px #0f172a33;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.15px;padding:10px 14px;overflow-wrap:anywhere}
:root body .site-tooltip{position:fixed;z-index:1500;max-width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);width:max-content;box-sizing:border-box;white-space:pre-line;overflow:auto;text-align:left}
:root body .site-tooltip[hidden]{display:none}
:root body :is(#site-title-tooltip.site-chart-tooltip,#marginTooltip.chart-tooltip){font-weight:400;line-height:1.4;padding:8px 11px;border-radius:10px}
:root body :is(#site-title-tooltip.site-chart-tooltip,#marginTooltip.chart-tooltip) strong{font-weight:600}
:root body .dashboard-daily-tooltip{z-index:1500}
:root body .rf-tooltip{z-index:1500;max-height:calc(100dvh - 24px);overflow:auto}
:root body #dash-tax-tooltip{z-index:1500}
:root body .dashboard-cost-help{padding:19px 20px;font-size:13px;font-weight:400;letter-spacing:0}
:root body .dashboard-cost-help :is(.dashboard-help-footnote,.dashboard-help-close){color:var(--hint-muted)}
:root body .dashboard-cost-help .dashboard-help-footnote{border-color:#ffffff24}
:root body .dashboard-cost-help .dashboard-help-close:hover{color:#fff;background:#ffffff18}
:root body :is(.dashboard-daily-help,.dashboard-product-help,.dashboard-help-button,.rf-help){width:19px;height:19px;min-height:19px;min-width:19px;background:var(--paper);color:var(--muted);border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:500;line-height:1;padding:0;vertical-align:middle}
:root body :is(.dashboard-daily-help,.dashboard-product-help,.dashboard-help-button,.rf-help):is(:hover,:focus-visible){color:var(--accent);border-color:var(--accent);outline-color:var(--accent);background:var(--paper)}
:root body #dash-tax-warning{width:30px;height:30px;padding:5px;background:none;border:0;color:#b6832d}
:root body #dash-tax-warning svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Preserve semantic amount colours while the browser title is shown in our hint. */
:root .dashboard-eco-row>strong[data-site-title^="-"]{color:var(--red)}
:root .dashboard-eco.charges .dashboard-eco-row>strong[data-site-title^="+"]{color:var(--credit)}
/* Approved mockup details: inline line icons and individual panel surfaces. */
/* Inline icons from Lucide (ISC), Copyright (c) Lucide Contributors.
 * Permission to use, copy, modify, and/or distribute this software for any
 * purpose with or without fee is hereby granted, provided that the above
 * copyright notice and this permission notice appear in all copies.
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION
 * OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN
 * CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 */
:root .ui-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;color:var(--accent);pointer-events:none}
:root :is(.stock-panel-head h2,.rf-table-top h2,.doc-panel>h2:first-child,.home-service-footer h2,#period-comparison-view .section-title){display:flex;align-items:center;gap:8px;font-weight:600}
:root :is(.stock-panel,.rf-table-card,.doc-panel,#period-comparison-view .section){border-radius:13px;box-shadow:0 4px 20px #26457007}
:root :is(.stock-panel-head,.rf-table-top){padding:17px 19px}
:root .stock-panel-head .small{font-size:11px;margin-top:5px}
:root :is(#stock-export,#dash-products-export,.rf-table-top .rf-button,.dashboard-columns>summary){display:inline-flex;align-items:center;justify-content:center;gap:7px}
:root :is(button,a,summary)>.ui-icon{width:15px;height:15px;color:currentColor}
:root :is(#stock-export,.rf-table-top .rf-button){background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;font-size:12px;padding:8px 11px;text-decoration:none}
:root :is(#stock-export,.rf-table-top .rf-button):hover{background:var(--blue-soft);border-color:#a6c9c7;color:var(--accent)}
:root .service-links a{display:inline-flex;align-items:center;gap:7px}
:root .service-menu nav a{position:relative;padding-left:37px}
:root .service-menu nav a>.ui-icon{position:absolute;left:12px;top:13px;width:16px;height:16px;color:var(--accent)}
:root .home-service-footer h2>.ui-icon{width:16px;height:16px;color:var(--muted)}
:root .login-body{justify-content:center;align-items:center}
:root .login-shell{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 32px);max-width:850px;margin:40px auto;padding:0;border:1px solid var(--line);border-radius:17px;background:var(--paper);overflow:hidden;box-shadow:0 15px 50px #1b3b4710}
:root .login-aside{background:#243b45;color:#e8f6f6;padding:42px 34px;display:flex;flex-direction:column;justify-content:space-between;min-height:440px}
:root .login-aside h2{font-size:26px;font-weight:500;line-height:1.35;margin:25px 0 15px}
:root .login-aside p{color:#a8c9cc;font-size:13px;line-height:1.8}
:root .login-mark{height:45px;width:45px;background:#ffffff12;border-radius:12px;display:grid;place-items:center}
:root .login-mark>.ui-icon{height:25px;width:25px;color:#a5e2d6}
:root .login-form{padding:38px 32px;min-width:0}
:root .login-form>.brand{color:var(--ink);margin-bottom:22px;justify-content:flex-start}
:root .login-form form{margin:0;padding:0;border:0;box-shadow:none;background:transparent}
:root .login-form h1{font-size:21px;letter-spacing:0;margin-bottom:10px}
:root .login-form form .sub{font-size:12px;margin-bottom:20px}
:root .login-form input{min-height:42px}
:root .login-form button{width:100%;margin-top:10px}
@media(max-width:620px){:root .login-shell{grid-template-columns:1fr;margin:16px auto}:root .login-aside{min-height:0;padding:24px}:root .login-aside h2{font-size:22px;margin:12px 0}:root .login-aside p{display:none}:root .login-form{padding:26px}}
@media print{:root .site-pattern,:root body::before,:root .section-art{display:none}:root .site-header,:root .site-footer{background:white;color:var(--ink)}:root .workspace{display:block}:root main{width:100%;padding:0}}

/* One compact disclosure control for warehouse, daily and product rows.
   The visible chip is 18px; the hit area remains at least 24px. No JS changes. */
:root #main .warehouse-toggle{display:inline-flex;align-items:center;gap:6px;min-height:24px;vertical-align:middle}
:root #main :is(.warehouse-toggle>span,.dashboard-daily-arrow,.dashboard-product-detail-button){position:relative;display:inline-block;box-sizing:border-box;width:24px;height:24px;min-width:24px;min-height:24px;flex:0 0 24px;padding:0;margin:0;border:0;border-radius:6px;background:transparent!important;color:var(--accent);font-size:0;line-height:0;vertical-align:middle;box-shadow:none;text-decoration:none}
:root #main :is(.dashboard-daily-arrow,.dashboard-product-detail-button){margin-right:6px}
:root #main :is(.warehouse-toggle>span,.dashboard-daily-arrow,.dashboard-product-detail-button)::before{content:"";position:absolute;box-sizing:border-box;inset:3px;border:1px solid #d5e4e3;border-radius:5px;background:#eff6f5;transition:background .15s,border-color .15s}
:root #main :is(.warehouse-toggle>span,.dashboard-daily-arrow,.dashboard-product-detail-button)::after{content:"";position:absolute;box-sizing:border-box;left:50%;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translate(-50%,-65%) rotate(45deg);transition:transform .15s}
:root #main :is(.warehouse-toggle[aria-expanded="true"]>span,button[aria-expanded="true"]>.dashboard-daily-arrow,.dashboard-product-detail-button[aria-expanded="true"])::after{transform:translate(-50%,-30%) rotate(225deg)}
:root #main :is(.warehouse-toggle:hover>span,.warehouse-toggle:focus-visible>span,button:hover>.dashboard-daily-arrow,button:focus-visible>.dashboard-daily-arrow,.dashboard-product-detail-button:hover,.dashboard-product-detail-button:focus-visible)::before{background:#deefeb;border-color:#a9cdc5}
:root #main :is(.warehouse-toggle[aria-expanded="true"]>span,button[aria-expanded="true"]>.dashboard-daily-arrow,.dashboard-product-detail-button[aria-expanded="true"])::before{background:#deefeb;border-color:#b8d6cf}
:root #main :is(.warehouse-toggle,.dashboard-product-detail-button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){:root #main :is(.warehouse-toggle>span,.dashboard-daily-arrow,.dashboard-product-detail-button)::before,:root #main :is(.warehouse-toggle>span,.dashboard-daily-arrow,.dashboard-product-detail-button)::after{transition:none}}

/* Section starts: a shared mint band, distinct from the white data surface.
   Scoped to panel headings only; table and semantic amount colours stay intact. */
:root #main :is(.stock-panel-head,.rf-table-top,#period-comparison-view .detail-heading,#period-comparison-view .section>.section-title){--muted:#526b73;background:linear-gradient(110deg,#f5f9f8 0%,#fbfdfc 100%);border-bottom:1px solid #e2eceb;box-shadow:inset 2px 0 #c3ddd7}
:root #main .stock-panel-head .small,:root #main .rf-table-top span{color:#526b73}
@media print{:root #main :is(.stock-panel-head,.rf-table-top,#period-comparison-view .detail-heading,#period-comparison-view .section>.section-title){background:#f1f6f5;box-shadow:none}}

/* Independent cards: the same quiet top accent as the stock overview.
   An inset shadow follows each corner without clipping tooltips or changing size. */
:root #main :is(.section-grid>.section-card,.kpis>.kpi,.dashboard-economy-grid>.dashboard-eco,.rf-kpis>div,#period-comparison-view .kpi-grid>.kpi-card){box-shadow:inset 0 3px 0 var(--card-top-accent,#c3ddd7),0 4px 20px #26457007}
:root #main :is(.kpis>.kpi,.rf-kpis>div)::before{display:none}
/* Monitoring stripe colours still convey collection status; other cards use mint. */
:root #content>.kpis>.kpi-green{--card-top-accent:#1a9b68}
:root #content>.kpis>.kpi-yellow{--card-top-accent:#f2a52d}
:root #content>.kpis>.kpi-gray{--card-top-accent:#8994a5}
@media(hover:hover) and (prefers-reduced-motion:no-preference){:root #main #home-view .section-grid>.section-card:hover{box-shadow:inset 0 3px 0 #c3ddd7,0 12px 26px #23464b14}}

/* Service pages share the same content edges as the status table. */
:root #main :is(#documentation-view,#methods-view,#cost-settings-view,#access-keys-view) :is(.doc-panel,.access-keys-card,.cost-policy-form,.cost-limitation){box-sizing:border-box;width:100%;max-width:none}
:root #monitoring-view #content>details{box-sizing:border-box;width:100%;max-width:none}

/* Separate failures from delays, using the same status snapshot. */
:root #content>.kpis>.kpi-red{--card-top-accent:#cb4055}
#monitoring-view .kpi-red .kpi-value{color:#cb4055}
@media(min-width:1001px){#monitoring-view .kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}