/* DYNAMITE 74 — reference-accurate desktop skin, 2026-10-25.
   Uses existing data functions; every status reports actual integration state. */
:root{--bg:#060e18;--panel:#0c1826;--panel2:#101f30;--line:#1e344a;--soft:#8fa4be;--text:#f2f5fa;--gold:#fbae41;--gold2:#ffcb7b;--green:#30de84;--red:#ff536d}
html,body{background:#050e19;font-family:"Segoe UI",Arial,system-ui,sans-serif}
body{font-size:13px}
.shell{border:1px solid #1c354d;border-radius:11px;overflow:hidden;background:radial-gradient(ellipse at 55% -80%,#12324d,#071321 55%,#06101b);height:100vh;min-height:655px}
.sidebar{width:190px;min-width:190px;padding-top:77px;background:linear-gradient(180deg,#071421,#071827 60%,#091522);border-right:1px solid #1a3045;position:relative}
.brand{height:76px;position:fixed;top:1px;left:3px;width:284px;padding:9px 12px 8px 12px;z-index:8;background:#061321;border-bottom:1px solid #203549;gap:9px}
.brand-logo{width:73px;height:61px;flex-shrink:0;border:none;background:transparent;box-shadow:none;color:#ffaf4e;text-shadow:0 0 7px #e8a14f,0 0 20px #b86525;font-size:65px;font-weight:200}
.brand strong{font-size:21px;letter-spacing:-.3px;line-height:1.2}
.brand small{color:#dee7f5;font-weight:750;font-size:9px;letter-spacing:0;white-space:nowrap}
.sidebar-caption{display:none}
.sidebar nav{padding:9px 8px 5px;gap:2px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#273b54 transparent}
.sidebar nav button,.sidebar nav button:not(.active){width:100%;padding:8px 7px;min-height:43px;color:#c5d2e5;gap:12px;font-size:13px;border:1px solid transparent;background:transparent;border-radius:9px;font-weight:500;justify-content:flex-start}
.sidebar nav button.active{background:linear-gradient(90deg,#583816 0%,#43321f 62%,#2a2929);border-color:#78532788;box-shadow:inset 4px 0 #f3a42e;color:#ffc26c;font-weight:750}
.sidebar nav button:hover{background:#1b2c41;color:#fff}
.sidebar .nav-icon{background:#0e2235;border:1px solid #1c344a;border-radius:7px;display:grid;place-items:center;width:37px;height:35px;flex:0 0 37px}
.sidebar nav button.active .nav-icon{color:#ffab44;background:#48371f;border-color:#644620}
.sidebar .nav-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sidebar-foot{padding:7px 9px 9px}
.sidebar-foot .help{background:#091827;border-color:#28415a;padding:13px 7px;margin:0;min-height:109px;align-items:flex-start;gap:10px}
.sidebar-foot .help>span{color:#9ebcdd;font-size:26px;margin-top:5px}
.sidebar-foot .help strong{font-size:12px}
.sidebar-foot .help small{font-size:10px;color:#98acc5;line-height:1.35}
.sidebar-foot .help button{border:0;background:none;color:#f0b466;padding:7px 0 0;font-size:11px;text-align:left}
.sidebar-foot .side-user{display:none}
.workspace{overflow:hidden;min-width:0}
.topbar{height:77px;padding:8px 9px 8px 100px;gap:11px;border-bottom:1px solid #1d3348;background:#061320;flex-shrink:0}
.topbar-left{gap:12px;min-width:0;flex:1}
.top-store-icon{background:#142338;border:1px solid #344355;border-radius:8px 0 0 8px;color:#ffb453;font-size:22px;padding:12px 10px;margin-right:-12px;height:52px;line-height:26px}
.store-control{height:52px;width:300px;min-width:190px;max-width:340px;flex:0 1 305px;border:1px solid #30455b;border-left:0;background:#0c1a2b;border-radius:0 8px 8px 0;display:flex;flex-direction:column;justify-content:center;padding:5px 8px}
#store-select{width:100%;max-width:none;min-width:0;padding:3px 4px;border:0;background:transparent;font-size:13px;color:#f4f6fb;font-weight:680;text-overflow:ellipsis}
.store-control small{color:#7e9cba;font-size:10px;line-height:12px;padding-left:4px}
.role-chip{height:52px;flex:0 1 255px;min-width:140px;max-width:255px;display:flex;align-items:center;gap:10px;background:#0a1929;border:1px solid #2e4258;border-radius:9px;padding:7px 9px}
.role-chip>span{font-size:27px;color:#ffc261;line-height:1}
.role-chip strong{display:block;font-size:13px;white-space:nowrap}
.role-chip small{display:block;font-size:10px;color:#94abc4;white-space:nowrap;margin-top:4px}
.topbar-right{flex:0 0 auto;gap:10px}
.topbar-right .connection{display:flex;align-items:center;gap:9px;padding:7px 12px;min-width:177px;height:52px;line-height:1.2;text-align:left;border:1px solid #223d50;background:#091927;border-radius:10px;cursor:pointer}
.topbar-right .connection strong{display:block;color:#30d98c;font-size:12px}
.topbar-right .connection small{display:block;color:#94a8bb;font-size:10px;white-space:nowrap;margin-top:3px}
.topbar-right .sync-arrows{font-size:30px;color:#31d88c;line-height:1}
.topbar-right .notify{font-size:25px;position:relative;width:42px;height:52px;border:0;background:#0e1c2d}
.notify b{position:absolute;top:4px;right:2px;border-radius:100px;background:#f34d49;color:white;font-size:9px;min-width:17px;padding:2px 3px}
.topbar-right .top-profile{min-width:167px;text-align:left;background:#091827;border:1px solid #1d2c40;border-radius:9px;padding:7px 9px;height:52px;gap:8px}
.top-profile strong{font-size:12px;display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-profile small{display:block;color:#95a5b9;font-size:10px;margin-top:3px}
.topbar-right .fullscreen{border:1px solid #2d3a4f;border-radius:8px;background:#101e2f;width:40px;height:47px;font-size:20px}
.avatar.mini{height:34px;width:34px;background:#34455d;color:#fff}
.workspace:has(#view-pos.active) .workspace-header{display:none}
.workspace:has(#view-pos.active) #view-pos{margin:8px 9px 5px 11px;overflow:hidden}
.view.active{min-height:0}
.pos-columns{grid-template-columns:minmax(580px,1fr) minmax(380px,462px);gap:11px}
.catalog-panel{min-height:0}
.scanner-row{display:flex;gap:11px;height:57px;flex-shrink:0;margin-bottom:12px}
.scanner-bar{height:56px;border:2px solid #faac42;box-shadow:0 0 0 2px #a4682440,0 0 13px #eea64544;border-radius:10px;flex:1;min-width:0;padding:0 13px;gap:12px;background:#112132}
.scanner-symbol{font-size:36px;color:#dfeaf9;width:25px}
.scanner-bar input{font-size:16px}
.barcode-glyph{font-size:29px;color:#ffab38;line-height:1}
.clear-search{color:#aebacd;font-size:18px;width:20px;padding:0;display:none}
.scanner-bar:focus-within .clear-search{display:block}
.scan-search-btn{flex:0 0 133px;height:55px;background:#0b1a29;border:1px solid #2a4155;color:#e3eefa;border-radius:10px;font-size:13px;font-weight:620}
.scan-search-btn span{font-size:11px;color:#95a9c1}
.category-strip{display:flex;flex:0 0 69px;min-height:69px;margin-bottom:10px;gap:6px;border-bottom:1px solid #22374c;padding-bottom:12px}
.category-list{display:flex;gap:7px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.category-list::-webkit-scrollbar{display:none}
.category-pill{height:57px;flex:0 0 auto;min-width:125px;max-width:175px;border-radius:9px;display:flex;align-items:center;gap:8px;background:#0e1d2c;border:1px solid #2a3f55;color:#e8eff7;padding:6px;text-align:left}
.category-pill.active{border-color:#f2ac46;box-shadow:inset 0 0 0 1px #f1a74133;background:#2a251e}
.category-thumb{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border-radius:7px;background:radial-gradient(circle at 50% 42%,#73452c,#191b38 45%,#17273a);font-size:24px}
.category-pill strong{font-size:12px;display:block;white-space:nowrap}
.category-pill small{font-size:10px;color:#9baec3;white-space:nowrap;display:block;margin-top:5px}
.category-next{width:32px;flex:0 0 32px;height:56px;background:#0e1c2a;color:#dee8f5;border:1px solid #293d53;border-radius:9px}
.catalog-controls{height:43px;flex-shrink:0;margin:0 0 9px;gap:11px}
.catalog-heading{display:flex;align-items:center;gap:12px;min-width:0}
.catalog-heading h2{font-size:20px;white-space:nowrap;margin:0;font-weight:780}
.count-pill{font-size:13px;padding:4px 10px;border-radius:7px;background:#312a24;color:#dab985;font-weight:750}
.catalog-tools{display:flex;gap:7px;align-items:center}
.catalog-tools .tool-select,.catalog-tools .tool-icon,.catalog-tools .tool-filter{height:38px;background:#0c1b2c;border:1px solid #294258;color:#c3d2e5;border-radius:8px;font-size:12px}
.catalog-tools .tool-select{width:162px;padding:0 9px}
.catalog-tools .tool-select option{background:#0d1b29}
.catalog-tools .tool-icon{width:41px;font-size:23px}
.catalog-tools .tool-icon.active{background:#584024;border-color:#f3ac45;color:#ffbe62;box-shadow:0 0 0 2px #f6ab4522}
.catalog-tools .tool-filter{padding:0 14px;min-width:105px}
.filter-popover{position:absolute;z-index:5;top:246px;right:471px;border:1px solid #40526b;border-radius:10px;background:#142338;box-shadow:0 14px 25px #0007;padding:12px}
.filter-popover[hidden]{display:none}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;flex:1;min-height:0;padding:1px 3px 7px 0}
.product-grid.list-mode{display:flex;flex-direction:column;gap:7px}
.product-card{min-height:0;border:1px solid #263c54;background:linear-gradient(#0d1929,#0a1725);border-radius:10px;box-shadow:none}
.product-card:hover{border-color:#ca8943}
.product-art{height:calc(100% - 110px);min-height:100px;max-height:145px;position:relative;border:0;border-radius:8px;margin:5px 5px 0;overflow:hidden;background:radial-gradient(ellipse at 40% 48%,#8d4a21,#492947 30%,#122c3f 65%,#071422)}
.product-art:before{content:"";inset:20px 38%;opacity:.6;box-shadow:0 0 18px 7px #f4a54d,0 0 44px 20px #db792324}
.product-art:after{content:"";inset:30px 28%;opacity:.4;box-shadow:0 0 14px 5px #d6a05c}
.product-art span{font-size:53px}
.product-art.has-image:before,.product-art.has-image:after{display:none}
.product-art .sku-overlay{position:absolute;left:7px;bottom:7px;font-size:10px;background:#0a1725bb;color:#bfd1e5;padding:3px 6px;border-radius:5px}
.sprite-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:7px}
.sprite-tile{position:absolute;inset:0;width:100%;height:100%;background-repeat:no-repeat}
.favorite-btn{position:absolute;top:6px;right:6px;width:29px;height:29px;color:#ced9e5;border:1px solid #607182;background:#0a1824a8;border-radius:7px;display:grid;place-items:center;font-size:17px;z-index:2}
.favorite-btn.active{color:#f6a247;border-color:#f6a247}
.stock-hot{position:absolute;top:7px;left:7px;font-size:10px;background:#e53f4d;color:#fff;border-radius:4px;padding:4px;z-index:2}
.product-card-content{padding:6px 9px 8px;gap:4px}
.product-card h3{font-size:13px;min-height:0;line-height:1.23;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-card .sku{font-size:9px;line-height:1.35}
.product-card .stock{font-size:10px;line-height:1.4}
.product-card-foot{padding-top:0}
.product-card .price{font-size:21px;font-weight:850}
.add-to-cart{height:36px;width:41px;border-radius:7px;background:linear-gradient(#ffc16c,#ff9f2e);font-size:21px;color:#10151f}
.product-grid.list-mode .product-card{min-height:78px;flex-direction:row;align-items:center}
.product-grid.list-mode .product-art{height:66px;width:96px;min-width:96px;margin:5px}
.product-grid.list-mode .product-card-content{flex:1}
.cart-panel{border-radius:10px;border:1px solid #274159;background:linear-gradient(#081623,#07131f);box-shadow:none}
.cart-head{min-height:60px;height:60px;gap:8px;padding:10px 12px;border-color:#1e374d}
.cart-title{display:flex;gap:10px;align-items:center}
.cart-title>span{font-size:26px;line-height:1}
.cart-head h2{font-size:21px;white-space:nowrap;margin:0}
#cart-count{color:#849db7;font-size:11px;white-space:nowrap;margin-left:auto}
.cart-head .quiet-danger{padding:10px 11px;font-size:11px;border-radius:8px;white-space:nowrap;background:#220f1b}
.cart-table-head{height:33px;display:grid;grid-template-columns:20px minmax(0,1fr) 82px 64px 70px;gap:6px;align-items:center;color:#9db1c8;font-size:10px;background:#0b1d2e;border-bottom:1px solid #243b51;padding:0 10px}
.cart-items{padding:2px 9px;overflow:auto;flex:1;min-height:90px}
.cart-line{height:66px;min-height:66px;grid-template-columns:21px 45px minmax(0,1fr) 84px 63px 72px 18px;gap:4px;align-items:center;border-color:#1e3145}
.cart-row-number{font-size:10px;color:#869cb5;text-align:center}
.cart-row-thumb{width:43px;height:43px;position:relative;background:#1a2c40;border-radius:6px;overflow:hidden;display:grid;place-items:center;font-size:21px}
.cart-line-main strong{font-size:11px}
.cart-line-main small{font-size:9px;margin-top:5px}
.cart-line-price{text-align:right;font-size:12px;color:#f0f5fc;white-space:nowrap}
.cart-unit-price{font-size:10px;color:#bfd2e8;text-align:right;white-space:nowrap}
.cart-line .qty-control{height:34px}
.cart-line .qty-control button{width:21px;background:#122234;font-size:14px}
.cart-line .qty-control strong{font-size:12px}
.cart-line .remove-line{font-size:17px}
.cart-bottom{padding:0 8px 9px;background:#071623;border-color:transparent}
.discount-panel{display:grid;grid-template-columns:27px minmax(0,1fr) 35px 55px 14px 88px;gap:4px;align-items:center;background:#0d1d2b;border:1px solid #283e53;border-radius:9px;margin:5px 0 8px;padding:8px 7px}
.discount-panel label{font-size:10px;color:#9eb4cc;white-space:nowrap}
.discount-mark{height:29px;width:29px;display:grid;place-items:center;border-radius:7px;background:#3b3023;color:#ffbb54;font-weight:850;font-size:17px}
.discount-kind{height:28px;border-radius:6px;border:1px solid #fdaf3e;background:#2c271f;color:#ffc064;font-size:16px}
#discount-value{border:1px solid #24374a;background:#091827;color:#fff;border-radius:5px;text-align:center;height:28px;width:100%;font-size:13px}
.percent-end{color:#a3b5cc;font-size:12px}
.discount-apply{background:#15273b;border:1px solid #344a60;border-radius:6px;color:#ccd7e5;padding:8px 4px;font-size:10px}
.discount-apply:disabled{opacity:.45}
.cart-totals{border:1px solid #263b51;border-radius:9px;padding:10px 12px 5px;gap:10px;background:#0b1b2b}
.cart-totals>div{font-size:11px}
.cart-totals strong{font-size:12px}
.cart-totals .grand-total{margin-top:0;padding:8px 0;border-top:1px solid #253d53;font-size:18px;font-weight:780}
.grand-total strong{font-size:29px;color:#ffad3c}
.cart-totals .quantity-summary{display:none}
.payment-options{margin-top:8px;gap:7px}
.payment-options button{font-size:12px;font-weight:700;padding:13px 3px;height:48px}
.payment-options button.selected{background:linear-gradient(#ffbc66,#f4a52e)}
.checkout-btn{margin-top:8px;background:linear-gradient(120deg,#15dc68,#14b84d);color:#e3fff1;border:1px solid #59f891;box-shadow:0 0 18px #03b74c33;font-size:21px;height:60px;padding:12px 9px;border-radius:9px}
.checkout-btn kbd{color:#d3ffe2;background:#07883d;margin-top:0}
.checkout-btn:disabled{background:#225344;color:#bdd5cc}
.fiscal-note{margin:6px 4px 0;font-size:9px;line-height:1.25;color:#7690aa}
.pos-status-cards{height:76px;flex:0 0 76px;margin:0 9px 7px 10px;display:grid;grid-template-columns:1.05fr 1.1fr 1.2fr 1.07fr 1.2fr;gap:8px}
.status-card{display:flex;align-items:center;min-width:0;text-align:left;gap:10px;background:#0c1b2a;border:1px solid #20374d;color:#a4b8d0;border-radius:9px;padding:9px;cursor:default}
.status-card-icon{min-width:39px;width:39px;height:43px;display:grid;place-items:center;border-radius:8px;background:#14283c;color:#d4e4fa;font-size:23px}
.status-card-icon.highlighted{font-weight:900;font-size:22px;color:#f3a32c}
.status-card strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce8f7}
.status-card small{display:block;font-size:10px;margin-top:6px;color:#859db8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#scanner-state.scan-confirmed{color:#3fdf7e}
#register-status strong{color:#ffbd69}
#integration-status strong{color:#ffb45b}
#daily-status small{color:#f9b14d;font-weight:750;font-size:14px}
.workspace:has(#view-pos.active) .statusbar{display:none}
.workspace:not(:has(#view-pos.active)) .pos-status-cards{display:none}
.view.scroll-view{margin:0 13px 15px;overflow:auto}
@media(min-width:1600px){.sidebar{width:202px;min-width:202px}.brand{width:296px}.pos-columns{grid-template-columns:minmax(720px,1fr) minmax(440px,475px)}}
@media(max-width:1400px){.sidebar{width:178px;min-width:178px}.brand{width:255px}.brand strong{font-size:17px}.brand small{font-size:8px}.brand-logo{width:58px;font-size:55px}.topbar{padding-left:79px}.store-control{flex-basis:235px}.role-chip{flex-basis:180px}.topbar-right .connection{min-width:150px}.topbar-right .top-profile{min-width:115px}.pos-columns{grid-template-columns:minmax(520px,1fr) minmax(360px,400px)}.category-pill{min-width:112px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cart-line{grid-template-columns:15px 38px minmax(0,1fr) 68px 53px 62px 15px}.cart-row-thumb{width:37px;height:37px}.cart-head h2{font-size:17px}.cart-table-head{grid-template-columns:12px minmax(0,1fr) 68px 50px 60px}.discount-panel{grid-template-columns:25px minmax(0,1fr) 30px 43px 10px 68px}.catalog-tools .tool-select{width:124px}.catalog-tools .tool-filter{min-width:76px;padding:0 8px}}
@media(max-width:1160px){.role-chip{display:none}.topbar-right .connection{min-width:130px}.pos-columns{grid-template-columns:minmax(420px,1fr) 370px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:166px;min-width:166px}.sidebar nav button{font-size:12px}.sidebar .nav-icon{width:32px;flex-basis:32px}.topbar-right .top-profile{min-width:100px}.catalog-tools .tool-select{width:100px}}
@media(max-width:950px){body{overflow:auto}.shell{height:auto;min-height:100vh;display:block;overflow:visible;border-radius:0}.sidebar{width:100%;min-width:0;padding-top:0;height:65px}.brand{display:none}.sidebar nav{display:flex;flex-direction:row;gap:4px;overflow-x:auto;padding:8px}.sidebar nav button,.sidebar nav button:not(.active){font-size:11px;min-width:auto;width:auto;padding:7px 10px;white-space:nowrap}.sidebar nav button .nav-icon{width:26px;min-width:26px;height:26px;flex-basis:26px}.sidebar nav button .nav-icon svg{width:17px;height:17px}.sidebar-foot{display:none}.workspace{min-height:calc(100vh - 65px)}.topbar{padding:6px 9px;height:67px}.topbar-right .connection{min-width:130px}.topbar-right .top-profile{display:none}.pos-columns{display:flex;flex-direction:column;gap:12px}.catalog-panel{height:660px;max-height:70vh}.cart-panel{min-height:540px}.workspace:has(#view-pos.active) #view-pos{overflow:visible}.pos-status-cards{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;flex-basis:auto}.status-card:last-child{grid-column:1/-1}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-popover{top:220px;right:12px}}
@media(max-width:620px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tools .tool-select{max-width:120px}.catalog-tools .tool-filter{min-width:0}.catalog-heading h2{font-size:17px}.scanner-bar input{font-size:12px}.scan-search-btn{flex-basis:83px}.cart-panel{min-height:500px}.pos-status-cards{grid-template-columns:1fr}.store-control{flex-basis:170px}.topbar-right .fullscreen,.topbar-right .notify{display:none}.category-pill{min-width:115px}.cart-table-head{display:none}}

/* Reference refinements after 1536x864 screenshot comparison */
.brand-logo{font-size:0;display:grid;place-items:center;text-shadow:none}
.burst-logo{width:75px;height:75px;filter:drop-shadow(0 0 4px #f4a04288)}
.product-grid{grid-auto-rows:228px;align-content:start}
.product-art .stock-hot{font-size:10px;z-index:3;font-weight:800;line-height:1}
.product-art .sprite-tile{height:240%;top:-70%;background-clip:padding-box}
.product-art .sprite-tile.sprite-square{height:100%;top:0}
.cart-row-thumb .sprite-tile{height:148%;top:-24%}
.cart-row-thumb .sprite-tile.sprite-square{height:100%;top:0}
.product-art .sku-overlay{font-size:9px}