/* Shared working screens: the home cockpit's visual language, with calm data surfaces. */
body.neon-site{color-scheme:dark}
.neon-site [hidden],.neon-site input[type=hidden]{display:none!important}
.neon-site .view:not(#home){--workspace-accent:#00e8ff;--workspace-second:#8b61ff}
.neon-site #products.active{display:block}
.neon-site #products.view,.neon-site #production.view{--workspace-accent:#ff36aa;--workspace-second:#9b61ff}
.neon-site #sales.view,.neon-site #materials.view{--workspace-accent:#b480ff;--workspace-second:#00e8dc}
.neon-site .workspace-banner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:125px;margin:0 0 16px;padding:23px 26px;border:1px solid #234459;border-top-color:var(--workspace-accent);border-right-color:color-mix(in srgb,var(--workspace-accent) 65%,#183348);border-radius:12px;background:linear-gradient(100deg,#071725f5,#07111be8 68%,#0b0e23e8),url('/assets/neon-printing-hero.jpg') 75% 50%/cover;overflow:hidden;box-shadow:0 10px 30px #0003,0 0 22px color-mix(in srgb,var(--workspace-accent) 5%,transparent)}
.workspace-banner:after{content:'';position:absolute;right:0;bottom:0;height:2px;width:38%;background:linear-gradient(90deg,transparent,var(--workspace-accent));opacity:.7;animation:neon-edge-breathe 7s ease-in-out infinite}
.workspace-kicker{font-size:9px;color:var(--workspace-accent);letter-spacing:2px;font-weight:650;margin:0 0 8px}
.workspace-banner h1{font-size:27px;line-height:1.15;letter-spacing:.2px;font-weight:750;margin:0;color:#f2f5ff}
.workspace-banner p{margin:8px 0 0;max-width:700px;font-size:11px;color:#91aec7;line-height:1.6}
.workspace-banner-side{display:flex;align-items:center;gap:20px;flex-shrink:0}
.workspace-banner-side>.neon-icon{width:56px;height:56px;color:var(--workspace-accent);opacity:.65;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--workspace-accent) 28%,transparent))}
.workspace-readout{padding-left:18px;border-left:1px solid #27455b;font-size:10px;color:#83a6bd;max-width:170px;line-height:1.6}
.workspace-readout strong{display:block;color:#ddfaff;font-size:19px;letter-spacing:.3px;font-variant-numeric:tabular-nums}
.neon-site .workspace-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:16px;padding:7px;background:#06111de6;border:1px solid #1b3b51;border-radius:10px}
.neon-site .workspace-tabs button{min-height:36px;display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border:1px solid transparent;border-radius:6px;color:#8eacc6;background:transparent;font:600 11px 'Segoe UI',sans-serif}
.neon-site .workspace-tabs button[aria-selected=true]{--button-neon:#ff36aa;border-color:#bf2d86;background:linear-gradient(110deg,#4b103458,#1b152b);color:#ffe4f5;box-shadow:inset 0 0 18px #ff1c9b0a}
.workspace-tabs button .neon-icon{width:16px;height:16px}
.neon-site .workspace-tabs .workspace-new{margin-left:auto;color:#9cf4ff;border-color:#17566c;background:#092334}
.neon-site .workspace-panel-hidden{display:none!important}
.neon-site .view:not(#home)>.card{padding:22px;border-radius:12px;border-color:#1e3c50;background:linear-gradient(150deg,#081522f7,#060d18fc);margin-bottom:16px;box-shadow:0 12px 35px #0003,inset 0 1px #b5eaff04}
.neon-site .view:not(#home)>.card:before{width:70px;background:linear-gradient(90deg,var(--workspace-accent),transparent);height:1px}
.neon-site .view:not(#home) .sectionhead{gap:12px;flex-wrap:wrap;margin-bottom:18px}
.neon-site .view:not(#home) h2,.neon-site.neon-admin h2{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;letter-spacing:.6px;font-weight:700;color:#dfedf9}
.neon-site .view:not(#home) h3{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;color:#c8e5f4;letter-spacing:.4px;margin:17px 0 12px}
.section-heading-icon{color:var(--workspace-accent,#00e8ff);width:20px;height:20px;flex-shrink:0}
.neon-site .view:not(#home) .grid{gap:15px;min-width:0}
.neon-site .view:not(#home) .grid>div{min-width:0}
.neon-site .view:not(#home) label{display:block;margin:7px 0 7px;font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.25px;color:#90acc4;text-transform:none}
.neon-site :is(.view:not(#home),.sheet) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){display:block;width:100%;max-width:100%;min-width:0;min-height:41px;padding:11px 13px;border:1px solid #254354;border-radius:7px;background:#030b15;color:#def2ff;font:12px/1.45 'Segoe UI',Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.neon-site :is(.view:not(#home),.sheet) :is(input,select,textarea):focus{border-color:#00cce5;box-shadow:0 0 0 3px #00e8ff0c,0 0 14px #00e8ff0c;background:#061421}
.neon-site :is(.view:not(#home),.sheet) input::placeholder,.neon-site :is(.view:not(#home),.sheet) textarea::placeholder{color:#4f7189}
.neon-site input[type=checkbox],.neon-site input[type=radio]{accent-color:#00e7d4;inline-size:15px;block-size:15px;vertical-align:middle}
.neon-site :is(.view:not(#home),.sheet) textarea{resize:vertical;min-height:88px}
.neon-site .view:not(#home) input[type=file]{color:#8eacc4;padding:7px}
.neon-site input[type=file]::file-selector-button{padding:8px 12px;border:1px solid #23758c;border-radius:5px;background:#073042;color:#b8f7ff;margin-right:12px;font:600 10px 'Segoe UI',sans-serif}
.neon-site .view:not(#home) .search{margin-bottom:15px;background:#040f1b;border-color:#25526b;box-shadow:inset 0 0 20px #00e8ff02}
.neon-site .view:not(#home) button:where(:not(.sku-result):not(.product-card-title)){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 12px;border:1px solid #294c61;border-radius:6px;background:linear-gradient(130deg,#102435,#0a1726);color:#c2e8f8;font:600 11px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer}
.neon-site .view:not(#home) button.primary{background:linear-gradient(120deg,#5d123f,#26102d);color:#ffe9f7;border-color:#b92b86;box-shadow:inset 0 0 16px #ff22b109,0 0 12px #ff22b10c}
.neon-site .view:not(#home) button.cancel{background:#0a1928;border-color:#28465d;color:#9dbbd3}
.neon-site .view:not(#home) button .neon-icon{width:15px;height:15px}
.neon-site .view:not(#home) button:disabled{opacity:.36;box-shadow:none;filter:saturate(.35)}
.neon-site .view:not(#home) .btns{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:15px 0 0}
.neon-site .view:not(#home) .small,.neon-site .view:not(#home) .muted{font-size:11px;line-height:1.65;color:#7f9eb7}
.neon-site .view:not(#home) .tablewrap{position:relative;border:1px solid #1b394e;border-radius:9px;background:#040d17;max-height:72vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#22516a #06111c}
.neon-site .view:not(#home) table{border-collapse:separate;border-spacing:0;font-size:11px;line-height:1.5}
.neon-site .view:not(#home) table th{position:sticky;top:0;z-index:3;padding:12px 13px;color:#90b4ce;font-size:9px;letter-spacing:.7px;font-weight:650;background:#091d2d;border-bottom:1px solid #22546c;white-space:nowrap}
.neon-site .view:not(#home) table td{padding:13px;vertical-align:middle;border-bottom:1px solid #17304580;color:#c8dce9;background:transparent;font-variant-numeric:tabular-nums}
.neon-site .view:not(#home) tbody tr:nth-child(even){background:#0a192340}
.neon-site .view:not(#home) tbody tr:hover{background:linear-gradient(90deg,#00dfff09,#9062ff05)}
.neon-site .view:not(#home) tbody tr:hover td{background:#00dfff03}
.neon-site .view:not(#home) td>b{font-weight:600;color:#dcecf6}
.neon-site .view:not(#home) .sku{font-size:9px;line-height:1.5;color:#63869e;margin-top:4px}
.neon-site .view:not(#home) .badge{font-size:8px;padding:5px 8px;font-weight:600;letter-spacing:.5px;border-radius:5px;white-space:nowrap}
.neon-site .view:not(#home) .badge.ok{color:#51f2bd;border-color:#1a866d66;background:#0a433940}
.neon-site .view:not(#home) .badge.warn{color:#ffd782;border-color:#b68b3d66;background:#503b1345}
.neon-site .view:not(#home) .badge.danger{color:#ff839f;border-color:#d1376970;background:#5b183a45}
.neon-site .view:not(#home) .rowcard{border:1px solid #1b3e53;background:linear-gradient(125deg,#0b1b2a,#060e1b);border-radius:9px;padding:17px;margin-bottom:11px;transition:border-color .2s,box-shadow .2s}
.neon-site .view:not(#home) .rowcard:hover{border-color:#286d87;box-shadow:0 0 17px #00e8ff09}
.neon-site .view:not(#home) .rowtop{gap:15px;align-items:center}
.neon-site .view:not(#home) .empty{padding:30px 20px;border:1px dashed #24516a;border-radius:9px;background:#081b272d;color:#6e95af;text-align:center;font-size:12px}
.neon-site .view:not(#home) .rowcard .empty{border:0}
.neon-site .view:not(#home) .card .card{padding:17px;border:1px solid #1d4258;background:#07182670;margin-top:17px;border-radius:10px}
.neon-site .view:not(#home) hr{border:0;border-top:1px solid #1b3e52;margin:22px 0}
.neon-site .view:not(#home) .kpi{border-color:#2c526c;border-top-color:var(--workspace-accent);border-radius:9px;background:linear-gradient(135deg,#0b2232,#070d1d);min-height:94px;padding:16px}
.neon-site .view:not(#home) .kpi .num{margin-top:10px;color:#c0faff;font-size:27px;text-shadow:0 0 15px #00e8ff18}
.neon-site #products [data-product-panel=editor]>.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.neon-site #products .product-pager{padding:12px 0;color:#88a8c0;border:0;background:transparent}
.neon-site #products .product-pager select{display:inline-block;width:auto;min-height:33px;padding:6px 10px}
.neon-site #productTable .product-card-title{background:none;border:0;color:#cfe8f9;text-align:left;font-size:11px;font-weight:600;padding:0;min-height:32px;max-width:330px}
.neon-site #productTable .product-card-title .neon-icon{display:none}
.neon-site #productTable input,.neon-site #productTable select{min-height:33px;padding:7px 9px;font-size:11px}
.neon-site #productTable .product-open-cell{background:#071421;border-right:1px solid #1b4258}
.neon-site #productTable .product-open-cell button{border-color:#1a677d;background:#06324255;color:#78efff;font-size:10px;white-space:nowrap}
.neon-site #products .photo-gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
.neon-site #products .photo-card{border-color:#24475e;background:#071523}
.neon-site #products .primary-photo{border-color:#00c5d9;box-shadow:0 0 17px #00e8ff0c}
.neon-site #products .photo-main-badge{color:#48efcb}
.neon-site #sales .sales-filters{gap:14px}
.neon-site #sales .kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.neon-site #sales .kpi .num{font-size:clamp(19px,1.85vw,27px);white-space:nowrap}
.neon-site #salesChart{padding:17px 9px 6px;background:radial-gradient(ellipse at 60% 80%,#15284350,transparent 70%),#040d19;border:1px solid #203f56;border-radius:9px;overflow-x:auto}
.neon-site #salesLegend{display:flex;gap:14px;flex-wrap:wrap;padding:13px 0;font-size:10px;color:#8faec5}
.neon-site #marketplaceIntegrationCards{grid-template-columns:repeat(2,minmax(0,1fr))}
.neon-site #marketplaceIntegrationCards>div{border:1px solid #24516b!important;border-radius:10px!important;background:linear-gradient(145deg,#0a2030,#080f1c)!important;padding:20px!important;min-width:0}
.neon-site #marketplaceIntegrationCards h3{font-size:13px;color:#c0f5ff;letter-spacing:1px;margin:0 0 15px}
.neon-site #marketplaceIntegrationCards input{margin-bottom:12px}
.neon-site #marketplaceIntegrationCards button{margin-top:10px;margin-right:6px}
.neon-site #integrations #wbSyncInterval{max-width:340px;margin-bottom:13px}
.neon-site #integrations>div.card>div:has(>#wbAutoEnabled){padding:17px;border:1px solid #224b63;border-radius:8px;background:#071d2b}
.neon-site .neon-printer-fleet{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}
.neon-site .neon-printer-card{border:1px solid #21536b;border-top-color:#00b8cf;background:linear-gradient(150deg,#0c2433,#070f1d);border-radius:11px;padding:20px;position:relative;min-width:0;box-shadow:0 8px 25px #0003}
.neon-printer-card>.neon-icon{width:53px;height:53px;color:#4bdef4;display:block;margin:4px 0 18px;filter:drop-shadow(0 0 9px #00e8ff2a)}
.neon-printer-card h3{font-size:15px!important;margin:0 0 4px!important;color:#e6f8ff!important}
.neon-printer-card p{font-size:10px;color:#85a8c0;line-height:1.6;margin:0 0 15px}
.neon-printer-card .printer-status{font-size:9px;color:#5be9b9;display:flex;gap:6px;align-items:center}
.printer-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;box-shadow:0 0 7px currentColor}
.neon-printer-card[data-active=false]{opacity:.65;border-top-color:#697e91}.neon-printer-card[data-active=false] .printer-status{color:#8a9eb0}
.neon-site .sheet{border:1px solid #23728e;border-top-color:#eb32ad;border-radius:15px;background:linear-gradient(140deg,#0b1c2b,#070e1c);box-shadow:0 0 60px #00e8ff12,0 0 25px #ff2ba51a;padding:25px;max-height:90vh}
.neon-site .sheet>h2{color:#d6f4ff;margin-bottom:20px;display:flex;gap:10px;align-items:center}
.neon-site .sheet .btns button{border:1px solid #2c5c72;font-size:12px;min-height:44px}
.neon-site .toast{background:#071d2cf5;border-color:#00a8c3;color:#d8faff;box-shadow:0 8px 30px #0009,0 0 20px #00e8ff15;border-radius:8px}
.neon-site #wbCardDialog{border-color:#23516e;border-top-color:#d948aa;box-shadow:0 0 55px #00e8ff15,0 0 80px #ff00990c}
.neon-site #wbCardDialog .wc-header{background:linear-gradient(110deg,#082338,#0b1021 80%);border-bottom-color:#22475d}
.neon-site #wbCardDialog .wc-tab[aria-selected=true]{border-color:#d446a6;background:#341330;color:#ffc5ef}
.neon-site #wbCardDialog .wc-badge-accent{background:#103e4b;border-color:#18829c;color:#8ff3ff}
.neon-site #wbCatalogHost .wc-toolbar{border-color:#27506b;background:#081826}
.neon-site #wbCatalogHost .wc-list-wrap{border-color:#21485e;border-radius:10px}
.neon-site #wbCatalogHost .wc-header{background:linear-gradient(110deg,#0b2332,#0c1123)}
/* Administration keeps its own centered layout rather than reserving sidebar space. */
.neon-site.neon-admin .wrap{max-width:1280px;padding:25px 26px 65px}
.neon-site.neon-admin .top{height:94px;padding:18px;margin:0 0 22px}
.neon-site.neon-admin .brand:after{display:none}
.neon-site.neon-admin .sub{color:#60e4f2;letter-spacing:2px;margin-top:9px;font-size:9px}
.neon-site.neon-admin .card{border-color:#21475d;padding:23px;background:linear-gradient(140deg,#0b1c2a,#060e1a)}
.neon-site.neon-admin label{font-size:10px;color:#8eacc4;letter-spacing:.3px;text-transform:none}
.neon-site.neon-admin :is(input,select){border-color:#234b62;background:#030d19;color:#def6ff;border-radius:7px;outline:none}
.neon-site.neon-admin :is(input,select):focus{border-color:#00d7f2;box-shadow:0 0 0 3px #00e8ff10}
.neon-site.neon-admin .btn{border-color:#2c5c75;color:#c8f3ff;background:#0b2232;display:inline-flex;align-items:center;gap:8px;margin-top:12px}
.neon-site.neon-admin .btn.primary{background:linear-gradient(120deg,#631343,#27112d);border:1px solid #c43b91}
.neon-site.neon-admin th{background:#0b2133;color:#86b5d0;padding:13px;font-size:9px}
.neon-site.neon-admin td{padding:13px;border-color:#17334b;color:#bdd4e6;font-size:11px}
/* Sign-in screen shares the palette without requesting any account data or credentials. */
body.neon-auth{color-scheme:dark;background:radial-gradient(ellipse at 15% 70%,#6c0b4c30,transparent 50%),radial-gradient(ellipse at 85% 20%,#00648935,transparent 50%),#030914;color:#e8f6ff}
body.neon-auth:before{background-image:linear-gradient(#00caff09 1px,transparent 1px),linear-gradient(90deg,#00caff09 1px,transparent 1px);background-size:54px 54px;opacity:.5}
.neon-auth .box{position:relative;width:min(470px,calc(100% - 32px));padding:38px;border-color:#20516b;border-top-color:#db2a9b;border-bottom-color:#00b2d0;background:linear-gradient(145deg,#0a1e2eeb,#080e1dee);border-radius:15px;box-shadow:0 20px 90px #0009,0 0 45px #00e8ff0b,0 0 30px #ff00990b}
.neon-auth .auth-brand-mark{width:45px;height:56px;float:left;margin-right:14px;color:#ff32b5;filter:drop-shadow(0 0 7px #ff189970)}
.neon-auth .logo{font-size:23px;letter-spacing:2px;color:#f2f7ff;line-height:1.3}
.neon-auth .sub{color:#56eff0;font-size:8px;letter-spacing:1.8px;line-height:1.8}
.neon-auth .line{clear:both;height:1px;background:linear-gradient(90deg,#ff2aaa,#00d6eb 65%,transparent);margin:28px 0}
.neon-auth .title{font-size:13px;letter-spacing:1.2px;color:#c9e5f7}
.neon-auth label{color:#85a8bf;font-size:10px;letter-spacing:.4px;text-transform:none}
.neon-auth input{min-height:48px;border-color:#274c65;background:#030d18;color:#e5faff;border-radius:7px;font-size:14px}
.neon-auth input:focus{border-color:#00d9ec;box-shadow:0 0 0 3px #00e8ff11}
.neon-auth button{position:relative;min-height:48px;border:1px solid #ef30a8;border-radius:7px;background:linear-gradient(100deg,#65133f,#250d2b);color:#ffe7f7;transition:transform .24s,box-shadow .24s;box-shadow:0 0 18px #ff22aa16;cursor:pointer}
.neon-auth button:hover{transform:scale(1.025);box-shadow:0 0 22px #ff22aa42}
.neon-auth .foot{color:#4f8ca7;font-size:8px;letter-spacing:1.5px;line-height:1.8}
.neon-auth .error{color:#ff789d;line-height:1.5}
@media(max-width:1050px){.workspace-banner-side>.neon-icon{width:43px;height:43px}.workspace-banner h1{font-size:24px}.workspace-banner-side{gap:12px}.workspace-readout strong{font-size:17px}.neon-site .workspace-tabs button{padding:8px 10px;font-size:10px}}
@media(max-width:800px){.neon-site .view:not(#home)>.card{padding:16px}.neon-site .view:not(#home) .grid{grid-template-columns:1fr!important}.neon-site #marketplaceIntegrationCards{grid-template-columns:1fr!important}.neon-site .view:not(#home) .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.neon-site .workspace-banner{padding:20px;min-height:120px}.workspace-banner p{font-size:10px}.workspace-banner-side>.neon-icon{display:none}.workspace-readout{max-width:120px}.neon-site .view:not(#home) .sectionhead{align-items:flex-start}.neon-site .neon-printer-fleet{grid-template-columns:repeat(2,minmax(0,1fr))}.neon-site.neon-admin .grid{grid-template-columns:1fr}.neon-site.neon-admin .wrap{padding:15px}.neon-site.neon-admin .top{height:auto;flex-wrap:wrap}.neon-site.neon-admin .brand{font-size:24px}}
@media(max-width:500px){.workspace-banner h1{font-size:22px}.workspace-readout{display:none}.workspace-kicker{font-size:8px;letter-spacing:1.3px}.neon-site .workspace-tabs{gap:5px}.neon-site .workspace-tabs button{flex:1 1 42%;font-size:10px;padding:8px}.neon-site .workspace-tabs .workspace-new{margin-left:0;flex-basis:100%}.neon-site .neon-printer-card{padding:16px}.neon-site .neon-printer-card>.neon-icon{width:40px;height:40px}.neon-site .view:not(#home) table td{padding:10px}.neon-auth .box{padding:27px}.neon-auth .logo{font-size:21px}.neon-site .sheet{padding:20px;border-radius:14px 14px 0 0}}
@media(prefers-reduced-motion:reduce){.workspace-banner:after{animation:none}.neon-auth button,.neon-site .rowcard{transition:none}.neon-auth button:hover{transform:none}}

.neon-site #products .workspace-tabs button[aria-selected=true]{--button-neon:#ff36aa;border-color:#bf2d86;background:linear-gradient(110deg,#4b103488,#1b152b);color:#ffe4f5;box-shadow:inset 0 0 18px #ff1c9b0a}
.neon-site #products .workspace-tabs .workspace-new{margin-left:auto;color:#9cf4ff;border-color:#17566c;background:#092334}

.neon-site #productTableLayoutTools{background:#071624;border-color:#23465c;border-radius:8px;padding:10px 13px}
.neon-site #productTableLayoutTools .kt-layout-head strong{color:#88c4dc;font-size:10px;letter-spacing:.3px}
.neon-site #productTableLayoutTools .kt-layout-help{color:#6e96af}
.neon-site #productTableLayoutTools .kt-layout-row{background:#091f2d;border-color:#28465d;border-radius:7px}
.neon-site #productTableLayoutTools .kt-layout-row input{background:#04101c;border-color:#2a566c;color:#c1eafa}
.neon-site #productTableLayoutTools #ktLayoutContent[hidden]{display:none!important}
.neon-site[data-neon-view]:not([data-neon-view=home]) .loadcheck.collapsed{padding:11px 13px}
.neon-site[data-neon-view]:not([data-neon-view=home]) .loadcheck.collapsed .loadcheck-head{margin:0}
.neon-site[data-neon-view]:not([data-neon-view=home]) .loadcheck.collapsed .loadcheck-title{font-size:10px}
.neon-site[data-neon-view]:not([data-neon-view=home]) .loadcheck.collapsed .loadcheck-summary{font-size:9px}
.neon-site #salesChart,.neon-site #salesChart *{cursor:var(--cursor-chart)!important}
.neon-site #salesChart circle:hover{r:5;stroke:#ecffff;stroke-width:1.6;filter:drop-shadow(0 0 5px currentColor)}

.neon-site #products .tablewrap thead th:first-child{z-index:5}
@media(max-height:850px) and (min-width:701px){.neon-site .nav{gap:2px;padding-top:8px}.neon-site .nav button{min-height:39px;padding:8px 15px;font-size:11px}.neon-site .nav .neon-brand{padding-bottom:18px;font-size:21px}.neon-site .nav .neon-brand svg{height:58px;width:46px}.neon-site .nav:after{font-size:7px;line-height:1.5;padding:12px}}
@media(max-height:850px) and (min-width:701px) and (max-width:1050px){.neon-site .nav button{font-size:0;padding:8px}.neon-site .nav .neon-brand{padding:0 0 18px}}

.neon-site #wbCardDialog,.neon-site #wbCatalogHost{--wc-cyan:#00e8ff;--wc-orange:#ff32ad;--wc-line:#21465e;--wc-panel:#0a1b2b}
.neon-site #wbCardDialog .wc-primary,.neon-site #wbCardDialog .wc-primary:hover{background:linear-gradient(115deg,#76174f,#321136);border-color:#e23b9d;color:#fff0fa;box-shadow:0 0 19px #ff22aa17}
@property --auth-orbit{syntax:'<angle>';initial-value:0deg;inherits:false}
.neon-auth button:after{content:'';position:absolute;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--auth-orbit),transparent 0deg 130deg,#ff22b10d 180deg,#ff22b159 280deg,#ff22b1 345deg,#fff3ff 359deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0}
.neon-auth button:hover:after,.neon-auth button:focus-visible:after{opacity:1;animation:auth-neon-orbit 2.1s linear infinite}
@keyframes auth-neon-orbit{to{--auth-orbit:360deg}}
@media(prefers-reduced-motion:reduce){.neon-auth button:after{animation:none!important}}

.neon-site #wbCatalogHost table{min-width:1380px}
.neon-site #wbCardRows td{white-space:normal;overflow-wrap:normal}
.neon-site #wbCardRows td:nth-child(2){min-width:275px;max-width:315px;font-size:10px;overflow-wrap:anywhere}
.neon-site #wbCardRows td:nth-child(3){min-width:300px;max-width:350px}
.neon-site #wbCardRows td:nth-child(4){min-width:215px;font-size:10px;overflow-wrap:anywhere}
.neon-site #wbCardRows td:nth-child(5){white-space:nowrap;min-width:100px}
.neon-site #wbCardRows td:nth-child(6){min-width:170px}
.neon-site #wbCatalogHost thead th:first-child,.neon-site #wbCardRows td.wb-open-cell{position:sticky;left:0;z-index:4;background:#071827;min-width:100px;border-right:1px solid #235069}
.neon-site #wbCatalogHost thead th:first-child{z-index:5}
.neon-site #wbCardRows td.wb-open-cell button{border-color:#197083;background:#07313e;color:#8ff4ff;white-space:nowrap}

/* Same native cyberpunk cursor set on the public sign-in screen. */
.neon-auth{
 --cursor-default:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22g%22%20x%3D%22-70%25%22%20y%3D%22-70%25%22%20width%3D%22240%25%22%20height%3D%22240%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2300edff%22%20stroke-width%3D%223%22%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M4%203L23%2017L14%2018L10%2027Z%22%2F%3E%3Cpath%20d%3D%22M14%2018L20%2027%22%20stroke%3D%22%23ff25b5%22%2F%3E%3Cpath%20d%3D%22M4%203V10M4%203H11%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2304101c%22%20stroke%3D%22%2300edff%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%203L23%2017L14%2018L10%2027Z%22%2F%3E%3Cpath%20d%3D%22M14%2018L20%2027%22%20stroke%3D%22%23ff25b5%22%2F%3E%3Cpath%20d%3D%22M4%203V10M4%203H11%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 3, default;
 --cursor-pointer:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22g%22%20x%3D%22-70%25%22%20y%3D%22-70%25%22%20width%3D%22240%25%22%20height%3D%22240%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ff32b8%22%20stroke-width%3D%223%22%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M4%203L23%2017L14%2018L10%2027Z%22%2F%3E%3Cpath%20d%3D%22M15%2019L20%2027%22%2F%3E%3Cpath%20d%3D%22M22%204V10M19%207H25%22%20stroke%3D%22%2300f6ff%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2304101c%22%20stroke%3D%22%23ff32b8%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%203L23%2017L14%2018L10%2027Z%22%2F%3E%3Cpath%20d%3D%22M15%2019L20%2027%22%2F%3E%3Cpath%20d%3D%22M22%204V10M19%207H25%22%20stroke%3D%22%2300f6ff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 3, pointer;
 --cursor-text:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22g%22%20x%3D%22-70%25%22%20y%3D%22-70%25%22%20width%3D%22240%25%22%20height%3D%22240%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2300f0ff%22%20stroke-width%3D%223%22%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M10%204H22M10%2028H22M16%204V28%22%2F%3E%3Cpath%20d%3D%22M9%2014V18M23%2014V18%22%20stroke%3D%22%23ff32b8%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2304101c%22%20stroke%3D%22%2300f0ff%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M10%204H22M10%2028H22M16%204V28%22%2F%3E%3Cpath%20d%3D%22M9%2014V18M23%2014V18%22%20stroke%3D%22%23ff32b8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 16, text;
 --cursor-busy:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22g%22%20x%3D%22-70%25%22%20y%3D%22-70%25%22%20width%3D%22240%25%22%20height%3D%22240%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffcc55%22%20stroke-width%3D%223%22%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M8%204H24V8L18%2015V17L24%2024V28H8V24L14%2017V15L8%208Z%22%2F%3E%3Cpath%20d%3D%22M12%208H20L16%2012ZM12%2025L16%2021L20%2025Z%22%20fill%3D%22%23ffc34d%22%2F%3E%3Cpath%20d%3D%22M3%208V4H6M29%2024V28H26%22%20stroke%3D%22%2300edff%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2304101c%22%20stroke%3D%22%23ffcc55%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M8%204H24V8L18%2015V17L24%2024V28H8V24L14%2017V15L8%208Z%22%2F%3E%3Cpath%20d%3D%22M12%208H20L16%2012ZM12%2025L16%2021L20%2025Z%22%20fill%3D%22%23ffc34d%22%2F%3E%3Cpath%20d%3D%22M3%208V4H6M29%2024V28H26%22%20stroke%3D%22%2300edff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 16, progress;
 --cursor-blocked:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22g%22%20x%3D%22-70%25%22%20y%3D%22-70%25%22%20width%3D%22240%25%22%20height%3D%22240%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ff426e%22%20stroke-width%3D%223%22%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M10%204H22L28%2010V22L22%2028H10L4%2022V10Z%22%2F%3E%3Cpath%20d%3D%22M11%2011L21%2021M21%2011L11%2021%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2304101c%22%20stroke%3D%22%23ff426e%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M10%204H22L28%2010V22L22%2028H10L4%2022V10Z%22%2F%3E%3Cpath%20d%3D%22M11%2011L21%2021M21%2011L11%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 16, not-allowed;
}
.neon-auth,.neon-auth *{cursor:var(--cursor-default)}
.neon-auth button,.neon-auth button *,.neon-auth a{cursor:var(--cursor-pointer)}
.neon-auth input{cursor:var(--cursor-text)}
.neon-auth [aria-busy=true]{cursor:var(--cursor-busy)}
.neon-auth :disabled{cursor:var(--cursor-blocked)}

/* Sales cockpit: reference composition, actual server aggregates. */
.neon-site #sales[data-sales-cockpit]>.workspace-banner{display:none}
.neon-site #sales[data-sales-cockpit]{--sales-pink:#df56ff;--sales-blue:#43ceff}
.neon-site #sales[data-sales-cockpit] .sales-kpis{gap:12px;margin-bottom:14px;grid-template-columns:repeat(5,minmax(0,1fr))}
.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi{padding:18px 12px 12px 59px;min-height:111px;border-radius:7px;border-color:color-mix(in srgb,var(--sales-accent) 55%,#28344e);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--sales-accent) 14%,transparent),transparent 70%),linear-gradient(145deg,#111326,#070d1a);box-shadow:inset 0 0 18px color-mix(in srgb,var(--sales-accent) 7%,transparent),0 0 9px color-mix(in srgb,var(--sales-accent) 12%,transparent);overflow:hidden}
.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:before{width:65%;height:1px;background:linear-gradient(90deg,var(--sales-accent),transparent)}
.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:after{content:'';position:absolute;right:0;bottom:0;width:35%;height:1px;background:var(--sales-accent);box-shadow:0 0 6px var(--sales-accent)}
.neon-site #sales[data-sales-cockpit] .sales-kpis .lab{font-size:9px;letter-spacing:.5px;color:#ddd8ee;position:relative;z-index:1}
.neon-site #sales[data-sales-cockpit] .sales-kpis .num{position:relative;z-index:1;margin-top:6px;font-size:clamp(19px,1.85vw,30px);line-height:1.1;color:#f6f2ff;text-shadow:0 0 14px color-mix(in srgb,var(--sales-accent) 25%,transparent)}
.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:nth-child(2) .num{color:#73e4ff}
.neon-site #sales[data-sales-cockpit] .sales-kpis .hint{position:relative;z-index:1;font-size:10px;color:#a2abc8;margin-top:5px}
.sales-kpi-symbol{position:absolute;left:12px;top:16px;width:36px;height:42px;border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--sales-accent) 22%,transparent),#070c1b);display:grid;place-items:center;color:var(--sales-accent)}
.sales-kpi-symbol .neon-icon{width:25px;height:25px;filter:drop-shadow(0 0 5px var(--sales-accent));transition:filter .25s,transform .25s}
.sales-kpi-symbol:hover .neon-icon{filter:drop-shadow(0 0 10px var(--sales-accent));transform:scale(1.08)}
.sales-kpi-spark{position:absolute;bottom:0;right:3px;width:76%;height:36px;color:var(--sales-accent);opacity:.85;pointer-events:auto}
.sales-kpi-spark svg{display:block;width:100%;height:100%}
.neon-site #sales[data-sales-cockpit] .sales-main-chart{border-radius:7px;border-color:#2d5476;border-left-color:#ad4ad8;border-bottom-color:#327bd2;padding:16px 16px 8px;box-shadow:0 0 16px #9d33dc14,inset 0 0 25px #05101f;background:radial-gradient(ellipse at 10% 0,#38164238,transparent 50%),linear-gradient(130deg,#0b1722,#080e19)}
.neon-site #sales[data-sales-cockpit] .sales-main-chart>.sectionhead{margin-bottom:6px;gap:16px}
.neon-site #sales[data-sales-cockpit] .sales-main-chart h2{font-size:15px;letter-spacing:.3px;display:flex;align-items:center;color:#f3f2ff}
.sales-main-chart h2 .neon-icon{color:#df56ff;filter:drop-shadow(0 0 5px #df56ff);width:28px;height:28px;margin-right:13px}
.sales-main-chart>.small.muted{font-size:10px;color:#9caac8!important;padding-left:41px;margin-bottom:13px!important}
.neon-site #sales[data-sales-cockpit] .sales-range-button{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:34px;padding:7px 11px;font-size:10px;border-color:#2b425d;background:#090f1c;color:#c9d3ed}
.sales-range-button .neon-icon{width:15px;height:15px}
.sales-chart-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:7px 0 10px}
.sales-metric-tabs{display:flex;gap:5px;flex-shrink:0}
.neon-site #sales[data-sales-cockpit] .sales-metric-tabs button{font-size:11px;min-height:33px;padding:7px 15px;border-radius:7px;border-color:#26344e;background:linear-gradient(#121d2b,#0c1422);color:#eff0ff}
.neon-site #sales[data-sales-cockpit] .sales-metric-tabs button[aria-pressed=true]{border-color:#ac68ff;background:linear-gradient(145deg,#54267b,#24113c);box-shadow:inset 0 0 12px #b957ff55,0 0 10px #b957ff55}
.neon-site #sales[data-sales-cockpit] #salesLegend{display:flex!important;gap:7px!important;flex-wrap:wrap;margin:0!important;padding:0;justify-content:flex-end}
.neon-site #sales[data-sales-cockpit] #salesLegend button{display:flex;align-items:center;gap:6px;padding:7px 11px;min-height:33px;border-radius:7px;border-color:#263b51;background:#0a1420;font-size:10px;font-weight:500;white-space:nowrap;color:#f0edff}
#salesLegend button i{width:9px;height:9px;border:1.5px solid var(--channel);border-radius:50%;box-shadow:0 0 6px color-mix(in srgb,var(--channel) 40%,transparent)}
.neon-site #sales[data-sales-cockpit] #salesLegend button:first-child{border-color:#d54b91;background:linear-gradient(140deg,#611039,#29112e);box-shadow:inset 0 0 12px #ff4ca74a,0 0 10px #ff4ca725}
#salesLegend button:first-child i{background:var(--channel)}
.neon-site #sales[data-sales-cockpit] #salesLegend button[aria-pressed=false]{opacity:.4;box-shadow:none;background:#09101a}
.neon-site #sales[data-sales-cockpit] #salesChart{padding:0;background:radial-gradient(ellipse at 55% 100%,#14375240,transparent 65%);border:0;border-radius:0;min-height:0!important;overflow-x:auto;overflow-y:hidden}
#salesChart>svg{width:100%;min-width:620px;display:block;height:auto;max-height:345px}
#salesChart text,#salesRevenueBars text{fill:#bcc9e5;font-family:inherit;font-size:10px}
.sales-series-line{filter:drop-shadow(0 0 4px currentColor);stroke-linecap:round;stroke-linejoin:round}
.sales-series-dot{filter:drop-shadow(0 0 4px currentColor)}
.sales-selected-day circle{filter:drop-shadow(0 0 7px #d4e2ff);animation:sales-point-pulse 1.6s ease-in-out infinite}
#salesChart rect[data-sales-day]:focus{outline:none;stroke:#a8bfff;stroke-opacity:.3;stroke-width:1}
.sales-hover-tip{position:fixed;z-index:45;min-width:188px;max-width:230px;padding:11px 12px;border:1px solid #9d57bb;border-radius:6px;background:linear-gradient(135deg,#101421f5,#160b24f5);box-shadow:0 0 18px #c440cf28;font-size:10px;pointer-events:none;backdrop-filter:blur(10px)}
.sales-hover-tip time{display:block;color:#d1d7ed;font-size:10px;margin-bottom:7px}
.sales-hover-tip>div{display:flex;align-items:center;gap:7px;margin:4px 0;color:#ced5f0}
.sales-hover-tip i,.sales-distribution-legend i{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 7px currentColor}
.sales-hover-tip b{margin-left:auto;font-weight:600;color:#fff;padding-left:14px}
.sales-visual-widgets{display:grid;grid-template-columns:1.13fr 1fr .98fr;gap:13px;margin:0 0 14px}
.neon-site #sales[data-sales-cockpit] .sales-visual-widgets>.card{border-radius:7px;padding:14px 13px 10px;border-color:#334a69;border-left-color:#9942b7;background:radial-gradient(ellipse at 15% 0,#38214535,transparent 65%),linear-gradient(130deg,#0b1420,#080e18);min-width:0}
.neon-site #sales[data-sales-cockpit] .sales-visual-widgets>.card:nth-child(2){border-left-color:#f14ad0;border-top-color:#9e4c9b}
.neon-site #sales[data-sales-cockpit] .sales-visual-widgets>.card:nth-child(3){border-right-color:#43bfff;border-bottom-color:#2a9fea}
.neon-site #sales[data-sales-cockpit] .sales-visual-widgets h2{font-size:10px;letter-spacing:.5px;display:flex;align-items:center;gap:9px;margin:0 0 11px;white-space:nowrap}
.sales-visual-widgets h2 .neon-icon{width:20px;height:20px;color:#d957ff;filter:drop-shadow(0 0 5px #be42f3)}
.sales-visual-widgets .sales-top h2 .neon-icon{color:#67dcff;filter:drop-shadow(0 0 5px #43ceff)}
.sales-top-row{display:grid;grid-template-columns:12px 31px minmax(0,1fr) auto;gap:8px;align-items:center;margin:5px 0;min-height:28px}
.sales-rank{font-size:10px;color:#8d9fbc}
.sales-top-row img{width:30px;height:30px;border:1px solid #29374c;border-radius:6px;background:#111a29;padding:1px}
.sales-top-name>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#d8dcef;margin-bottom:5px}
.sales-top-row>b{font-size:11px;font-weight:500;white-space:nowrap;color:#f0edff}
.sales-top-row small{font-size:9px}
.sales-top-track{height:4px;background:#162134;border-radius:5px;overflow:visible}
.sales-top-track>i{display:block;height:100%;border-radius:5px;background:var(--bar);box-shadow:0 0 7px var(--bar);transition:width .5s}
#salesDistribution{display:flex;align-items:center;gap:11px;min-height:155px}
.sales-donut{position:relative;flex:0 1 47%;max-width:164px;min-width:95px;aspect-ratio:1}
.sales-donut>svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 6px #32bbfa40)}
.sales-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.sales-donut strong{font-size:25px;color:#f5f4ff}
.sales-donut span{font-size:10px;color:#bbc5de;margin-top:2px}
.sales-distribution-legend{flex:1;min-width:0;font-size:9px}
.sales-distribution-legend>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0}
.sales-distribution-legend span{color:#e3e5f5;flex:1;white-space:nowrap}
.sales-distribution-legend b{font-size:9px;font-weight:500}
.sales-distribution-legend small{font-size:9px;color:#9cacca;white-space:nowrap}
#salesRevenueBars{display:flex;min-height:155px;align-items:center}
#salesRevenueBars>svg{display:block;width:100%;height:auto}
#salesRevenueBars rect{filter:drop-shadow(0 0 2px #43ceff55);transition:filter .2s}
#salesRevenueBars rect:hover{filter:drop-shadow(0 0 5px #83edff);stroke:#b4f8ff;stroke-width:.6}
.neon-site #sales[data-sales-cockpit] .sales-settings{margin-bottom:14px;padding:0;border-radius:7px;border-color:#263c56;background:#081320}
.sales-settings>summary{padding:11px 15px;display:flex;align-items:center;gap:9px;color:#b8cce3;font-size:11px;cursor:var(--cursor-pointer);list-style:none}
.sales-settings>summary .neon-icon{width:17px;height:17px;color:#b47aff}
.sales-settings>summary:after{content:'⌄';margin-left:auto;color:#65ddff}
.sales-settings>summary>span{font-size:10px;color:#6889a6}
.sales-settings[open]>summary{border-bottom:1px solid #263c56}
.neon-site #sales[data-sales-cockpit] .sales-settings>.sales-filter-content{border:0;background:transparent;box-shadow:none;margin:0;padding:15px}
.sales-settings .sales-filter-content:before{display:none}
.sales-settings .sales-filter-content>.sectionhead h2{font-size:11px}
.neon-site #sales[data-sales-cockpit] .sales-breakdowns{margin-bottom:14px}
@keyframes sales-point-pulse{50%{stroke-width:2.8;fill-opacity:.65}}
@media(min-width:1600px){.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi{min-height:125px}.sales-kpi-spark{height:45px}.sales-visual-widgets{grid-template-columns:1.13fr 1fr .98fr}.sales-visual-widgets>.card{min-height:235px}.sales-top-row{min-height:32px}.sales-top-name>span{font-size:11px}.sales-distribution-legend{font-size:11px}.sales-distribution-legend small{font-size:10px}}
@media(max-width:1250px){.sales-chart-toolbar{flex-wrap:wrap}.neon-site #sales[data-sales-cockpit] #salesLegend{justify-content:flex-start}.sales-visual-widgets{grid-template-columns:1fr 1fr}.sales-revenue{grid-column:1/-1}#salesRevenueBars>svg{max-height:180px}.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi{padding-left:44px}.sales-kpi-symbol{left:8px;width:29px}.sales-kpi-symbol .neon-icon{width:22px}.sales-kpi-spark{width:90%}.neon-site #sales[data-sales-cockpit] .sales-kpis .lab{font-size:8px}.neon-site #sales[data-sales-cockpit] .sales-kpis .hint{font-size:9px}}
@media(max-width:760px){.neon-site #sales[data-sales-cockpit] .sales-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:last-child{grid-column:1/-1}.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi{min-height:100px;padding-left:52px}.sales-kpi-symbol{left:11px;width:32px}.sales-main-chart>.sectionhead{align-items:flex-start;flex-direction:column}.neon-site #sales[data-sales-cockpit] .sales-main-chart h2{font-size:12px}.sales-main-chart>.small.muted{padding-left:0;line-height:1.5}.sales-chart-toolbar{gap:10px}.sales-metric-tabs{width:100%}.neon-site #sales[data-sales-cockpit] .sales-metric-tabs button{padding:7px 8px;flex:1;font-size:10px}.neon-site #sales[data-sales-cockpit] #salesLegend{gap:5px!important}.neon-site #sales[data-sales-cockpit] #salesLegend button{font-size:9px;padding:6px 8px}.sales-visual-widgets{grid-template-columns:1fr}.sales-revenue{grid-column:auto}.sales-settings>summary>span{display:none}.neon-site #sales[data-sales-cockpit] .sales-main-chart{padding:12px 10px 6px}.sales-donut{flex-basis:45%;max-width:155px}.sales-distribution-legend{font-size:11px}.sales-distribution-legend>div{margin:15px 0}.sales-top-name>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sales-selected-day circle{animation:none}.sales-top-track>i,.sales-kpi-symbol .neon-icon{transition:none}}

.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:nth-child(2) .num,.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:nth-child(3) .num{font-size:clamp(14px,1.35vw,24px);letter-spacing:-.3px}
.neon-site #sales[data-sales-cockpit] .sales-main-chart>.sectionhead h2{margin:0}.neon-site #sales[data-sales-cockpit] .sales-main-chart>.small.muted{margin-top:0!important;margin-bottom:10px!important}

/* Hollow sectors: one closed contour around outer arc, ends and inner arc. */
.sales-donut>svg{overflow:visible}
.neon-site .sales-donut-sector[role=button]{color:var(--sector-color);transform-box:view-box;transform-origin:60px 60px;transform:translate(0,0) scale(1)!important;transition:transform .4s cubic-bezier(.2,.7,.25,1),filter .4s ease;filter:drop-shadow(0 0 1px currentColor);outline:none;cursor:var(--cursor-chart)!important}
.sales-donut-sector>*{cursor:var(--cursor-chart)!important}
.sales-sector-outline{opacity:.85;pointer-events:none;transition:stroke-width .4s,opacity .4s}
.sales-sector-comet{pointer-events:none;opacity:0;stroke-linecap:round;animation:sales-sector-orbit 2.6s linear infinite;animation-play-state:paused;transition:opacity .35s ease;filter:drop-shadow(0 0 1.6px currentColor)}
.neon-site .sales-donut-sector[role=button]:is(:hover,:focus-visible,.is-active){transform:translate(var(--sector-x),var(--sector-y)) scale(1.025)!important;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 5px currentColor)}
.sales-donut-sector:is(:hover,:focus-visible,.is-active) .sales-sector-outline{opacity:1;stroke-width:1.6}
.sales-donut-sector:is(:hover,:focus-visible,.is-active) .sales-sector-comet{opacity:var(--comet-opacity);animation-play-state:running}
.sales-distribution-legend>[data-sector-label]{transition:color .35s,text-shadow .35s;cursor:var(--cursor-chart)}
.sales-distribution-legend>[data-sector-label].is-active{color:var(--sector-color);text-shadow:0 0 7px var(--sector-color)}
.sales-donut>div>strong{transition:color .3s;font-variant-numeric:tabular-nums}
.sales-donut>div>span{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-stacked-area{pointer-events:none}
@keyframes sales-sector-orbit{from{stroke-dashoffset:var(--comet-lag)}to{stroke-dashoffset:calc(var(--comet-lag) - 100px)}}
@media(prefers-reduced-motion:reduce){.neon-site .sales-donut-sector[role=button],.sales-sector-outline,.sales-sector-comet{transition:none;animation:none}.neon-site .sales-donut-sector[role=button]:is(:hover,:focus-visible,.is-active){transform:none!important}}

.neon-site #sales .sales-donut-sector[role=button]{transition:transform .4s cubic-bezier(.2,.7,.25,1),filter .4s ease!important}

.sales-donut>svg{filter:none}

.sales-unit-block{pointer-events:none;filter:drop-shadow(0 0 1.4px currentColor);transition:stroke-width .18s ease,filter .18s ease}
.sales-unit-block.is-current-day{stroke-width:1.3;filter:drop-shadow(0 0 2.7px currentColor)}
#salesChart text.sales-unit-total{font-size:8px;fill:#e9efff;font-weight:600}
@media(prefers-reduced-motion:reduce){.sales-unit-block{transition:none}}

.sales-data-panels{min-width:0}
.neon-site #sales .sales-data-panels>.sales-history-panel{padding:18px;margin-bottom:14px}

/* Ultrawide workspace. Regular desktop and mobile keep their linear layout. */
@media(min-width:1800px) and (min-height:760px){
 .neon-site.neon-admin .wrap{max-width:none;width:100%;height:100dvh;padding:16px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-rows:70px minmax(0,1fr) minmax(0,1fr);gap:16px}
 .neon-site.neon-admin .wrap>.top{grid-column:1/-1;margin:0}
 .neon-site.neon-admin .wrap>.grid{grid-column:1;grid-row:2;min-height:0;min-width:0}
 .neon-site.neon-admin .wrap>.card{grid-column:2;grid-row:2;display:flex;flex-direction:column;margin:0;min-height:0;min-width:0;overflow:auto}
 .neon-site.neon-admin .wrap>.card:last-child{grid-column:1/-1;grid-row:3}
 .neon-site.neon-admin .wrap>.grid>.card{margin:0;overflow:auto;min-height:0}
 .neon-site.neon-admin .wrap>.card>div[style*='overflow']{flex:1;min-height:0}
 .neon-site.neon-admin thead th{position:sticky;top:0;background:#081624;z-index:3}
 .neon-site .view.active:not(#home)>.card{margin-bottom:0}
 .neon-site .wrap{width:100%;max-width:none;margin:0;padding:10px 20px 14px 242px}
 .neon-site .top{height:70px;margin-bottom:10px}
 .neon-site .loadcheck{margin-bottom:12px;padding-top:10px;padding-bottom:8px}
 .neon-site .loadcheck-head{margin-bottom:7px}
 .neon-site .loadcheck.collapsed .loadcheck-head{margin:0}
 .neon-site .workspace-banner{min-height:76px;padding:14px 20px;margin-bottom:12px}
 .neon-site .workspace-banner h1{font-size:23px}
 .neon-site .workspace-banner p{margin-top:4px}
 .neon-site .workspace-kicker{margin-bottom:5px}
 .neon-site .workspace-banner-side>.neon-icon{width:42px;height:42px}
 .neon-site .view{min-width:0}
 .neon-site .view :is(.card,.grid,.tablewrap){min-width:0;min-height:0}
 .neon-site .view .tablewrap{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .neon-site .view thead th{position:sticky;top:0;z-index:8;background:#081624;box-shadow:0 1px #28425a}
 .neon-site .view :is(.tablewrap,.card,#plan,.priority-wrap,#todayOps){scrollbar-color:#285b78 #06101c;scrollbar-width:thin}

 /* Sales: all summary widgets and all three tables share one screen. */
 .neon-site #sales[data-sales-cockpit].active{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,1.5fr);grid-template-rows:104px minmax(0,1fr) 38px;grid-template-areas:'kpis kpis kpis' 'chart widgets data' 'settings settings settings';gap:12px;height:var(--wide-view-height,calc(100dvh - 170px))}
 .neon-site #sales[data-sales-cockpit]>.sales-kpis{grid-area:kpis;margin:0;gap:12px}
 .neon-site #sales[data-sales-cockpit] .sales-kpis .kpi{min-height:0;height:104px;padding-top:17px;padding-left:64px}
 .neon-site #sales[data-sales-cockpit] .sales-kpis .num{font-size:30px}
 .neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:nth-child(2) .num,.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:nth-child(3) .num{font-size:27px}
 .neon-site #sales[data-sales-cockpit] .sales-kpi-spark{width:54%;height:42px;right:8px}
 .neon-site #sales[data-sales-cockpit]>.sales-main-chart{grid-area:chart;display:flex;flex-direction:column;margin:0;padding:16px;min-height:0;overflow:hidden}
 .neon-site #sales[data-sales-cockpit] .sales-main-chart>.sectionhead{flex-shrink:0;gap:8px}
 .neon-site #sales[data-sales-cockpit] .sales-main-chart>.small.muted{flex-shrink:0;line-height:1.5;padding-left:0}
 .neon-site #sales[data-sales-cockpit] .sales-chart-toolbar{flex-wrap:wrap;flex-shrink:0;gap:9px}
 .neon-site #sales[data-sales-cockpit] #salesLegend{justify-content:flex-start}
 .neon-site #sales[data-sales-cockpit] #salesChart{flex:1;min-height:0!important;overflow:hidden}
 .neon-site #sales[data-sales-cockpit] #salesChart>svg{display:block;width:100%;height:100%;min-width:0;max-height:none}
 .neon-site #sales[data-sales-cockpit]>.sales-visual-widgets{grid-area:widgets;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;margin:0;min-height:0}
 .neon-site #sales[data-sales-cockpit] .sales-visual-widgets>.card{min-height:0;max-height:none;padding:13px 16px;overflow:auto}
 .neon-site #sales[data-sales-cockpit] .sales-visual-widgets h2{margin-bottom:9px;font-size:11px}
 .neon-site #sales[data-sales-cockpit] .sales-top-row{min-height:24px;margin:2px 0;gap:8px;grid-template-columns:12px 25px minmax(0,1fr) auto}
 .neon-site #sales[data-sales-cockpit] .sales-top-row img{width:24px;height:24px}
 .neon-site #sales[data-sales-cockpit] .sales-top-name>span{font-size:10px}
 .neon-site #sales[data-sales-cockpit] #salesDistribution{min-height:0;height:calc(100% - 29px);gap:16px}
 .neon-site #sales[data-sales-cockpit] .sales-donut{width:auto;height:100%;max-height:160px;max-width:42%;min-width:75px;flex:0 0 auto}
 .neon-site #sales[data-sales-cockpit] .sales-distribution-legend{font-size:10px}
 .neon-site #sales[data-sales-cockpit] .sales-distribution-legend>div{margin:11px 0}
 .neon-site #sales[data-sales-cockpit] #salesRevenueBars{height:calc(100% - 29px);min-height:0}
 .neon-site #sales[data-sales-cockpit] #salesRevenueBars>svg{width:100%;height:100%;max-height:none}
 .neon-site #sales[data-sales-cockpit]>.sales-data-panels{grid-area:data;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.1fr);gap:12px;min-height:0}
 .neon-site #sales[data-sales-cockpit] .sales-breakdowns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin:0;min-height:0}
 .neon-site #sales[data-sales-cockpit] .sales-breakdowns>.card,.neon-site #sales[data-sales-cockpit] .sales-history-panel{display:flex;flex-direction:column;margin:0;padding:15px;min-height:0}
 .neon-site #sales[data-sales-cockpit] .sales-data-panels .sectionhead{flex-shrink:0;margin-bottom:9px;gap:6px}
 .neon-site #sales[data-sales-cockpit] .sales-data-panels h2{font-size:11px;letter-spacing:.2px}
 .neon-site #sales[data-sales-cockpit] .sales-data-panels .tablewrap{flex:1;min-height:0}
 .neon-site #sales[data-sales-cockpit] .sales-data-panels table{font-size:11px}
 .neon-site #sales[data-sales-cockpit] .sales-data-panels td{padding:9px 7px}
 .neon-site #sales[data-sales-cockpit] .sales-data-panels .sku{overflow-wrap:anywhere}
 .neon-site #sales[data-sales-cockpit]>.sales-settings{grid-area:settings;margin:0;min-height:0}
 .neon-site #sales[data-sales-cockpit]>.sales-settings>summary{height:36px;padding:7px 14px}
 .neon-site #sales[data-sales-cockpit]>.sales-settings[open]{position:fixed;bottom:20px;right:20px;z-index:35;width:min(1250px,calc(100vw - 270px));max-height:75dvh;overflow:auto;border-color:#9c53c0;box-shadow:0 0 45px #000c;background:#071320}

 /* Single-catalog views use the height left below the page header. */
 .neon-site :is(#stock,#history,#bundles,#wbCatalog).active{display:flex;flex-direction:column;height:var(--wide-view-height,calc(100dvh - 170px));gap:12px}
 .neon-site :is(#stock,#history,#bundles,#wbCatalog)>.workspace-banner{flex-shrink:0;margin:0}
 .neon-site :is(#stock,#history,#bundles)>.card{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
 .neon-site :is(#stock,#history,#bundles)>.card>.tablewrap{flex:1;min-height:0}
 .neon-site #wbCatalogHost{flex:1;min-height:0}
 .neon-site #wbCatalogHost>.card{height:100%;display:flex;flex-direction:column;min-height:0}
 .neon-site #wbCatalogHost>.card>.tablewrap{flex:1;min-height:0;max-height:none}

 /* Existing product tabs still control the same fields and save actions. */
 .neon-site #products.active{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);height:var(--wide-view-height,calc(100dvh - 170px));gap:12px}
 .neon-site #products>.workspace-banner,.neon-site #products>.workspace-tabs{grid-column:1/-1;margin:0}
 .neon-site #products>[data-product-panel]{margin:0;min-height:0;overflow:auto}
 .neon-site #products.view.active>.card:is([data-product-panel=editor],[data-product-panel=printing]){grid-column:auto;grid-row:3}
 .neon-site #products.view.active>.card:is([data-product-panel=catalog],[data-product-panel=prices],[data-product-panel=fees]){grid-column:1/-1;grid-row:3}
 .neon-site #products>[data-product-panel=catalog],.neon-site #products>[data-product-panel=prices],.neon-site #products>[data-product-panel=fees]{grid-column:1/-1}
 .neon-site #products>[data-product-panel=catalog]{display:flex;flex-direction:column}
 .neon-site #products>[data-product-panel=catalog]>.tablewrap{flex:1;min-height:0;max-height:none}
 .neon-site #products>[data-product-panel] .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .neon-site #products .photo-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}

 .neon-site #production.active{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;height:var(--wide-view-height,calc(100dvh - 170px))}
 .neon-site #production>.workspace-banner{grid-column:1/-1;margin:0}
 .neon-site #production>.card{display:flex;flex-direction:column;margin:0;overflow:hidden}
 .neon-site #production :is(#plan,.tablewrap){flex:1;min-height:0;overflow:auto}

 .neon-site #materials.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:var(--wide-view-height,calc(100dvh - 170px))}
 .neon-site #materials>.workspace-banner{grid-column:1/-1;margin:0}
 .neon-site #materials>.grid{display:contents}
 .neon-site #materials>.grid>.card{grid-row:2;overflow:auto;margin:0}
 .neon-site #materials>.grid>.card:first-child{grid-column:1}
 .neon-site #materials>.grid>.card:nth-child(2){grid-column:2}
 .neon-site #materials>.wide-composition{grid-column:3;grid-row:2/4;overflow:auto;margin:0}
 .neon-site #materials>.wide-restock{grid-column:1/3;grid-row:3;margin:0;overflow:auto;max-height:230px}
 .neon-site #materials .grid:not(:first-child){grid-template-columns:repeat(3,minmax(0,1fr))}

 .neon-site #integrations.active{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;height:var(--wide-view-height,calc(100dvh - 170px))}
 .neon-site #integrations>.workspace-banner{grid-column:1/-1;margin:0}
 .neon-site #integrations>.card{overflow:auto;margin:0}
 .neon-site #marketplaceIntegrationCards{grid-template-columns:repeat(2,minmax(0,1fr))}

 .neon-site #printers.active{display:flex;flex-direction:column;height:var(--wide-view-height,calc(100dvh - 170px));gap:12px}
 .neon-site #printers>.workspace-banner,.neon-site #printers>.neon-printer-fleet{flex-shrink:0;margin:0}
 .neon-site #printers>.card{flex:1;min-height:0;margin:0;overflow:auto}
 .neon-site #printers>.card>.grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .neon-site .neon-printer-fleet{grid-template-columns:repeat(5,minmax(0,1fr))}
 .neon-site .neon-printer-card{padding:16px;display:grid;grid-template-columns:60px 1fr;gap:4px 14px}
 .neon-site .neon-printer-card>.neon-icon{grid-row:1/4;margin:4px 0}
 .neon-site .neon-printer-card h3,.neon-site .neon-printer-card p{margin:0}

 /* Home: hero/metrics above a three-column operating overview. */
 .neon-site #home.active{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.5fr) minmax(0,.8fr);grid-template-rows:220px 84px minmax(0,1fr);grid-template-areas:'hero metrics metrics' 'actions actions actions' 'priority today printers';gap:12px;height:var(--wide-view-height,calc(100dvh - 350px))}
 .neon-site #home>.homehero{grid-area:hero;margin:0;height:100%}
 .neon-site #home>.kpis{grid-area:metrics;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
 .neon-site #home>.kpis>.kpi{height:auto;min-height:0}
 .neon-site #home>.kpis>.kpi:last-child{grid-column:span 2}
 .neon-site #home>.wide-home-actions{grid-area:actions;margin:0;padding:10px 16px}
 .neon-site #home>.wide-home-actions>.sectionhead{margin-bottom:6px}
 .neon-site #home>.wide-home-actions .action{padding:6px 12px;min-height:31px}
 .neon-site #prioritySection{grid-area:priority;display:flex;flex-direction:column;margin:0}
 .neon-site #prioritySection>.priority-wrap{flex:1;min-height:0;overflow:auto;margin-bottom:0;grid-template-columns:minmax(0,1fr)}
 .neon-site #home>.wide-home-today{grid-area:today;min-height:0;grid-template-columns:1.2fr .8fr}
 .neon-site #home>.wide-home-today>.card{display:flex;flex-direction:column;margin:0;min-height:0;overflow:auto}
 .neon-site #todayOps{min-height:0;overflow:auto}
 .neon-site #home>.wide-home-printers{grid-area:printers;margin:0;overflow:auto}
}
@media(min-width:1800px) and (max-width:2499px) and (min-height:760px){
 .neon-site #sales[data-sales-cockpit].active{grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr) minmax(0,1.25fr)}
 .neon-site #sales[data-sales-cockpit] .sales-breakdowns{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,.8fr)}
 .neon-site #sales[data-sales-cockpit]>.sales-data-panels{grid-template-rows:minmax(0,1.3fr) minmax(0,1fr)}
 .neon-site #sales[data-sales-cockpit] .sales-distribution-legend>div{margin:7px 0;gap:4px}
 .neon-site #sales[data-sales-cockpit] .sales-top-row{gap:5px;grid-template-columns:10px 25px minmax(0,1fr) auto}
 .neon-site #sales[data-sales-cockpit] .sales-top-row img{width:25px;height:25px}
 .neon-site #sales[data-sales-cockpit] .sales-kpis .num{font-size:27px}
 .neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:nth-child(2) .num,.neon-site #sales[data-sales-cockpit] .sales-kpis .kpi:nth-child(3) .num{font-size:23px}
 .neon-site #home.active{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,.8fr)}
 .neon-site #home .neon-hero-side{display:none}
 .neon-site #home .hero-title{font-size:30px}
}