/* PIKKER workspace: one navigation, explicit store scope, generous work surfaces. */
:root{--bg:#0d181e;--surface:#14232b;--surface2:#1b2d36;--line:#2a3c45;--text:#eef3f4;--muted:#91a6b0;--accent:#e6955b;--orange:#e6955b;--green:#8de2bd;--radius:20px;color-scheme:dark}
body{background:var(--bg);font-size:16px;line-height:1.5;color:var(--text)}
.sidebar{width:244px;padding:30px 18px 20px;background:#0b1419;border-right:1px solid #ffffff09;gap:20px}
.brand{padding:0 10px;margin-bottom:10px}.brand span{font-size:25px}.brand small{font-size:11px;letter-spacing:.06em;color:#718894}
#navigation{display:block;flex:1}.nav-section-label{font-size:10px;letter-spacing:.17em;font-weight:700;color:#687f8c;padding:18px 14px 9px}
#navigation nav{display:grid;gap:4px}.nav-item{min-height:46px;padding:11px 14px;border:0;border-radius:12px;box-shadow:none!important;font-size:15px;font-weight:570;gap:13px;color:#a9bbc4;transition:background .18s,color .18s}
.nav-item svg{width:20px;height:20px;flex:none}.nav-item.active{background:#23333b;color:#f2b788;border:0;box-shadow:none!important}.nav-item:before,.nav-item:after{display:none!important}.nav-item:hover{background:#18272f;color:#fff}
.sidebar-bottom{padding-top:14px;border-color:#ffffff0b;gap:10px}.sidebar-bottom>a:not(.sidebar-profile){font-size:13px}.sidebar-profile{padding:12px 8px;gap:10px}.sidebar-profile small{font-size:11px;max-width:147px;overflow:hidden;text-overflow:ellipsis}.sidebar-profile strong{font-size:14px}
.app{margin-left:244px}.topbar{height:96px;min-height:96px;padding:18px 38px;border-color:#ffffff0a;background:#0d181ef5;position:sticky;top:0;z-index:40;gap:24px;backdrop-filter:blur(16px)}
.workspace-home-link{font-size:15px;color:#8ca4b1;white-space:nowrap}.topbar-right{gap:16px;margin-left:0}.topbar-right #last-update{display:none}.topbar-right .icon-button{border:1px solid var(--line);border-radius:13px;width:46px;height:46px;background:transparent}
#scope-control{margin-left:auto;min-width:0}.workspace-scope{display:flex;align-items:center;gap:13px;border:1px solid #e89f684d;border-radius:15px;background:#2d2c28;color:#f6c19b;padding:10px 16px;min-width:280px;max-width:460px;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
.workspace-scope:hover{background:#3b342c;border-color:#e9a776}.workspace-scope>span:nth-child(2){display:grid;min-width:0;flex:1}.workspace-scope small{font-size:10px;color:#c2a68f;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.workspace-scope strong{font-size:18px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-scope>svg{width:18px;height:18px}.scope-symbol{width:38px;height:38px;display:grid;place-items:center;background:#e5a16a1c;border-radius:11px}.scope-symbol svg{width:21px;height:21px}
#content{max-width:1530px;margin:0 auto;padding:34px 38px 64px;min-height:70vh}.page-head{margin-bottom:28px;align-items:center;gap:20px}.page-head h1{font-size:34px;font-weight:630;letter-spacing:-1.3px;line-height:1.15}.page-head p{margin-top:8px;font-size:14px;color:var(--muted)}
.panel,.stores-card{border:1px solid #ffffff0b;background:var(--surface);border-radius:var(--radius);box-shadow:none}.panel-head{padding:24px 26px;border-bottom:1px solid #ffffff08}.panel-head h2{font-size:21px;font-weight:610;letter-spacing:-.5px}.panel-head p{font-size:13px}
.button{min-height:44px;padding:10px 17px;border-radius:12px;font-size:14px;font-weight:600;gap:9px}.button.primary{background:#d8844d;border-color:transparent;color:#fff}.button.primary:hover{background:#e4975f}.button.ghost{background:#20333d;border-color:transparent;color:#c6d6df}.button.ghost:hover{background:#2c424e}.button svg{width:18px;height:18px}
input,select,textarea{font-size:16px;border-radius:11px;min-height:46px;border-color:#334750;background:#0e1c23}input:focus,select:focus,textarea:focus{outline:2px solid #91b2c3;outline-offset:2px;border-color:transparent}
.table-scroll{border-radius:inherit}table{font-size:15px}table th{font-size:12px;font-weight:600;color:#8ca4b0;padding:15px 18px;white-space:nowrap;background:#102029}table td{padding:17px 18px;border-color:#ffffff07}table tbody tr:hover{background:#21343d88}.numeric{text-align:right;font-variant-numeric:tabular-nums}.table-panel{overflow:hidden}.table-panel table tr:last-child td{border-bottom:0}
.workspace-subnav{display:flex;gap:8px;border-bottom:1px solid #ffffff0c;margin:0 0 26px;padding-bottom:12px;overflow-x:auto}.workspace-subnav a{font-size:14px;white-space:nowrap;padding:9px 16px;border-radius:10px;color:#9fb3bf}.workspace-subnav a[aria-current]{color:#f3bf96;background:#e5955b16}.workspace-subnav a:hover{background:#ffffff08}
.overview-metrics{gap:18px}.report-metric.overview-metric{padding:24px 26px;min-height:174px;border-radius:20px;border:1px solid #ffffff0a;background:#192b35}.report-metric.overview-metric>span{font-size:14px}.report-metric.overview-metric>strong{font-size:clamp(28px,2.8vw,46px);font-weight:600;letter-spacing:-1.5px}.report-metric.overview-metric.orange{background:linear-gradient(125deg,#3b2d25,#222a2b)}.report-metric.overview-metric.green{background:linear-gradient(125deg,#193b32,#17282b)}.report-metric.overview-metric.blue{background:linear-gradient(125deg,#1b3544,#192a34)}.report-metric.overview-metric.purple{background:linear-gradient(125deg,#2d2c40,#1d2933)}.report-metric.overview-metric small{font-size:11px;color:#8ca4ad}
.overview-visuals{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:20px;margin:22px 0}.overview-plot{padding:12px 22px 24px}.overview-plot svg{min-height:230px}.overview-today-value{padding:25px}.overview-today-value strong{font-size:36px;letter-spacing:-1px}.overview-today-row{padding:16px 26px;font-size:14px}.overview-quick{padding:16px 22px 22px;gap:8px}.overview-quick a{font-size:12px}.overview-stores th:not(:first-child),.overview-stores td:not(:first-child){text-align:right}.overview-stores th:last-child,.overview-stores td:last-child{width:32px}.overview-stores .store-name strong{font-size:15px}.overview-stores td{padding:19px}
.scope-picker{display:grid;gap:20px}.scope-picker-top{display:grid;gap:18px}.scope-all{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid #d4915940;border-radius:14px;background:#392e254d;color:#f5c29b;text-align:left;cursor:pointer}.scope-all>svg{width:24px;height:24px}.scope-all>span{display:grid;flex:1}.scope-all strong{font-size:19px}.scope-all small{font-size:12px;color:#bba28c}.segmented{display:flex;padding:4px;gap:4px;background:#0b181f;border-radius:12px}.segmented button{flex:1;border:0;border-radius:9px;padding:10px 16px;font:inherit;font-size:14px;background:transparent;color:#8fa7b3;cursor:pointer}.segmented button[aria-pressed=true]{color:#fff;background:#2a3c46}.scope-search{display:flex;align-items:center;gap:12px}.scope-search svg{width:21px;height:21px;color:#8fa7b3}.scope-search input{width:100%}.scope-store-list{max-height:45vh;overflow-y:auto;display:grid;gap:8px;padding:2px}.scope-store{display:flex;align-items:center;gap:14px;width:100%;padding:15px;border:1px solid #ffffff0b;border-radius:13px;text-align:left;background:#162831;color:#e8f0f3;cursor:pointer}.scope-store:hover{background:#213944}.scope-store input{width:20px;min-height:20px;accent-color:#d88b53}.scope-store-name{display:grid;flex:1;min-width:0}.scope-store-name strong{font-size:17px}.scope-store-name small{font-size:12px;color:#8ca5b1}.scope-store>svg{width:18px}.scope-store .status{font-size:11px}.scope-picker-submit,.scope-picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.scope-picker-submit>span{font-size:13px;color:#91a5af}.scope-picker-bottom{padding-top:16px;border-top:1px solid #ffffff0d}.scope-folders{display:flex;flex-wrap:wrap;gap:8px}.scope-folders .chip{display:flex;align-items:center;gap:7px;font-size:13px}.scope-folders svg{width:16px}.scope-folders span{color:#88a3b1}
.scope-required{padding:48px 35px;text-align:center;max-width:820px;margin:25px auto}.scope-required-symbol{margin:0 auto 24px;width:72px;height:72px;background:#25414d;border-radius:22px;display:grid;place-items:center;color:#a4c4d2}.scope-required-symbol svg{width:34px}.scope-required h2{font-size:28px;letter-spacing:-.8px}.scope-required p{max-width:460px;margin:12px auto 24px;color:#92aab5}.scope-quick-stores{display:grid;gap:8px;max-width:540px;margin:30px auto 0}.scope-quick-stores a{display:flex;align-items:center;gap:13px;padding:14px 16px;text-align:left;background:#1c313b;border-radius:12px}.scope-quick-stores span{flex:1}.scope-quick-stores svg{width:19px}
.now-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.now-metric{padding:23px 25px;border-radius:18px;background:#19303a;border:1px solid #ffffff08}.now-metric span{display:flex;justify-content:space-between;color:#9db4c1;font-size:13px}.now-metric span svg{width:19px;height:19px}.now-metric strong{font-size:32px;letter-spacing:-1px;display:block;margin:10px 0 2px;font-weight:600}.now-metric small{font-size:11px;color:#8299a5}.now-metric.copper{background:#3a2f27}.now-metric.copper strong{color:#f4bc92}.now-metric.green{background:#1a342e}.now-metric.green strong{color:#92e9c3}.now-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.now-feed{overflow:hidden}.now-feed-header{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0a}.now-feed-header h2{font-size:20px;margin:0}.now-feed-header small{color:#90a9b5}.now-event{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;gap:16px;align-items:center;width:100%;padding:19px 24px;border:0;border-bottom:1px solid #ffffff09;background:transparent;color:inherit;text-align:left;cursor:pointer}.now-event:hover{background:#243a4580}.now-event .event-symbol{width:44px;height:44px;border-radius:13px;background:#223944;color:#bad0dc}.now-event .event-symbol svg{width:20px}.now-event.sale .event-symbol{color:#8bdcba;background:#1b3d32}.now-event.return .event-symbol{color:#efb096;background:#422c29}.now-event.invoice .event-symbol{color:#e7b688;background:#3b3228}.now-event .event-info strong{font-size:15px;font-weight:580}.now-event .event-info>span{font-size:12px;color:#89a5b2}.now-event .event-info small{font-size:12px}.now-event .event-value strong{font-size:17px}.now-event .event-value time{font-size:11px;color:#8ea6b2}.now-event>svg{width:16px;color:#68818f}.now-stores{padding:23px}.now-stores h2{font-size:17px;margin:0 0 18px}.now-store{padding:16px 0;display:block;border-bottom:1px solid #ffffff0a}.now-store:last-child{border:0}.now-store>span{display:flex;gap:10px;align-items:center;font-size:14px}.now-store small{display:block;font-size:11px;color:#86a1ae;margin:5px 0 0 17px}.now-live-dot{height:7px;width:7px;border-radius:50%;background:#7de0b0;box-shadow:0 0 0 4px #78dca410}
.stock-workspace.compact-stock{display:block}.stock-caption{font-size:12px;margin-bottom:16px}.stock-toolbar{padding:20px;gap:12px}.stock-toolbar input{min-width:200px}.stock-compact-table th,.stock-compact-table td{padding:15px 16px}.stock-compact-table th{font-size:12px}.stock-compact-table .stock-product-title{font-size:15px;font-weight:560;line-height:1.4}.stock-compact-table .stock-barcode{font-size:11px;color:#809aa7;margin-top:5px}.stock-compact-table .stock-category-cell{width:140px;font-size:13px;color:#93acb7}.stock-compact-table .stock-name-cell{width:auto;min-width:240px}.stock-compact-table .stock-price-cell,.stock-compact-table .stock-cost-cell,.stock-compact-table .stock-quantity-cell{width:120px;white-space:nowrap}.stock-quantity-cell strong{font-size:16px}.stock-location-row{padding:13px 20px}.stock-location-name strong{font-size:14px}.stock-breakdown{margin:0;padding:16px 24px;background:#0f2028}.stock-breakdown-head{font-size:11px}.stock-location-hint{display:inline-block;font-size:11px;background:#24414d;padding:2px 7px;border-radius:5px}
.category-register{overflow:hidden}.category-group{padding:25px;border-bottom:1px solid #ffffff0a}.category-group-heading{align-items:center}.category-group-heading h2{font-size:20px;letter-spacing:-.5px}.category-group-heading small{font-size:12px;color:#91a5af}.category-symbol{width:46px;height:46px;background:#2d3e43;color:#dfb18b;border-radius:14px}.category-variant{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding-top:18px}.category-stores{max-width:440px;justify-content:flex-end}.category-stores a{font-size:12px;padding:7px 10px;border-radius:8px;background:#233c47}.category-signals{gap:7px}.category-signal{width:30px;height:30px;border-radius:8px}.category-rate{font-size:11px}.category-difference{display:inline-flex;color:#edbb8e;background:#49382a;padding:2px 7px;border-radius:5px}.category-line{padding:21px 24px}.category-name strong{font-size:17px}.category-line>.category-signals{justify-content:flex-end}.category-legend{font-size:12px}.category-legend summary{color:#879fac}
#detail{max-width:min(980px,calc(100vw - 32px));max-height:90dvh;border-radius:22px;background:#14242d;border-color:#344850;padding:28px;box-shadow:0 30px 110px #0008}#detail:has(.scope-picker){max-width:760px}.dialog-head{margin-bottom:23px}.dialog-head h2{font-size:25px;letter-spacing:-.6px}.dialog-head .icon-button{border-radius:11px;background:#253a45;border:0;font-size:26px}#dialog-content .form label{font-size:14px}.dialog-actions{gap:12px}.form-error{font-size:13px;color:#f6a48f}.note{font-size:13px;border-radius:12px;padding:15px 18px}.data-explanation{font-size:12px;color:#8aa2b0;margin-top:25px}.data-explanation p{line-height:1.7;max-width:1000px}.pager{padding:18px 22px;font-size:12px}.app>footer{max-width:1530px;padding:20px 38px 30px;margin:auto;font-size:11px;color:#607c8c;border-top:1px solid #ffffff08}.page-enter{animation:workspace-in .22s ease both}@keyframes workspace-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1800px){#content{max-width:1640px}.page-head h1{font-size:38px}table{font-size:16px}.stock-compact-table td{padding:18px}.topbar{padding-left:50px;padding-right:50px}}
@media(max-width:1200px){.sidebar{width:216px}.app{margin-left:216px}#content{padding:28px 25px 50px}.topbar{padding:16px 25px;gap:14px}.overview-visuals{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.now-layout{grid-template-columns:minmax(0,1fr) 235px}.workspace-home-link{display:none}.now-metric{padding:20px}.now-metric strong{font-size:28px}.category-variant{grid-template-columns:1fr}.category-stores{justify-content:flex-start;max-width:none}}
@media(max-width:960px){.sidebar{width:272px}.app{margin-left:0}.topbar{height:88px;min-height:88px;padding:13px 20px;gap:12px}.menu-button{display:flex}.workspace-scope{min-width:230px;padding:8px 12px}.workspace-scope strong{font-size:16px}.workspace-scope small{font-size:9px}.scope-symbol{width:32px;height:32px}#content{padding:25px 20px 80px}.bottom-navigation{background:#0b171ef5;border-color:#30434c;padding-bottom:env(safe-area-inset-bottom)}.bottom-navigation .nav-item{font-size:10px;border-radius:10px}.now-layout{grid-template-columns:minmax(0,1fr)}.now-stores{display:none}.topbar-right .mobile-profile{display:none}.overview-visuals{grid-template-columns:1fr}.overview-today{display:none}.page-head h1{font-size:30px}.overview-metrics,.now-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .nav-item{min-height:45px}.sidebar-bottom{margin-top:15px}}
@media(max-width:600px){.topbar{height:80px;min-height:80px;padding:10px 14px;gap:8px}.topbar-right .icon-button{width:37px;height:37px;border-radius:10px;font-size:23px}.workspace-scope{min-width:0;max-width:calc(100vw - 120px);padding:8px 10px;gap:9px;min-height:54px;border-radius:12px}.workspace-scope .scope-symbol{display:none}.workspace-scope strong{font-size:15px}.workspace-scope>svg{width:14px}.workspace-scope small{font-size:8px}#content{padding:23px 14px 80px}.page-head{margin-bottom:21px;gap:12px}.page-head h1{font-size:28px}.page-head p{font-size:12px}.button{font-size:13px;padding:9px 12px;min-height:40px}.report-metric.overview-metric{padding:18px;min-height:144px}.report-metric.overview-metric>strong{font-size:27px}.overview-metrics,.now-metrics{gap:10px}.report-metric.overview-metric>span{font-size:12px}.overview-plot{padding:0 10px 20px}.panel-head{padding:20px}.panel-head h2{font-size:18px}.now-metric{padding:18px 16px}.now-metric strong{font-size:25px}.now-metric span{font-size:11px}.now-metric small{font-size:10px}.now-event{grid-template-columns:36px minmax(0,1fr) auto;gap:11px;padding:16px}.now-event>svg{display:none}.now-event .event-symbol{width:36px;height:36px}.now-event .event-info strong{font-size:14px}.now-event .event-value strong{font-size:15px}.now-event .event-value time{font-size:10px;max-width:100px}.now-feed-header{padding:20px}.scope-store .status{display:none}.scope-store-name strong{font-size:15px}.scope-store{padding:13px;gap:10px}#detail{padding:20px;border-radius:17px;width:calc(100vw - 20px);max-width:none;max-height:94dvh}.dialog-head h2{font-size:22px}.scope-picker-submit{flex-direction:column;align-items:stretch}.scope-picker-bottom{gap:7px}.scope-search{gap:7px}.scope-required{padding:32px 20px}.scope-required h2{font-size:23px}.scope-required p{font-size:14px}.category-group{padding:20px 16px}.category-group-heading h2{font-size:18px}.category-group-heading .button{padding:9px;font-size:12px}.category-group-heading .button svg{display:none}.category-stores a{font-size:11px}.workspace-subnav{gap:4px}.workspace-subnav a{font-size:12px;padding:8px 12px}.stock-toolbar{padding:14px}.stock-caption{font-size:11px}.stock-compact-table th,.stock-compact-table td{padding:13px}.app>footer{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Work tools */
.sets-summary{display:flex;gap:30px;margin:0 0 24px;color:var(--muted)}.sets-summary strong{color:var(--text);font-size:28px;margin-right:6px}.set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.set-card{text-align:left;padding:24px;cursor:pointer;transition:transform .18s,border-color .18s}.set-card:hover{transform:translateY(-3px);border-color:#57717b}.set-card-top{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.set-card-top>svg{margin-left:auto}.set-symbol{width:42px;height:42px;display:grid;place-items:center;background:#2e352d;color:#e8b788;border-radius:13px}.set-card h2{font-size:24px;margin:24px 0 20px}.set-card-variants>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid var(--line)}.set-card-variants small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.set-card-variants strong{white-space:nowrap}.set-command-panel{margin-top:28px;padding:24px}.set-editor fieldset{min-width:0;border:0;padding:0;margin:0}.set-variants{display:grid;gap:20px;margin:22px 0}.set-variant{padding:22px;border:1px solid var(--line);border-radius:17px;background:#101e25}.set-variant-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.set-variant-heading h3{margin:0}.set-fields{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:14px}.set-composition{margin-top:25px}.set-composition h4{margin:0 0 10px;font-size:16px}.component-quantity{display:flex;gap:6px}.component-quantity input{width:100px}.component-quantity select{width:76px}.set-composition table{min-width:520px}.set-composition th,.set-composition td{padding:12px 8px}.set-cost{display:flex;gap:30px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:18px;color:var(--muted)}.set-cost strong{display:block;font-size:21px;color:var(--text);margin-top:4px}.ingredient-row{display:flex;width:100%;align-items:center;gap:15px;text-align:left;padding:17px 4px;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer}.ingredient-row>span:nth-child(2){flex:1}.ingredient-row small{display:block;color:var(--muted);margin-top:5px}.ingredient-row>b{white-space:nowrap}.ingredient-row:hover{background:#20323c}.ingredient-row:disabled{opacity:.4}.ingredient-list{max-height:50vh;overflow:auto}
.category-settings-layout>fieldset{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(400px,1.3fr);gap:22px;margin:0;padding:0;border:0;min-width:0}.category-settings-layout .panel{padding:26px}.category-settings-layout h2{font-size:22px;margin:0 0 24px}.category-basics>label{margin-bottom:18px}.category-basics .setting-row{border-bottom:1px solid var(--line);padding:16px 0}.setting-row>span{display:flex;gap:12px;align-items:center}.setting-row>span>svg{color:var(--muted)}.payment-matrix-head,.payment-matrix-row{display:grid;grid-template-columns:minmax(100px,1fr) 74px 74px minmax(110px,1fr);gap:12px;align-items:center}.payment-matrix-head{font-size:12px;color:var(--muted);padding-bottom:12px}.payment-matrix-row{padding:22px 0;border-top:1px solid var(--line)}.payment-matrix-row>strong{display:flex;gap:8px;align-items:center;font-size:15px}.payment-matrix-row>label:last-child{font-size:12px}.payment-matrix-row input:not(.switch){width:100%}.category-tax{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.category-tax h3{grid-column:1/-1;margin:0}.category-save{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.category-save>span{color:var(--muted);font-size:13px}.category-save>div{display:flex;gap:12px}.category-register{overflow:hidden}.category-group{padding:24px}.category-group+.category-group{border-top:1px solid var(--line)}.category-group h2{font-size:21px}.category-variant{background:#102028;border-radius:12px;margin-top:14px;padding:18px}.category-signals{gap:8px}.category-targets{gap:10px}.category-targets>label{background:#1c303a;padding:12px 16px;border-radius:12px}.category-bulk-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.category-bulk-fields>label{border-bottom:1px solid var(--line);padding:12px 0}
.branch-summary{display:grid;grid-template-columns:180px 220px 1fr;gap:18px;margin-bottom:26px}.branch-summary>.panel{padding:22px}.branch-summary>.panel>span{display:flex;gap:8px;font-size:13px;color:var(--muted);align-items:center}.branch-summary strong{display:block;font-size:40px;margin-top:12px;font-weight:600}.branch-legend{display:flex;flex-direction:column;justify-content:center;gap:12px;color:var(--muted);padding-left:18px;font-size:14px}.branch-legend>span{display:flex;gap:12px;align-items:center}.branch-list{display:grid;gap:16px}.branch-card{width:100%;display:grid;grid-template-columns:1fr 220px 1fr 24px;align-items:center;gap:24px;padding:26px;text-align:left;cursor:pointer}.branch-card:hover{border-color:#6e7c7c}.branch-shop{display:flex;gap:14px;align-items:center}.branch-shop strong{font-size:18px}.branch-shop small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}.branch-flow{display:grid;gap:8px}.branch-flow>span{display:flex;gap:7px;justify-content:center;align-items:center}.branch-flow b{margin:0 10px;color:var(--muted)}.branch-permission{display:inline-flex;color:#52616a;padding:5px;background:#1b2930;border-radius:7px}.branch-permission.on{color:#8ee3bc;background:#1c3a32}.branch-direction-title{display:flex;justify-content:space-between;align-items:center;padding:14px 0 24px;gap:15px}.branch-direction-title>span{display:flex;align-items:center;gap:12px}.branch-grant-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.branch-grant-columns fieldset{padding:20px;border:1px solid var(--line);border-radius:15px;min-width:0;background:#12232b}.branch-grant-columns legend{padding:0 7px;font-weight:600}.branch-grant-columns p{color:var(--muted);font-size:13px}.branch-grant-columns .setting-row{padding:15px 0;gap:10px}.branch-grant-columns fieldset:disabled{opacity:.65}.branch-pair-fields{display:grid;grid-template-columns:1fr 24px 1fr;gap:18px;align-items:center}.stock-type-cell{width:40px;color:var(--muted)}.stock-barcode-cell{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.stock-barcode-cell small{display:block}.stock-disclosure-table th:nth-child(3){text-align:left}.stock-disclosure-table td{vertical-align:middle}.stock-disclosure-table .stock-name-cell{min-width:240px}.stock-disclosure-table .stock-category-cell{min-width:140px}.stock-disclosure-table .stock-location-hint{margin-top:5px}.stock-disclosure-table th:nth-child(n+5){text-align:right}
@media(min-width:961px){.stock-disclosure-table .stock-summary-row td{padding-top:17px;padding-bottom:17px}.stock-disclosure-table{min-width:850px}.single-store .stock-disclosure-table{min-width:1040px}}
@media(max-width:1200px){.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-settings-layout>fieldset{grid-template-columns:1fr}.branch-card{grid-template-columns:1fr 160px 1fr 18px;gap:14px}}
@media(max-width:700px){.set-grid,.set-fields,.branch-grant-columns{grid-template-columns:1fr}.set-card{padding:20px}.category-bulk-fields{grid-template-columns:1fr}.branch-summary{grid-template-columns:1fr 1fr}.branch-legend{grid-column:1/-1;padding:5px;font-size:12px;flex-direction:row;flex-wrap:wrap}.branch-summary>.panel{padding:18px}.branch-card{grid-template-columns:1fr;gap:12px;padding:20px}.branch-card>svg{display:none}.branch-flow{justify-self:center}.branch-flow>span{transform:rotate(0)}.branch-grant-columns fieldset{padding:15px}.branch-direction-title{font-size:14px}.category-settings-layout .panel{padding:18px}.payment-matrix-head,.payment-matrix-row{grid-template-columns:minmax(80px,1fr) 50px 50px 90px;gap:8px}.payment-matrix-row>strong{font-size:13px}.category-save{flex-direction:column;align-items:stretch}.category-save>div{justify-content:flex-end}.set-cost{gap:22px}.branch-pair-fields{grid-template-columns:1fr}.branch-pair-fields>svg{display:none}}
.overview-metric strong{white-space:nowrap;font-size:clamp(25px,2.45vw,42px)}.sidebar .nav-item{min-height:46px}.sidebar .nav-section-label{margin-top:22px;margin-bottom:8px}.stock-locations-dialog tr[data-action]{cursor:pointer}.stock-locations-dialog tr[data-action]:hover{background:#20323c}.stock-locations-dialog .stock-toolbar{display:flex;align-items:end}.stock-locations-dialog .stock-toolbar>label{flex:1}
@media(max-width:1100px) and (min-width:701px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stock-disclosure-table .stock-quantity-cell{position:sticky;right:38px;background:#192931;z-index:1;min-width:85px}.stock-disclosure-table th:nth-last-child(2){position:sticky;right:38px;background:#14232b;z-index:2}.stock-disclosure-table .stock-open-cell,.stock-disclosure-table th:last-child{position:sticky;right:0;background:#192931;z-index:2;width:38px;min-width:38px;padding-left:8px;padding-right:8px}.stock-disclosure-table th:last-child{background:#14232b}.stock-modal-back{margin-bottom:18px}.stock-disclosure-table .stock-name-cell,.stock-disclosure-table th:nth-child(3){text-align:left}.stock-disclosure-table .stock-location-hint{display:block;width:fit-content}
.purchase-stats{display:flex;gap:18px;margin:22px 0}.purchase-stats>.panel{padding:22px;min-width:220px}.purchase-stats span{font-size:14px;color:var(--muted)}.purchase-stats strong{display:block;font-size:36px;margin-top:12px}.purchase-header{padding:24px;margin-bottom:24px}.purchase-header fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px}.purchase-header label,.purchase-line-editor label{display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:14px}.purchase-header input,.purchase-line-editor input,.purchase-line-editor select,.purchase-line-editor textarea{color:var(--text)}.purchase-lines .text-button{max-width:280px;text-align:left}.purchase-bottom{padding:28px;display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:22px}.purchase-bottom>div>span{font-size:14px;color:var(--muted)}.purchase-bottom strong{display:block;font-size:36px;margin:6px 0}.purchase-bottom small{color:var(--muted)}.purchase-line-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.purchase-line-grid>section{display:flex;flex-direction:column;gap:18px;min-width:0}.purchase-line-grid h3{display:flex;align-items:center;gap:10px;margin:0 0 8px}.purchase-line-grid [data-retail-fields]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.purchase-line-grid .setting-row{flex-direction:row;align-items:center;justify-content:space-between}.purchase-line-total{padding:18px;background:#213c35;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.purchase-line-total>span{font-size:13px;color:#a5caba}.purchase-line-total>strong{font-size:24px;color:#a2ecc9}.purchase-picker-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0;color:var(--muted);font-size:13px}.purchase-review>strong{display:block;font-size:40px}.purchase-review>span{color:var(--muted)}.purchase-line-editor{display:flex;flex-direction:column;gap:22px}
@media(max-width:700px){.purchase-header fieldset,.purchase-line-grid{grid-template-columns:1fr}.purchase-stats>.panel{min-width:0;flex:1}.purchase-bottom{flex-direction:column;align-items:stretch;padding:22px}.purchase-bottom .button{width:100%}}
/* Purchase entry follows the Windows step editor, including its persistent summary. */
.purchase-stepper .receipt-entry-progress{font-size:13px}.purchase-stepper .receipt-entry-summary-content>button[aria-current=step]{background:#344c56;border-color:transparent;box-shadow:none}
.purchase-stepper .receipt-entry-summary-content>button:disabled{opacity:.4;cursor:default}.purchase-stepper .receipt-entry-summary-content>button strong{overflow-wrap:anywhere}
.receipt-name-choice{display:grid;gap:10px;margin-top:18px;color:var(--muted);font-size:14px}.receipt-name-choice select{font-size:15px}
.receipt-name-matches{margin-top:24px}.receipt-name-matches>p{font-size:13px;color:var(--muted)}.receipt-name-matches>button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;padding:16px 12px;margin-top:5px;border:0;border-radius:8px;background:#202f37;color:var(--text);cursor:pointer;font-size:16px}.receipt-name-matches>button small{color:var(--muted);font-size:12px}.receipt-name-matches>button[aria-pressed=true]{background:#344c56}.receipt-name-matches>button:focus-visible{outline:2px solid #9bc7d5}
.purchase-stepper .receipt-entry-reference{font-size:14px}.purchase-stepper .receipt-entry-reference>button{font-size:15px}
dialog#detail:has(.purchase-stepper){padding:0;background:#172127}dialog#detail:has(.purchase-stepper) .dialog-head{margin:0;padding:18px 28px}.purchase-stepper .receipt-entry-number input:focus-visible{outline:none;box-shadow:none}.purchase-stepper .receipt-entry-summary{padding:16px 14px}.purchase-stepper .receipt-entry-summary-content>button{padding:10px 14px}.purchase-stepper .receipt-entry-summary-divider{margin:8px 14px}
.vat-calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 24px}.vat-calculator-fields label{display:grid;gap:9px;font-size:14px;color:#a6bbc4}.vat-calculator-fields input{font-size:23px;padding:18px 14px}.purchase-stepper [data-entry-page=pricing]>label{display:grid;gap:10px;margin:20px 0}.purchase-stepper [data-entry-page=pricing]>.setting-row{display:flex}.purchase-stepper [data-entry-page=pricing] select{font-size:14px;max-width:100%}
@media(max-width:650px){.purchase-stepper .receipt-entry-summary{padding:0}.purchase-stepper .receipt-entry-summary-content>button[data-go=name]{grid-column:1/-1}.purchase-stepper .receipt-entry-vat-link>span{display:inline;font-size:12px}.purchase-stepper .receipt-entry-page-head{flex-wrap:wrap}.vat-calculator-fields label,.vat-calculator-fields input{min-width:0}.vat-calculator-fields input{width:100%;font-size:21px}}