@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#163c35;--light:#e6eee8;--ink:#202c28;--muted:#75817a;--line:#e5e8e2;--paper:#f6f7f2;--orange:#c87942}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:10px 15px;font-weight:600;transition:.15s}button:hover{border-color:#91aaa0;background:#f0f5ef}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#285449;color:white}.danger{color:#a64037;background:#fff4f1}.small{font-size:12px;padding:7px 10px}.ghost{background:transparent;border:0}.wide{width:100%}.muted{color:var(--muted)}.label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:var(--muted)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0}h1{font-size:27px;letter-spacing:-1px}h2{font-size:19px}h3{font-size:15px}p{line-height:1.6}label{display:grid;gap:7px;font-size:12px;font-weight:600}input,select,textarea{padding:11px 12px;border:1px solid #dce2da;border-radius:8px;background:white;color:var(--ink);min-width:0;width:100%}input:focus,select:focus,textarea:focus{border-color:#578979;outline:2px solid #dfece4}textarea{min-height:75px}label.check{display:flex;align-items:center;gap:8px}input[type=checkbox]{width:auto}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}.sidebar{background:var(--green);color:#eaf1ec;padding:30px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:225px}.brand{font:800 31px Manrope,Arial;letter-spacing:-1.5px;padding:0 15px}.brand b{color:#b8d9a8}.brand-sub{font-size:10px;letter-spacing:2px;color:#a7c3b6;padding:7px 16px 32px}.nav-label{color:#8ca99b;font-size:10px;letter-spacing:1.5px;padding:20px 15px 10px}nav{display:grid;gap:5px}nav button{background:transparent;border:0;color:#bdd0c5;text-align:left;padding:12px 14px;display:flex;gap:12px;align-items:center;font-weight:500}nav button.active,nav button:hover{background:#2c5044;color:white}.nav-icon{width:19px;text-align:center;font-size:17px}.side-bottom{margin-top:auto;border-top:1px solid #37594d;padding:18px 10px 0;font-size:12px;color:#b0c9bd}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dce9d7;color:#315240;font-size:12px;font-weight:800;flex-shrink:0}.workspace{grid-column:2}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:15px}.store-switch{display:flex;align-items:center;gap:10px}.online{font-size:12px;color:#3d7257;display:flex;gap:7px;align-items:center}.dot{width:7px;height:7px;background:#63976b;border-radius:50%}.offline{color:#af6027}.offline .dot{background:#c87942}.content{padding:29px 34px 40px;max-width:1700px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.heading p{margin:6px 0 0;color:var(--muted)}.eyebrow{color:#839080;font-size:10px;letter-spacing:1.6px;font-weight:700;margin-bottom:7px}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:21px}.stat strong{font:700 27px Manrope,Arial;display:block;margin:14px 0 7px;letter-spacing:-.8px}.stat .hint{font-size:11px;color:var(--muted)}.stat.featured{background:var(--green);color:white}.stat.featured .label,.stat.featured .hint{color:#bed2c3}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-body{padding:22px}.two-col{grid-template-columns:1.65fr 1fr}.badge{border-radius:5px;display:inline-block;background:#eaf1e6;color:#557148;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.badge.warn{background:#fbefde;color:#a26a2e}.badge.bad{background:#f9e6e1;color:#a45144}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:600;padding:14px 20px;background:#fafbf8}td{padding:16px 20px;border-bottom:1px solid #eef0e9;font-size:12px}tbody tr:last-child td{border-bottom:0}.product-name{font-weight:600;display:block;font-size:13px;margin-bottom:4px}.thumb{width:43px;height:49px;background:#eceee6;border-radius:7px;object-fit:cover;display:grid;place-items:center;color:#80937e;font-size:20px;flex-shrink:0}.stock-num{display:inline-block;background:#edf2e9;min-width:29px;border-radius:5px;padding:6px;text-align:center;font-weight:700}.stock-num.zero{background:#f8e9e4;color:#b36d59}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.search{max-width:440px;flex:1}.tabs{display:flex;gap:5px}.tabs button{font-size:12px;background:transparent;border:0;color:#79837a}.tabs button.selected{background:#e6ede1;color:#254f3d}.empty{padding:45px 25px;text-align:center;color:var(--muted)}.pos{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white;text-align:left;padding:0}.product-card:hover{border-color:#86a887;box-shadow:0 5px 18px #163c350b}.product-art{height:145px;background:#e8eae1;display:grid;place-items:center;position:relative}.product-art img{width:100%;height:100%;object-fit:cover;position:absolute}.product-art svg{width:80px;height:95px;opacity:.8}.product-art .badge{position:absolute;top:10px;left:10px}.product-info{padding:14px}.product-info h3{font-size:13px;margin:6px 0 10px}.product-info strong{font-size:16px}.checkout{position:sticky;top:18px}.cart-item{padding:14px 18px;border-bottom:1px solid var(--line)}.cart-item .qty{display:flex;align-items:center;gap:10px;margin-top:10px}.cart-item .qty button{padding:3px 9px}.cart-list{max-height:280px;overflow:auto}.total-lines{display:grid;gap:12px;font-size:12px}.total{font:800 24px Manrope;border-top:1px dashed #dce3d6;padding-top:15px;margin-top:6px}.notice{border-radius:9px;background:#f7f0e1;color:#8a6c36;padding:12px 15px;font-size:12px;line-height:1.6;margin-bottom:16px}.notice.green{background:#eaf1e4;color:#4a6c3d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.section-gap{margin-top:24px}.field-group{display:grid;gap:16px}.payment-line{display:grid;grid-template-columns:1fr 120px 30px;align-items:center;gap:10px;margin:10px 0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.keypad button{font-size:21px;padding:15px;background:#f5f7f1}.payment-layout{display:grid;grid-template-columns:1fr 250px;gap:25px}.receipt{max-width:300px;margin:auto;font:12px monospace;text-align:center;color:#000;background:white;padding:15px}.receipt table{font:11px monospace;white-space:normal}.receipt td,.receipt th{padding:8px 2px;color:black;background:white;font-size:11px}.receipt svg{max-width:100%;height:65px}.receipt h2{font:700 19px monospace}.receipt hr{border:0;border-top:1px dashed #555}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:var(--green);padding:55px 60px;color:#edf3e8;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art h1{font-size:49px;max-width:450px;line-height:1.15}.login-art p{color:#b5cebc;max-width:360px}.login-decoration{position:absolute;width:400px;height:400px;border:1px solid #416349;border-radius:50%;right:-160px;bottom:50px;box-shadow:0 0 0 60px #284d3d,0 0 0 61px #416349,0 0 0 120px #1f4438}.login-box{display:grid;align-content:center;justify-content:center;padding:45px}.login-box form{width:350px;max-width:85vw}.login-box h1{margin-bottom:10px}.login-box .field-group{margin:28px 0}.login-hint{background:#e9eee3;padding:15px;border-radius:10px;font-size:12px;line-height:1.8;margin-top:24px}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.store-card{padding:28px;text-align:left;min-height:160px}.store-card strong{display:block;font-size:18px;margin:20px 0 8px}.approval-detail{display:grid;gap:8px;font-size:13px;background:#f6f8f1;padding:15px;border-radius:8px;line-height:1.7}.trend{height:150px;display:flex;align-items:end;gap:14px;padding:12px 12px 25px}.bar-wrap{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px;position:relative}.bar{width:80%;max-width:55px;border-radius:5px 5px 0 0;background:#a8c09e;min-height:3px}.bar-label{font-size:10px;position:absolute;bottom:-18px;color:var(--muted)}.list-entry{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);gap:15px}.list-entry:last-child{border:0}.error{color:#ae4336;font-size:12px;line-height:1.5}.actions{display:flex;gap:6px}.section-title{margin:22px 0 12px}.mobile-nav{display:none}dialog{border:1px solid var(--line);border-radius:15px;padding:0;width:680px;max-width:94vw;max-height:92vh;box-shadow:0 25px 100px #122c3538;color:var(--ink)}dialog::backdrop{background:#142c2966;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:25px}.modal-head button{border:0;font-size:22px;padding:0 7px}.modal-body .error:empty{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#163c35;color:white;padding:14px 22px;border-radius:10px;box-shadow:0 5px 30px #0002;display:none;z-index:100;font-size:13px;max-width:90vw}.pilot{font-size:10px;padding:5px 9px;background:#eff2e8;border-radius:5px;color:#7b876f}.clickable{cursor:pointer}.approval-count{background:#d6e5aa;color:#21402a;border-radius:4px;padding:2px 6px;font-size:10px;margin-left:auto}.stock-matrix input{width:75px}.stock-matrix td{padding:8px}.filter-select{width:auto;min-width:140px}.subtle-link{color:#476c50;font-size:12px}.responsive-chart{width:100%;height:130px}.summary-strip{padding:15px 20px;display:flex;gap:18px;flex-wrap:wrap;background:#f4f7ef;font-size:12px}.product-detail-photo{max-width:100%;height:140px;object-fit:contain;border-radius:8px}.online-copy{display:block}.author-note{font-size:11px;line-height:1.7;color:var(--muted)}
@media(max-width:1200px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:190px 1fr}.sidebar{width:190px;padding:25px 12px}.content{padding:24px}.topbar{padding:0 24px}.pos{grid-template-columns:1fr 330px}.stats{gap:12px}.stat{padding:16px}.stat strong{font-size:23px}}
@media(max-width:900px){.shell{grid-template-columns:75px 1fr}.sidebar{width:75px;padding:24px 10px}.brand{padding:0;font-size:23px}.brand-sub,.nav-label,.nav-text,.side-bottom,.approval-count{display:none}nav{margin-top:30px}nav button{justify-content:center;padding:13px 8px}.content{padding:22px 18px}.topbar{padding:0 18px}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.pos{grid-template-columns:1fr}.checkout{position:static}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.login-art{padding:40px 30px}.login-art h1{font-size:36px}.online-copy{display:none}}
@media(max-width:600px){.sidebar{display:none}.shell{display:block}.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 16px}.content{padding:20px 13px 90px}.mobile-nav{display:flex;overflow:auto;gap:5px;padding:8px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.mobile-nav button{font-size:11px;white-space:nowrap;border:0}.mobile-nav .active{background:var(--light)}.heading{align-items:flex-start}.heading h1{font-size:23px}.heading p{font-size:12px}.heading>.row{flex-wrap:wrap;justify-content:flex-end}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:120px}.form-grid,.payment-layout,.store-grid{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:21px}.stat .label{font-size:9px}.login-page{display:block}.login-art{min-height:200px;padding:25px}.login-art h1{font-size:28px;margin-top:20px}.login-art p,.login-art footer{display:none}.login-box{padding:30px 20px}.toolbar{flex-wrap:wrap}.search{max-width:none;min-width:180px}.modal-body{padding:18px}.payment-line{grid-template-columns:1fr 95px 25px}.panel-head{padding:17px}.span2{grid-column:auto}}
@media print{body>*{display:none!important}body>#modal{display:block!important;position:static;margin:0;border:0;max-height:none;width:80mm;max-width:80mm;box-shadow:none}.modal-head,.no-print{display:none!important}.modal-body{padding:0}.receipt{width:74mm;max-width:74mm;padding:3mm}dialog::backdrop{display:none}@page{size:80mm auto;margin:0}}

/* Identidade JC Multimarcas */
:root{--green:#171717;--light:#fff3bd;--ink:#252525;--muted:#7a7a73;--line:#e7e5dd;--paper:#f7f7f3}
.brand{display:flex;align-items:center;gap:11px;padding:0 6px;letter-spacing:0;font-size:18px;line-height:1.15}.brand img{width:57px;height:57px;object-fit:contain;flex-shrink:0}.brand span{display:flex;flex-direction:column}.brand b{font-size:12px;color:#f8ca20;letter-spacing:.3px}.brand-sub{color:#aca89a;padding:12px 8px 26px;font-size:9px}.sidebar{background:#171717;color:#f9f7ea}nav button{color:#c3c0b5}nav button.active,nav button:hover{background:#f8ca20;color:#171717}.side-bottom{border-color:#424038;color:#c3c0b5}.avatar{background:#fff0b0;color:#3c3420}.primary{background:#f8ca20;color:#171717;border-color:#e7bb18}.primary:hover{background:#e9bc19;color:#171717;border-color:#d8ac0e}button:hover{border-color:#d6b449;background:#fff9df}input:focus,select:focus,textarea:focus{border-color:#c7a126;outline-color:#fff1b3}.stat.featured{background:#171717;color:#fff}.stat.featured .label,.stat.featured .hint{color:#d6cda6}.badge{background:#fff4c6;color:#705b15}.tabs button.selected{background:#fff0b0;color:#55420c}.stock-num{background:#f5f0dd}.notice.green{background:#fff8db;color:#725b16}.summary-strip{background:#faf5e3}.approval-detail{background:#faf7e9}.approval-count{background:#171717;color:#f8ca20}.bar{background:#e6c54e}.login-art{background:#171717;color:#fff}.login-art .brand{font-size:27px}.login-art .brand img{width:91px;height:91px}.login-art .brand b{font-size:17px}.login-art p{color:#c9c4af}.login-decoration{border-color:#5f5426;box-shadow:0 0 0 60px #252218,0 0 0 61px #5f5426,0 0 0 120px #1e1c16}.login-hint{background:#fff5cd}.receipt-logo{width:75px;height:75px;object-fit:contain;display:block;margin:0 auto 10px}#toast{background:#25231c;color:#fff8db}
@media(max-width:900px){.sidebar .brand{padding:0;justify-content:center}.sidebar .brand img{width:48px;height:48px}.sidebar .brand span{display:none}}
@media(max-width:600px){.login-art .brand img{width:68px;height:68px}.login-art .brand{font-size:23px}.login-art .brand b{font-size:14px}}
@media print{.receipt-logo{width:20mm;height:20mm;filter:grayscale(1)}}

[hidden]{display:none!important}.sidebar{overflow-y:auto}.sidebar .side-bottom{flex-shrink:0}.sidebar nav{flex-shrink:0}

.batch-label-grid{display:grid;gap:2mm;overflow:auto;justify-content:start;padding:2mm 0}.batch-label{border:1px dashed #cbc9bf;background:white;color:#000;padding:1mm;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;text-align:center;font:8px Arial,sans-serif;line-height:1.1}.batch-label strong{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-label span{font-size:7px;max-height:17px;overflow:hidden}.batch-label b{font-size:11px}.batch-label small{font-size:6px}.batch-label svg{display:block;width:100%;height:auto;flex:1;min-height:4mm;max-height:10mm}.batch-label-check,.replenish-check{width:18px;height:18px}

/* Celulares, tablets e instalação como aplicativo */
.workspace,.content,.grid>*,.pos>*{min-width:0}
.table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media(max-width:900px){input,select,textarea{font-size:16px}button{min-height:44px}.sidebar nav button{min-height:44px}.content{padding-bottom:max(32px,env(safe-area-inset-bottom))}}
@media(max-width:600px){.mobile-nav .nav-text{display:inline}.mobile-nav button{display:flex;align-items:center;gap:7px;flex-shrink:0;min-height:44px}.mobile-nav{padding-left:max(8px,env(safe-area-inset-left));scrollbar-width:thin}.heading{flex-wrap:wrap}.heading>.row{justify-content:flex-start}.heading>.row,.heading>.actions{flex-wrap:wrap}.panel-head{flex-wrap:wrap}.toolbar .search{min-width:0;flex-basis:180px}.form-actions{flex-wrap:wrap}.form-actions button{flex:1}.modal-head{padding:16px}.modal-head h2{overflow-wrap:anywhere}.modal-body{padding:15px}dialog{max-height:92dvh}.product-info .row{flex-wrap:wrap;gap:5px}.content{padding-bottom:max(32px,env(safe-area-inset-bottom))}.store-switch{min-width:0}.store-switch button{white-space:normal;text-align:left}.topbar>.row{flex-wrap:wrap}#toast{bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:359px){.stats{grid-template-columns:1fr}.catalog{gap:8px}.product-info{padding:10px}.payment-line{grid-template-columns:minmax(0,1fr) 80px 30px}}

.checkout-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.checkout-summary>div{padding:16px 12px;background:#f6f6f1;border:1px solid var(--line);border-radius:10px}.checkout-summary span{display:block;font-size:11px;color:#68685f;margin-bottom:8px}.checkout-summary strong{font-size:22px;letter-spacing:-.6px}.checkout-summary .remaining{background:#fff1b3;border-color:#e4c54b}.checkout-summary .settled{background:#eaf3e8;border-color:#b7d0ae}.checkout-status{color:#355d30;padding:13px 0;font-weight:600}.checkout-payments{margin-top:18px}.checkout-payments h3,.checkout-add h3{font-size:14px;margin-bottom:8px}.checkout-payment{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.voucher-details,.checkout-keypad{font-size:12px;margin:12px 0}.voucher-details summary,.checkout-keypad summary{cursor:pointer;padding:8px 0;color:#6d6c61}.checkout-add{margin-top:20px;padding:18px;background:#fafaf7;border:1px solid var(--line);border-radius:10px}.checkout-entry{display:grid;grid-template-columns:1fr 130px auto;gap:12px;align-items:end}.checkout-keypad .keypad{max-width:280px}.checkout-people{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.checkout-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.checkout-footer span{font-size:12px;color:#73736a}.checkout-footer button{min-height:48px}.checkout-add>small{display:block;margin-top:10px}
@media(max-width:600px){.checkout-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-summary strong{font-size:21px}.checkout-entry{grid-template-columns:1fr 1fr}.checkout-entry>button{grid-column:1/-1}.checkout-footer{flex-direction:column;align-items:stretch}.checkout-payment{gap:7px}.checkout-add{padding:12px}}

.checkout-footer{position:sticky;bottom:-25px;background:#fff;padding:12px 0;z-index:2;border-top:1px solid var(--line)}.checkout-add{padding:12px;margin-top:14px}.checkout-people{margin-top:14px;padding-top:12px}.checkout-payments{margin-top:12px}.checkout-summary>div{padding:12px}.checkout-footer{margin-top:14px}
@media(max-width:600px){.checkout-footer{bottom:-15px}}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;background:#faf8ef;border:1px solid var(--line);border-radius:10px}.permission-grid label{min-height:36px}.permission-grid input{flex-shrink:0}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}}

.style-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.style-choice{display:flex;flex-direction:column;text-align:left;gap:6px;padding:10px;background:white;color:var(--ink);border:1px solid var(--line)}.style-choice-photo{width:100%;height:160px;background:#f4f3ed;display:grid;place-items:center;border-radius:8px;overflow:hidden;color:#777;font-size:12px}.style-choice-photo img{width:100%;height:100%;object-fit:contain}.style-choice:focus{outline:3px solid #d5a900;outline-offset:2px}.style-choice strong{font-size:15px}.style-choice small{color:#666}.selected-style-photo{height:70px;width:70px;object-fit:contain;border-radius:8px}@media(max-width:600px){.style-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.style-choice-photo{height:135px}}

.admin-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-shortcuts button{display:grid;gap:9px;text-align:left;padding:20px}.admin-shortcuts strong{font-size:16px}.admin-shortcuts span{font-size:12px;color:var(--muted);font-weight:400}.admin-shortcuts b{font-size:12px;color:#786012}.admin-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-store-total{font-size:28px;font-weight:700;margin-top:22px}@media(max-width:900px){.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.admin-overview,.admin-stores{grid-template-columns:1fr}.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-shortcuts button{padding:14px}.admin-shortcuts strong{font-size:14px}}

.merchandise-picker{margin:8px 0}.merchandise-results{max-height:330px;overflow:auto;margin-top:12px}.merchandise-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.merchandise-products button{display:flex;gap:8px;text-align:left;align-items:center}.merchandise-products img{width:45px;height:50px;object-fit:contain}.merchandise-products small{display:block;color:var(--muted);margin-top:5px}.merchandise-chosen:not(:empty){background:#fff5c6;border:1px solid #e5d17d;padding:12px;border-radius:8px;margin-top:12px;line-height:1.6}.merchandise-sizes{display:flex;flex-wrap:wrap;gap:10px}.merchandise-sizes button{display:grid;gap:5px}.merchandise-picker .style-choice-photo{height:110px}@media(max-width:600px){.merchandise-products{grid-template-columns:repeat(2,minmax(0,1fr))}.merchandise-picker>.row{flex-wrap:wrap}.merchandise-picker>.row input{flex:1;min-width:150px}}

.merchandise-picker{width:100%;min-width:0;flex:1 1 100%}.merchandise-picker>.row input{flex:1;min-width:0;width:auto}.merchandise-picker>.row button{flex-shrink:0;white-space:nowrap}

.promotion-product-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;overflow:auto;gap:9px;margin-top:12px}.promotion-product-card{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;min-height:56px}.promotion-product-card img{width:42px;height:48px;object-fit:contain}.promotion-selected{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.promotion-selected button{background:#fff4c1;white-space:normal;text-align:left}.promotion-count{font-size:12px}@media(max-width:600px){.promotion-product-results{grid-template-columns:1fr}}

.promotion-selected{max-height:150px;overflow:auto;padding:2px}.promotion-product-results{overscroll-behavior:contain}


.cash-change-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #a9c4a0;border-radius:10px;background:#edf6e9;margin:14px 0}.cash-change-summary span{display:block;font-size:12px;margin-bottom:7px}.cash-change-summary strong{font-size:23px}.cash-change-total{color:#245321}.receipt .cash-change-summary{display:block;background:white;border:0;border-top:1px dashed #333;border-radius:0;padding:8px 0}.receipt .cash-change-summary>div{margin-bottom:8px}.receipt .cash-change-summary strong{font-size:17px}@media print{.cash-change-summary{color:#000!important}}

.wizard-steps{display:flex;gap:10px;list-style:none;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line)}.wizard-steps li{flex:1;color:#8b8b81;font-size:12px;display:flex;gap:8px;align-items:center}.wizard-steps b{border-radius:50%;background:#efefe9;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.wizard-steps .active{color:#27251b;font-weight:700}.wizard-steps .active b{background:#f8ca20}.wizard-extra{margin-top:20px}.wizard-extra summary{cursor:pointer;color:#777;padding:12px 0}.wizard-styles{display:grid;gap:18px}.wizard-style{display:grid;grid-template-columns:180px 1fr;gap:22px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#fafaf7}.wizard-style-photo{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:9px;background:#f0efe6;padding:12px;min-height:180px}.wizard-style-photo img{width:140px;height:130px;object-fit:contain}.wizard-style-photo input{max-width:160px;font-size:11px;padding:5px}.wizard-size-group{padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.wizard-size-options{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.wizard-size-options label{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.wizard-size-group table input{min-width:85px}.wizard-size-group .table-wrap{margin-top:15px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;margin-top:22px;border-top:1px solid var(--line);background:#fff;position:sticky;bottom:-25px;z-index:2}.wizard-footer span{color:#888;font-size:12px}.wizard-size-group>.row input{flex:1;min-width:0;width:auto}@media(max-width:600px){.wizard-style{grid-template-columns:1fr;padding:12px}.wizard-style-photo{min-height:120px}.wizard-steps{gap:6px}.wizard-steps li{font-size:10px;display:grid;align-content:start}.wizard-size-group{padding:12px}.wizard-footer{bottom:-15px}.wizard-footer span{display:none}}

.wizard-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-style{grid-template-columns:130px minmax(0,1fr);gap:14px}.wizard-style-photo input{max-width:100%}.wizard-style-photo img{max-width:100%}@media(max-width:900px){.wizard-styles{grid-template-columns:1fr}}@media(max-width:600px){.wizard-style{grid-template-columns:1fr}}

.wizard-style .field-group{gap:10px}.wizard-style-photo input[type=file]{font-size:0}.wizard-style-photo input[type=file]::file-selector-button{font-size:11px;max-width:100%;padding:7px 4px;border:1px solid #d4d0bd;border-radius:6px;background:white;cursor:pointer}


.guided-section{min-width:0}.guided-section.form-grid>div:has(.promotion-product-picker),.guided-section.form-grid>.permission-grid,.guided-section.form-grid>#user-permissions{grid-column:1/-1}.guided-review{padding:18px;background:#faf8ed;border:1px solid var(--line);border-radius:10px;margin-top:16px;overflow-wrap:anywhere}.guided-review p{margin:8px 0;font-size:13px}.guided-footer{position:sticky;bottom:-25px;background:#fff;padding:15px 0;border-top:1px solid var(--line);z-index:3}.guided-footer>button:first-child{margin-right:auto}@media(max-width:600px){.guided-footer{bottom:-15px;flex-wrap:wrap}}

.cash-close-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.cash-close-card{border:1px solid var(--line,#e7e3d9);border-radius:14px;padding:18px}.cash-close-card h3,.cash-close-count h3{margin:0 0 12px}.cash-summary-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0}.cash-summary-row strong{white-space:nowrap}.cash-summary-total{border-top:1px solid #ded9ca;margin-top:8px;padding-top:6px;font-size:1.1em}.cash-close-count{background:#faf8f1;border-radius:14px;padding:18px}.cash-close-count .notice{margin-bottom:0}@media(max-width:640px){.cash-close-layout{grid-template-columns:1fr}.cash-close-card{padding:14px}}

.payroll-help{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.payroll-help>div{background:#fff;border:1px solid #e6e1d6;border-radius:14px;padding:18px}.payroll-help p{color:#777;margin-bottom:0}@media(max-width:720px){.payroll-help{grid-template-columns:1fr}}

.payroll-employee-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}.payroll-employee-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:20px;border-radius:15px}.payroll-employee-card.selected{border:2px solid #d7ac00;background:#fff9dc}.payroll-employee-card strong{font-size:18px}.payroll-employee-card small{color:#777}

.dashboard-visibility{display:inline-flex;align-items:center;gap:8px}.dashboard-visibility svg{flex-shrink:0}

.purchase-grade-editor{padding:20px;border:1px solid #e5dfd0;background:#faf9f4;border-radius:15px}.purchase-grade-editor td input{min-width:90px;max-width:200px}.purchase-grade-editor .form-grid{margin:18px 0}@media(max-width:640px){.purchase-grade-editor{padding:12px}}
