:root{--bg:#f3f1ec;--nav:#0c0d10;--nav2:#17191d;--gold:#d6a64b;--gold2:#f1ce78;--ink:#1c1d20;--muted:#73777d;--card:#fff;--line:#e1ded7;--green:#26835e;--red:#b94646;--yellow:#d99a2b;--shadow:0 12px 34px #17130b12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(175deg,#070809,#17191d);color:#fff;padding:18px 13px;z-index:20;border-right:1px solid #d6a64b55}.side-brand{display:flex;gap:10px;align-items:center;padding:2px 5px 18px}.side-brand img{width:52px;height:52px;object-fit:cover;border:1px solid var(--gold);border-radius:14px}.side-brand b{color:var(--gold2);font-size:16px}.side-brand span{display:block;color:#a7abb2;font-size:10px}.navbtn{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#bdc0c5;padding:12px;border-radius:11px;text-align:left;font-weight:700;margin:3px 0}.navbtn.active,.navbtn:hover{background:linear-gradient(90deg,#d6a64b29,#d6a64b08);color:var(--gold2)}.navbtn i{font-style:normal;width:22px;text-align:center}.main{margin-left:235px;min-height:100dvh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.topbar h1{font-size:19px;margin:0}.status{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--yellow)}.content{max-width:1240px;margin:auto;padding:20px}.page{display:none}.page.active{display:block}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-bottom:13px}.stat span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.stat strong{display:block;font-size:22px;margin-top:7px}.stat small{color:var(--muted)}.stat.warn{border-left:4px solid var(--yellow)}.stat.danger{border-left:4px solid var(--red)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.section-title h2{font-size:17px;margin:0}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:800;background:linear-gradient(135deg,#e3b75d,#b77c19);color:#241704}.btn.dark{background:#191b1f;color:#fff}.btn.soft{background:#f1eee7;color:#4e4637}.btn.red{background:#f8e5e5;color:var(--red)}.btn.green{background:#e0f2e9;color:var(--green)}.btn.sm{padding:7px 10px;font-size:12px}.field label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;min-height:43px;border:1px solid #d5d2cb;border-radius:10px;background:#fff;padding:9px 11px;outline:none}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6a64b1d}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.full{grid-column:1/-1}.searchbar{display:flex;gap:8px;margin-bottom:12px}.searchbar input{flex:1;height:48px;border:1px solid #d4d0c8;border-radius:12px;padding:0 13px;font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:540px;overflow:auto}.product{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;text-align:left}.product b{display:block}.product span{color:var(--gold);font-weight:900}.product small{display:block;color:var(--muted);margin-top:4px}.product.low{border-color:#e4b864;background:#fffaf0}.cart-row{display:grid;grid-template-columns:1fr 55px 75px 30px;gap:6px;align-items:center;border-bottom:1px solid #eee;padding:9px 0}.cart-row input{width:100%;padding:7px;border:1px solid #ddd;border-radius:7px}.cart-total{background:#111318;color:#fff;border-radius:13px;padding:14px;margin-top:12px;display:flex;justify-content:space-between;align-items:center}.cart-total strong{color:var(--gold2);font-size:22px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th{text-align:left;font-size:10px;color:var(--muted);padding:10px;border-bottom:1px solid var(--line)}.table td{padding:11px 10px;border-bottom:1px solid #eee}.pill{display:inline-block;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:800}.pill.green{background:#e1f4ea;color:#20724f}.pill.yellow{background:#fff0d0;color:#93600b}.pill.red{background:#f8dfdf;color:#a63838}.pill.gray{background:#eee;color:#666}.creditbar{height:7px;background:#eee;border-radius:8px;overflow:hidden}.creditbar i{display:block;height:100%;background:var(--gold);width:40%}.mobile-nav{display:none}.modal{position:fixed;z-index:80;inset:0;background:#000a;display:grid;place-items:center;padding:16px}.modalbox{background:#fff;width:min(620px,100%);max-height:92dvh;overflow:auto;border-radius:20px;padding:19px;box-shadow:0 30px 80px #0008}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalhead h3{margin:0}.close{border:0;background:#eee;width:34px;height:34px;border-radius:50%}.paygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payopt{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;font-weight:800}.payopt.active{border-color:var(--gold);background:#fff7e7}.login{position:fixed;z-index:100;inset:0;background:radial-gradient(circle at 50% 25%,#3a2b16 0,#131314 40%,#050506 100%);display:grid;place-items:center;padding:18px}.loginbox{width:min(400px,100%);background:linear-gradient(160deg,#1b1b1c,#09090a);border:1px solid var(--gold);border-radius:26px;padding:25px;color:#fff;box-shadow:0 30px 90px #000,0 0 35px #d6a64b26;text-align:center}.loginbox img{width:175px;height:215px;object-fit:cover;object-position:50% 25%;border-radius:22px;border:1px solid var(--gold);box-shadow:0 15px 35px #000}.loginbox h2{color:var(--gold2);margin:13px 0 2px}.loginbox p{color:#aaa;margin:0 0 18px}.loginbox input{width:100%;height:48px;border:1px solid #6c5934;border-radius:11px;background:#08090a;color:#fff;padding:0 12px;margin-bottom:9px}.loginbox .btn{width:100%;height:48px}.printarea{display:none}.empty{text-align:center;padding:25px;color:var(--muted)}video{width:100%;border-radius:12px;background:#000}
@media(max-width:900px){.sidebar{display:none}.main{margin-left:0}.topbar{height:60px;padding:0 14px}.content{padding:12px 9px 82px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr;max-height:380px}.mobile-nav{position:fixed;z-index:30;display:flex;overflow-x:auto;bottom:0;left:0;right:0;background:#0d0e11;border-top:1px solid #d6a64b55;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{flex:0 0 74px;border:0;background:transparent;color:#aaa;padding:9px 2px;font-size:10px}.mobile-nav button.active{color:var(--gold2)}.mobile-nav i{display:block;font-style:normal;font-size:18px}.hide-mobile{display:none}.formgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cards{grid-template-columns:1fr 1fr}.stat strong{font-size:18px}.product-grid{grid-template-columns:1fr 1fr}.paygrid{grid-template-columns:1fr 1fr}}
@media print{body>*:not(.printarea){display:none!important}.printarea{display:block!important;color:#111;padding:20px}.printarea table{width:100%;border-collapse:collapse}.printarea th,.printarea td{padding:8px;border-bottom:1px solid #ddd;text-align:left}@page{size:A4;margin:12mm}}


.btn{position:relative;overflow:hidden;border:1px solid #b27b1c66;border-radius:13px;padding:12px 17px;letter-spacing:.1px;box-shadow:0 7px 16px #9b691d24,inset 0 1px #fff8;transition:transform .16s,box-shadow .16s,filter .16s}.btn:hover{transform:translateY(-2px);box-shadow:0 11px 23px #9b691d35,inset 0 1px #fff9;filter:saturate(1.08)}.btn:active{transform:translateY(1px);box-shadow:0 3px 8px #9b691d28}.btn.dark{background:linear-gradient(145deg,#292c31,#0e0f12);border-color:#45484e;box-shadow:0 7px 16px #0003;color:#f5d483}.btn.soft{background:linear-gradient(145deg,#fff,#e9e5dc);border-color:#ddd5c6;box-shadow:0 5px 12px #31250f12}.btn.red{background:linear-gradient(145deg,#fff2f2,#f2d6d6);border-color:#eac7c7}.btn.green{background:linear-gradient(145deg,#effbf5,#d3eedf);border-color:#bce0cc}.product{transition:.16s;box-shadow:0 5px 14px #17130b0b}.product:hover{transform:translateY(-2px);border-color:#d6a64b;box-shadow:0 10px 20px #a46f1b1c}.calcbox{background:linear-gradient(145deg,#17191d,#090a0c);color:#fff;border:1px solid #d6a64b;border-radius:18px;padding:17px;margin-bottom:14px;box-shadow:0 14px 30px #0003}.calcbox h3{margin:0 0 5px;color:#f1ce78}.calcbox p{color:#aeb1b6;margin:0 0 13px}.calcbox .field label{color:#d9b76f}.calcbox .field input,.calcbox .field select{background:#121419;color:#fff;border-color:#4b4c4f}.estimate-row{display:grid;grid-template-columns:1fr 80px 70px 95px 32px;gap:6px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.estimate-row input{width:100%;padding:7px;border:1px solid #ddd;border-radius:7px}
@media(max-width:560px){.estimate-row{grid-template-columns:1fr 65px 55px 75px 30px;font-size:12px}.btn{padding:11px 13px}}
.pdv-head{background:linear-gradient(110deg,#22272b,#0e1012);border:1px solid #f28c28;color:#fff;border-radius:18px;padding:15px 18px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px #15171935}.pdv-head h2{margin:0;color:#ffad42;font-size:21px}.pdv-head small{color:#c4c8cb}.pdv-badge{background:#f28c28;color:#21150a;padding:8px 13px;border-radius:10px;font-weight:900;letter-spacing:.5px}.pdv-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);align-items:start}.pdv-products,.pdv-cart{border-color:#c9cdd0;background:linear-gradient(180deg,#fff,#f4f5f5)}.pdv-products{border-top:5px solid #f28c28}.pdv-cart{border-top:5px solid #3d464d;position:sticky;top:82px}.pdv-products .section-title h2,.pdv-cart .section-title h2{font-size:18px}.pdv-search input{height:55px;border:2px solid #929ba0;font-size:16px;background:#fff}.pdv-search .btn{min-width:105px;background:linear-gradient(135deg,#ffad42,#e56e13);color:#20150c;box-shadow:0 6px 14px #e56e1335}.pdv-products .product{border:1px solid #bfc5c8;border-bottom:4px solid #899298;box-shadow:0 5px 12px #252b2f12;transition:.15s;min-height:172px}.pdv-products .product:hover{transform:translateY(-3px);border-color:#f28c28;box-shadow:0 9px 20px #e56e1329}.pdv-products .product span{color:#d85f08;font-size:18px}.pdv-products .product b{font-size:14px}.pdv-cart #cart{min-height:210px;max-height:390px;overflow:auto;background:#fff;border:1px solid #d3d6d8;border-radius:12px;padding:0 10px}.pdv-cart .cart-row{grid-template-columns:1fr 60px 86px 32px;min-height:60px}.pdv-total{border:2px solid #f28c28;background:linear-gradient(135deg,#20262a,#080a0b);padding:18px}.pdv-total span{font-size:16px;font-weight:800}.pdv-total strong{color:#ffb348;font-size:30px}.finish-pdv{min-height:58px;font-size:17px;background:linear-gradient(135deg,#ffad42,#e56e13);box-shadow:0 8px 18px #df681b44;text-transform:uppercase}.scan-pdv{background:linear-gradient(135deg,#414a50,#171b1e)!important;border:1px solid #667178!important}.action-group{display:flex;gap:5px;flex-wrap:wrap}.btn.danger{background:linear-gradient(135deg,#dc5b4f,#a52f29);color:#fff}@media(max-width:900px){.pdv-layout{grid-template-columns:1fr}.pdv-cart{position:static}.pdv-head{padding:12px}.pdv-head h2{font-size:17px}.pdv-badge{font-size:11px}.pdv-cart #cart{min-height:120px;max-height:280px}}
.sidebar nav{display:grid;gap:8px}.navbtn{min-height:52px;border:1px solid #34363b;background:linear-gradient(145deg,#181a1e,#0c0d10);border-radius:14px;padding:8px 10px;box-shadow:0 7px 16px #0005,inset 0 1px #ffffff0c;margin:0;transition:.18s}.navbtn i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#292c31;border:1px solid #41444a;color:#d9dce1;font-size:16px}.navbtn:hover{transform:translateX(3px);border-color:#725628}.navbtn.active{background:linear-gradient(145deg,#403017,#19140d);border-color:#a7792e;color:#f4d47e;box-shadow:0 9px 20px #0007,inset 0 1px #f6d27b24}.navbtn.active i{background:linear-gradient(145deg,#e0b359,#9b6614);border-color:#e6c06f;color:#211504;box-shadow:0 4px 12px #c995363d}.product{padding:8px}.product-photo{width:100%;height:105px;display:grid;place-items:center;object-fit:cover;border-radius:10px;background:linear-gradient(145deg,#eee9df,#d8d2c7);color:#8c7b5a;font-size:30px;font-weight:900;margin-bottom:8px}.table-photo{width:42px;height:42px;object-fit:cover;border-radius:9px;background:#eee;vertical-align:middle;margin-right:8px}.photo-drop{border:2px dashed #c9af78;border-radius:13px;padding:13px;background:#fffbf2;text-align:center}.photo-drop input{margin-top:8px}
.print-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.print-choice label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#faf9f6;font-weight:700}.print-choice label:has(input:checked){border-color:var(--gold);background:#fff6e3;box-shadow:0 0 0 2px #d6a64b20}.report-head{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(110deg,#22272b,#0e1012);color:#fff;border:1px solid #f28c28;border-radius:18px;padding:17px 19px;margin-bottom:13px}.report-head h2{margin:0;color:#ffb348}.report-head p{margin:4px 0 0;color:#c4c8cb}.report-actions,.report-filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.report-filters .field{min-width:190px}.report-cards{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.report-head{align-items:flex-start;flex-direction:column}.report-actions{width:100%}.report-actions .btn{flex:1}.report-cards{grid-template-columns:1fr 1fr}.print-choice{grid-template-columns:1fr}}
.quick-quote{border-top:5px solid #f28c28}.quick-quote-grid{display:grid;grid-template-columns:minmax(220px,2fr) 110px 120px 140px auto;gap:9px;align-items:end}.quick-add{min-height:43px;white-space:nowrap}.quick-note{margin-top:12px;background:#fff4df;border-left:4px solid #f28c28;padding:10px;border-radius:9px;color:#665033}
@media(max-width:900px){.quick-quote-grid{grid-template-columns:1fr 1fr}.quick-product,.quick-add{grid-column:1/-1}.quick-add{width:100%}}
.sync-btn{background:#e6f4ec;color:#1f7553;border-color:#b8ddc8;box-shadow:none}.sync-btn.pending{background:#fff0d0;color:#93600b;border-color:#e7c578}.sync-btn.pending:after{content:'';position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#e56e13}
@media(max-width:620px){.status{gap:5px}.sync-btn span{display:none}.sync-btn{padding:8px}.topbar h1{font-size:15px}.status #currentUserName{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.barcode-field{display:flex;gap:6px}.barcode-field input{flex:1}.stock-result{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:14px;border:1px solid #d9d5cc;border-radius:12px;background:#f7f6f2}.stock-result span{color:var(--muted)}.unknown-code{color:var(--red)}.scanner-overlay{z-index:110}
.install-app-btn{width:100%;margin:0 0 12px;border:1px solid #8d692b;border-radius:12px;padding:10px;background:linear-gradient(145deg,#3d2d15,#17120b);color:#f1ce78;font-weight:800}.install-top{display:none}.label-queue{display:grid;gap:7px;margin-top:12px}.label-queue>div{display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:10px}.label-queue span{color:var(--muted);font-size:12px}.barcode-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm}.barcode-label{height:34mm;border:1px dashed #777;padding:3mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;break-inside:avoid}.barcode-label b{font-size:11px;line-height:1.1;max-height:24px;overflow:hidden}.barcode-label svg{width:100%;height:13mm;margin:2mm 0 1mm}.barcode-label span{font:9px monospace;letter-spacing:1px}.barcode-label strong{font-size:14px;margin-top:1mm}
@media(max-width:900px){.install-top{display:inline-block}.label-queue>div{grid-template-columns:1fr 34px}.label-queue span{grid-row:2;grid-column:1/-1}}
@media print{.barcode-sheet{grid-template-columns:repeat(3,1fr);gap:2mm}.barcode-label{height:32mm}.printarea:has(.barcode-sheet){padding:0}}
.cash-close-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cash-close-summary>div{border:1px solid var(--line);border-radius:12px;padding:11px;background:#faf9f6}.cash-close-summary span,.cash-close-summary small{display:block;color:var(--muted);font-size:11px}.cash-close-summary b{display:block;font-size:17px;margin:3px 0}.cash-close-summary .expense{border-color:#e7bcbc;background:#fff2f2}.cash-close-summary .balance{border-color:#cba452;background:#fff7e6}
@media(max-width:560px){.cash-close-summary{grid-template-columns:1fr 1fr}}
.mei-menu{margin:0 2px 13px;padding:11px;border:1px solid #765725;border-radius:12px;background:#17130d;color:#e9d8b1}.mei-menu>div{display:flex;justify-content:space-between;gap:8px}.mei-menu span,.mei-menu small{font-size:10px}.mei-menu small{display:block;margin-top:6px;color:#bfb399}.mei-menu strong{color:#f1ce78}.mei-bar,.mei-progress{height:9px;border-radius:10px;overflow:hidden;background:#34312b;margin-top:7px}.mei-bar i,.mei-progress i{display:block;height:100%;width:0;background:var(--green);transition:width .3s}.mei-bar i.orange,.mei-progress i.orange{background:#e08927}.mei-bar i.yellow,.mei-progress i.yellow{background:#d99a2b}.mei-bar i.red,.mei-progress i.red{background:var(--red)}.mei-dashboard{border-top:5px solid #d6a64b}.mei-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mei-dashboard-grid>div{background:#f7f5ef;border:1px solid var(--line);border-radius:11px;padding:11px}.mei-dashboard-grid span{display:block;color:var(--muted);font-size:10px;font-weight:800}.mei-dashboard-grid strong{display:block;font-size:18px;margin-top:4px}.mei-progress{height:14px;background:#e5e1d8;margin:13px 0 9px}.mei-alert{padding:10px 12px;border-radius:10px;font-weight:800}.mei-alert.green{background:#e1f4ea;color:#20724f}.mei-alert.orange{background:#fff0d7;color:#9a5b0a}.mei-alert.yellow{background:#ffe7b6;color:#805000}.mei-alert.red{background:#f8dfdf;color:#a63838}.mei-legal-note{display:block;color:var(--muted);margin-top:8px}
@media(max-width:700px){.mei-dashboard-grid{grid-template-columns:1fr 1fr}.mei-dashboard-grid strong{font-size:15px}}
.delivery-reset-card{border-top:5px solid var(--red)}.reset-options{display:grid;gap:9px}.reset-options label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;background:#faf9f6}.reset-options label:has(input:checked){border-color:#c34e4e;background:#fff2f2;box-shadow:0 0 0 2px #b9464618}.reset-options input{margin-top:4px}.reset-options span,.reset-options small{display:block}.reset-options small{color:var(--muted);margin-top:4px}
.nfe-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.nfe-summary>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:#faf9f6}.nfe-summary span,.nfe-summary small{display:block;color:var(--muted);font-size:10px}.nfe-summary b{display:block;margin-top:3px}.nfe-table input:not([type="checkbox"]){width:100%;min-width:82px;border:1px solid #d7d3ca;border-radius:7px;padding:7px}.nfe-table td:nth-child(2) input{min-width:240px}.nfe-table small{display:block;color:var(--muted);margin-top:3px}@media(max-width:650px){.nfe-summary{grid-template-columns:1fr 1fr}}
.nfe-file-button{display:flex;align-items:center;justify-content:center;min-height:58px;margin-top:14px;border:2px dashed #3d956d;border-radius:13px;background:#e8f5ed;color:#1f7553;font-size:16px;font-weight:900;cursor:pointer}.nfe-file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.xml-entry-card{border-top:5px solid var(--green)}.xml-entry-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.xml-entry-head h2{margin:7px 0 3px}.xml-entry-head p{margin:0;color:var(--muted)}.xml-entry-icon{display:inline-grid;place-items:center;width:55px;height:42px;border-radius:11px;background:#dff2e7;color:#1f7553;font-weight:950;letter-spacing:1px}.nfe-history-row{display:flex;justify-content:space-between;gap:15px;padding:12px;border-bottom:1px solid var(--line)}.nfe-history-row small{display:block;color:var(--muted);margin-top:3px}.nfe-history-row>div:last-child{text-align:right}@media(max-width:650px){.xml-entry-head{align-items:stretch;flex-direction:column}.xml-entry-head .btn{width:100%;min-height:55px}.nfe-history-row{flex-direction:column}.nfe-history-row>div:last-child{text-align:left}}
.sidebar{overflow-y:scroll;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#e0ad4f #202226;padding-bottom:74px}.sidebar::-webkit-scrollbar{width:14px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#efc66f,#a96e18);border:3px solid #17191d;border-radius:12px}.sidebar::-webkit-scrollbar-track{background:#292b30;border-left:1px solid #555}.sidebar nav{padding-bottom:20px}.sidebar-scroll-controls{position:fixed;z-index:25;left:8px;bottom:8px;width:219px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:7px;border:1px solid #765725;border-radius:13px;background:#101114eF;box-shadow:0 -8px 24px #0008}.sidebar-scroll-controls button{min-height:38px;border:1px solid #8d692b;border-radius:9px;background:linear-gradient(145deg,#3d2d15,#17120b);color:#f1ce78;font-weight:900}.sidebar-scroll-controls button:active{background:#d6a64b;color:#211504}@media(max-width:900px){.sidebar-scroll-controls{display:none}}
.tablewrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-bottom:8px}.tablewrap::-webkit-scrollbar,.modalbox::-webkit-scrollbar{height:12px;width:12px}.tablewrap::-webkit-scrollbar-thumb,.modalbox::-webkit-scrollbar-thumb{background:#b98a38;border:3px solid #f3f1ec;border-radius:10px}.tablewrap::-webkit-scrollbar-track,.modalbox::-webkit-scrollbar-track{background:#e8e4dc;border-radius:10px}.modal{align-items:start;overflow-y:auto;overscroll-behavior:contain}.modalbox{margin:auto;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.modalhead{position:sticky;top:-19px;z-index:5;background:#fff;padding:10px 0;border-bottom:1px solid var(--line)}#modalBox:has(.nfe-table){width:min(1050px,100%)}.nfe-table{max-height:55dvh;border:1px solid var(--line);border-radius:10px}.nfe-table thead th{position:sticky;top:0;z-index:3;background:#f3f1ec}.scroll-help{display:none}
@media(max-width:900px){.tablewrap{border:1px solid #ddd8ce;border-radius:10px}.tablewrap:before{content:'↔ Deslize para os lados para ver tudo';display:block;position:sticky;left:0;padding:7px 10px;background:#fff4dc;color:#7a5515;font-size:11px;font-weight:800}.modal{padding:6px}.modalbox{width:100%;max-height:calc(100dvh - 12px);border-radius:14px;padding:14px}.modalhead{top:-14px}.nfe-table{max-height:58dvh}}
.access-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 7px}.access-device{min-height:86px;border:1px solid #65512e;border-radius:14px;background:linear-gradient(145deg,#18191b,#090a0b);color:#ddd;padding:9px 6px;box-shadow:inset 0 1px #ffffff0a}.access-device span,.access-device b,.access-device small{display:block}.access-device span{font-size:24px}.access-device b{margin:3px 0;color:#f0d084;font-size:12px}.access-device small{color:#8f9297;font-size:9px}.access-device.active{border:2px solid var(--gold);background:linear-gradient(145deg,#493516,#171109);box-shadow:0 0 0 3px #d6a64b1c,0 8px 20px #0006}.access-device.active small{color:#e1d4b8}.access-hint{display:block;color:#b7a47f;margin-bottom:10px}.mobile-menu-toggle{display:none;border:1px solid #ba8731;border-radius:10px;background:#17191d;color:#f1ce78;padding:8px 10px;font-weight:900}.mobile-nav-head{display:none}
@media(max-width:900px){.mobile-menu-toggle{display:flex;align-items:center;gap:5px}.topbar{justify-content:flex-start;gap:9px}.topbar .status{margin-left:auto}.mobile-nav{display:none;inset:0;top:0;bottom:0;z-index:120;padding:15px;background:#0b0c0e;overflow:auto;align-content:start;grid-template-columns:1fr 1fr;gap:9px}.mobile-nav.open{display:grid}.mobile-nav-head{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;color:#f1ce78;font-size:18px;padding:5px 3px 10px}.mobile-nav-head button{width:42px;height:42px;border:1px solid #69512b;border-radius:50%;background:#1d1f23;color:#fff;font-size:25px}.mobile-nav button[data-page]{display:flex;align-items:center;gap:10px;min-height:62px;border:1px solid #34363b;border-radius:14px;background:linear-gradient(145deg,#181a1e,#0c0d10);color:#ddd;padding:10px;text-align:left;font-size:13px;font-weight:800}.mobile-nav button[data-page].active{border-color:#c4933d;background:linear-gradient(145deg,#493516,#171109);color:#f1ce78}.mobile-nav button[data-page] i{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#292c31;font-size:18px}.content{padding-bottom:18px}}
@media(max-width:430px){.loginbox{padding:18px}.loginbox img{width:125px;height:150px}.loginbox h2{font-size:18px;margin-top:9px}.access-device{min-height:78px}.topbar .status #currentUserName{display:none}.topbar h1{flex:1}.mobile-nav{grid-template-columns:1fr 1fr}}
/* Filtro por categoria e cálculo de troco do PDV */
.pdv-category-filter{display:flex;align-items:center;gap:10px;margin:-2px 0 13px}.pdv-category-filter label{font-size:11px;font-weight:900;color:var(--muted)}.pdv-category-filter select{flex:1;min-height:43px;border:1px solid #c8cdd0;border-radius:11px;background:#fff;padding:8px 11px}.change-box{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding:13px 15px;border:2px solid #26835e;border-radius:12px;background:#e6f6ee}.change-box span{font-weight:800;color:#386050}.change-box strong{font-size:23px;color:#176943}.change-box.insufficient{border-color:#b94646;background:#fff0f0}.change-box.insufficient strong{color:#a52f29}
.pdv-catalog-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:12px;align-items:start}.pdv-category-sidebar{border:1px solid #c9cdd0;border-radius:13px;background:#f3f4f4;padding:10px;position:sticky;top:85px}.pdv-category-sidebar>b{display:block;color:#3d464d;font-size:12px;margin:2px 4px 9px}.pdv-category-sidebar input{width:100%;height:39px;border:1px solid #c7cbce;border-radius:9px;padding:0 9px;margin-bottom:8px}.category-list{display:flex;flex-direction:column;gap:5px;max-height:455px;overflow:auto}.category-btn{border:1px solid #d4d7d9;background:#fff;color:#353b3f;border-radius:9px;padding:10px;text-align:left;font-weight:800}.category-btn:hover,.category-btn.active{background:linear-gradient(135deg,#ffad42,#e56e13);border-color:#d7610d;color:#21150a}.category-btn small{display:block;font-weight:600;opacity:.75;margin-top:2px}.pdv-catalog-results{min-width:0}.pdv-category-filter{display:none}@media(max-width:700px){.pdv-catalog-layout{grid-template-columns:1fr}.pdv-category-sidebar{position:static}.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:190px}.pdv-category-sidebar input{height:44px}.category-btn{min-height:47px}.pdv-category-filter{display:none}}
.category-title{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0 2px 9px}.category-title>b{font-size:12px;color:#3d464d}.category-title .btn{padding:6px 8px;font-size:10px}.category-btn{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px}.category-btn .category-thumb{width:38px;height:38px;border-radius:8px;object-fit:cover;background:#e5e0d5;display:grid;place-items:center;font-size:10px;color:#89754e}.category-btn .category-text{min-width:0}.category-btn .category-text span{display:block;overflow:hidden;text-overflow:ellipsis}.category-manager-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.category-manager-row img,.category-manager-placeholder{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#e9e5dc;display:grid;place-items:center;color:#8b7955;font-weight:900}.category-manager-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}