:root{--bg:#0b0c0d;--panel:#151617;--panel2:#1b1c1d;--panel3:#202123;--line:#2d2d2b;--muted:#969693;--text:#f5f4f0;--gold:#f6c44c;--gold2:#d89b2a;--gold-wash:#302715;--green:#55ce9f;--red:#ff7d79;--blue:#80b9ff;--radius:16px;--shadow:0 20px 55px #0006;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:inherit}img{max-width:100%}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;align-self:flex-start;width:256px;min-width:256px;height:100vh;background:#111213;border-right:1px solid #28292a;display:flex;flex-direction:column;padding:29px 13px 20px;z-index:11;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 35px}.brand img{width:47px;height:47px;object-fit:contain;filter:drop-shadow(0 2px 9px #efb53340)}.brand strong{display:block;font-size:13px;letter-spacing:.035em;white-space:nowrap;font-weight:800}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:.13em;margin-top:5px;font-weight:700}.workspace-label{padding:0 17px;font-size:10px;font-weight:750;letter-spacing:.115em;color:#777977;margin:9px 0 12px}.second-label{margin-top:26px}nav{display:flex;flex-direction:column;gap:4px}.nav-link{background:transparent;border:1px solid transparent;border-radius:11px;color:#acaeaa;display:flex;align-items:center;text-align:left;gap:13px;padding:13px 16px;font-weight:650;font-size:13px;min-height:46px;width:100%;transition:.15s}.nav-link svg{width:19px;height:19px;stroke-width:1.85}.nav-link:hover{background:#222220;color:white}.nav-link.active{background:linear-gradient(100deg,#3a2c16,#262115);color:var(--gold);border-color:#69502470}.nav-ico{width:19px;height:19px;display:inline-flex;flex:none}.nav-badge{margin-left:auto;background:#45341c;color:var(--gold);border-radius:7px;min-width:20px;text-align:center;font-size:11px;padding:3px 6px}.nav-badge:empty{display:none}.sidebar-bottom{margin-top:auto;padding:22px 4px 0}.sample-note{border:1px solid #48402b;background:linear-gradient(145deg,#282216,#1b1b17);border-radius:12px;padding:13px 11px;display:flex;gap:10px;align-items:start}.live-dot{display:inline-block;background:var(--gold);box-shadow:0 0 0 4px #f6c44c18;width:7px;height:7px;border-radius:50%;flex:none;margin-top:5px}.sample-note strong{font-size:11px;display:block;line-height:1.4}.sample-note small{display:block;color:#aaa599;font-size:10px;margin-top:4px;line-height:1.4}.operator{padding:19px 5px 0;display:flex;align-items:center;gap:11px}.avatar{width:35px;height:35px;border-radius:11px;background:#9a6c21;color:white;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.operator b{font-size:12px;display:block}.operator small{color:var(--muted);font-size:11px;display:block;margin-top:4px}.more{margin-left:auto;color:#777}.main-column{width:calc(100% - 256px);min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #292a2a;padding:0 32px;background:#101112}.eyebrow{font-weight:750;font-size:9px;letter-spacing:.12em;color:#8a8d89}.breadcrumb{display:flex;align-items:center;gap:11px;margin-top:6px;font-size:13px;color:#aaa}.breadcrumb strong{color:#f5f3ef;font-weight:750}.crumb-chevron{color:#5c5b57}.topbar-actions{display:flex;align-items:center;gap:19px}.demo-tag{font-size:10px;font-weight:750;color:var(--gold);display:flex;gap:9px;align-items:center;border:1px solid #4a3c20;background:#2a2315;border-radius:8px;padding:8px 11px;white-space:nowrap}.demo-tag .live-dot{margin:0;width:6px;height:6px}.current-date{font-size:12px;color:#aaa;white-space:nowrap}.circle-action{border:1px solid #313232;border-radius:11px;background:#1c1d1d;color:#bbb;width:37px;height:37px;display:grid;place-items:center;position:relative}.circle-action svg{width:18px}.circle-action i{display:none;position:absolute;right:6px;top:5px;width:6px;height:6px;background:var(--gold);border-radius:50%}.circle-action i.show{display:block}.top-avatar{width:37px;height:37px}.mobile-menu{display:none}main{padding:32px;max-width:1600px;width:100%;margin:0 auto;flex:1}.site-footer{padding:15px 32px;text-align:right;color:#595b5a;font-size:11px;border-top:1px solid #1e1e1e}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-heading h1{font-size:25px;letter-spacing:-.75px;margin:0;font-weight:790}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}.heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{border-radius:10px;padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #343433;background:#242525;color:#f0f0ed;font-size:12px;font-weight:720;min-height:40px;white-space:nowrap}.btn svg{width:17px;height:17px}.btn:hover{filter:brightness(1.12)}.btn-primary{background:var(--gold);color:#21170b;border-color:var(--gold)}.btn-dark{background:#252522;border-color:#3a3a34}.btn-ghost{background:transparent;border-color:#3a3a36}.btn-danger{color:#ffc0bb;border-color:#593532;background:#2d191b}.btn-success{color:#c0ffe0;border-color:#2c5c48;background:#173829}.btn-sm{padding:7px 10px;min-height:33px;font-size:11px;border-radius:8px}.btn-compact{padding:8px 10px;min-height:34px}.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#2c2417 0%,#1a1a17 66%,#191c1c 100%);border:1px solid #54442580;border-radius:18px;min-height:200px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.hero::after{content:"";position:absolute;width:340px;height:340px;background:radial-gradient(circle,#e8ad2859,transparent 67%);right:-74px;top:-116px;pointer-events:none}.hero-sub{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:11px;letter-spacing:.09em;font-weight:790;margin-bottom:12px}.hero h2{font-size:28px;margin:0 0 12px;letter-spacing:-.8px;max-width:500px;line-height:1.24}.hero p{color:#c1b9a8;font-size:13px;max-width:500px;line-height:1.6;margin:0}.hero-content{z-index:1}.hero-action{z-index:1;align-self:end}.hero-img{position:absolute;right:13%;height:210px;width:210px;opacity:.18;object-fit:contain;top:-8px;filter:grayscale(.6)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card{padding:20px 19px;background:#171819;border:1px solid #30312e;border-radius:15px;min-height:126px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.stat-label{font-size:11px;color:#a1a29f;font-weight:630}.stat-icon{color:var(--gold);width:33px;height:33px;border-radius:10px;background:#382f1e;display:grid;place-items:center}.stat-icon svg{width:17px;height:17px}.stat-value{font-size:25px;font-weight:790;letter-spacing:-.7px;margin-top:17px;white-space:nowrap}.stat-hint{color:#858882;font-size:11px;margin-top:8px}.twocol{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:18px}.panel{background:#171819;border:1px solid #2d2e2b;border-radius:15px;min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 21px 17px}.panel-title{font-size:15px;font-weight:760;margin:0}.panel-sub{font-size:11px;color:var(--muted);margin:5px 0 0}.panel-body{padding:0 21px 20px}.action-link{color:var(--gold);font-weight:690;background:none;border:0;font-size:11px;display:flex;align-items:center;gap:6px}.action-link svg{width:14px}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:13px 13px;font-weight:720;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#858984;border-top:1px solid #2d2e2a;border-bottom:1px solid #2d2e2a;background:#1b1c1d}.data-table td{padding:14px 13px;border-bottom:1px solid #2a2b29;color:#d3d4cf;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table th:first-child,.data-table td:first-child{padding-left:22px}.data-table th:last-child,.data-table td:last-child{padding-right:22px}.data-table tr:hover td{background:#1c1d1e}.td-strong{font-weight:750;color:#f5f5f1;display:block}.td-sub{font-size:10px;color:#898c89;margin-top:4px;display:block}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:740;border-radius:7px;white-space:nowrap}.status::before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.status.new{color:#eac47b;background:#3d311b}.status.preparing{color:#b6caff;background:#2b3449}.status.ready{color:#eccc72;background:#423619}.status.sent{color:#9abdf3;background:#253347}.status.done{color:#7bd6ae;background:#1a3c30}.status.danger{color:#ffaaa3;background:#432725}.status.neutral{color:#bfc0ba;background:#343635}.stock-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #2a2b28}.stock-row:last-child{border-bottom:0}.product-icon{height:42px;width:42px;display:grid;place-items:center;background:#2e2b23;border:1px solid #51442b;border-radius:11px;font-size:24px;flex:none}.product-icon.small{height:35px;width:35px;font-size:19px;border-radius:9px}.stock-info{flex:1;min-width:0}.stock-info b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-info small{color:#8e918d;font-size:10px;display:block;margin-top:5px}.mini-stock{font-weight:760;font-size:13px}.mini-stock.low{color:#f6ae67}.section-space{margin-top:23px}.quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-tile{background:#1a1b1c;border:1px solid #343530;color:#f5f4ee;padding:19px 16px;border-radius:13px;text-align:left;display:flex;flex-direction:column;gap:12px;font-size:13px;font-weight:720}.quick-tile:hover{border-color:#a87d34;transform:translateY(-1px)}.quick-tile svg{color:var(--gold);height:21px;width:21px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:17px;flex-wrap:wrap}.search-field{background:#1c1d1e;border:1px solid #343532;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:10px;flex:1;min-width:190px;color:#8f9290}.search-field:focus-within{border-color:#bd9a4c}.search-field svg{width:18px;height:18px;flex:none}.search-field input{background:none;border:0;min-width:0;width:100%;height:40px;outline:0;color:white;font-size:12px}.search-field input::placeholder{color:#7c7d79}.tabs{display:flex;gap:7px;align-items:center;overflow-x:auto;padding-bottom:3px}.tab{white-space:nowrap;padding:9px 13px;background:#202121;color:#aaa;border:1px solid #373834;border-radius:9px;font-size:12px;font-weight:700}.tab.selected{color:#281f12;background:var(--gold);border-color:var(--gold)}.empty{text-align:center;padding:43px 20px;color:#969994;font-size:13px;line-height:1.6}.empty-icon{font-size:28px;display:block;margin-bottom:11px;opacity:.8}.pos-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.85fr);gap:19px;align-items:start}.pos-catalog{min-width:0}.pos-cart{position:sticky;top:18px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.item-card{background:#1a1b1c;border:1px solid #343532;border-radius:14px;padding:17px 15px;text-align:left;color:white;display:flex;flex-direction:column;align-items:start;min-height:175px}.item-card:hover{border-color:var(--gold);background:#23221e}.item-card .product-icon{margin-bottom:12px}.item-card b{font-size:12px;line-height:1.35;min-height:32px}.item-card .item-meta{font-size:10px;color:#858884;margin:6px 0 13px}.item-card .item-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;margin-top:auto}.item-card strong{font-size:16px;color:#f6d181}.item-card .add-round{display:grid;place-items:center;width:27px;height:27px;background:#3e351f;border-radius:8px;color:var(--gold);font-size:19px}.item-card.out-stock{opacity:.47}.cart-lines{padding:5px 19px 8px;max-height:350px;overflow-y:auto}.cart-line{padding:12px 0;border-bottom:1px solid #30312e;display:flex;gap:9px;align-items:center}.cart-line-info{min-width:0;flex:1}.cart-line-info b{font-size:12px;display:block}.cart-line-info small{color:#92948e;font-size:11px}.qty-controls{display:flex;align-items:center;gap:9px}.qty-controls button{width:24px;height:24px;background:#2b2c2a;border:1px solid #40413c;border-radius:6px;color:#f6d381}.qty-controls span{font-size:12px;min-width:10px;text-align:center}.cart-total{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#aaa;margin-bottom:12px}.cart-total strong{font-size:25px;color:white}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.radio-tile{border:1px solid #373834;background:#202122;border-radius:9px;padding:11px 8px;text-align:center;color:#bbb;font-size:11px;font-weight:700;cursor:pointer}.radio-tile:has(input:checked){border-color:var(--gold);color:var(--gold);background:#342b1b}.radio-tile input{display:none}.cart-foot{padding:18px 20px 20px;border-top:1px solid #30312d}.cart-foot .btn{width:100%;margin-top:13px}.hint{color:#858981;font-size:11px;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;font-weight:700;color:#bcbdb8}.field input,.field select,.field textarea{width:100%;background:#222322;border:1px solid #464742;border-radius:9px;color:#f3f3ed;padding:11px 12px;font-size:13px;min-height:42px}.field input::placeholder,.field textarea::placeholder{color:#747773}.field textarea{resize:vertical;min-height:70px}.field.full{grid-column:1/-1}.form-foot{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px}.cash-state{display:flex;align-items:center;gap:9px}.notice{border:1px solid #564328;background:#302619;color:#efd4a3;padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:17px}.notice-green{border-color:#2a5b41;background:#183426;color:#a8dfbf}.notice-muted{border-color:#3c3e39;background:#222322;color:#aeb2ac}.metric-line{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #2d2e2a;font-size:12px}.metric-line:last-child{border:0}.metric-line span{color:#adb1aa}.metric-line b{font-size:13px}.metric-line b.gold{color:var(--gold)}.delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.delivery-card{padding:20px;background:#191a1b;border:1px solid #353632;border-radius:14px}.delivery-card header{display:flex;justify-content:space-between;gap:10px;align-items:start}.delivery-card h3{margin:0;font-size:14px}.delivery-card p{color:#9a9d98;font-size:11px;margin:7px 0}.delivery-card .d-address{color:#ddd;font-size:12px;line-height:1.5;margin:15px 0}.delivery-card .d-footer{border-top:1px solid #373833;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;flex-wrap:wrap}.delivery-card .d-footer b{color:#f3d58c}.grid-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.split-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mini-card{background:#1e1f1f;border:1px solid #333530;padding:18px;border-radius:12px}.mini-card span{font-size:11px;color:#a5a7a1}.mini-card b{font-size:20px;display:block;margin-top:10px}.sample-banner{font-size:11px;line-height:1.5;background:#201e17;border:1px dashed #635330;color:#e6cc91;padding:12px 14px;border-radius:10px;margin-bottom:17px}.table-wrap{overflow:auto}.pill{font-size:10px;font-weight:760;border-radius:8px;background:#3c2e1a;color:#ffd887;padding:5px 9px;white-space:nowrap}.pill-gray{background:#333536;color:#c7c9c4}.pill-red{background:#472923;color:#ffb7a6}.icon-button{background:none;border:0;color:#ddd;display:grid;place-items:center}.icon-button svg{width:20px;height:20px}.modal-backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.modal{width:min(100%,520px);max-height:min(90vh,800px);overflow:auto;background:#1a1b1c;border:1px solid #46453b;box-shadow:var(--shadow);border-radius:17px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #353530}.modal-head h2{margin:0;font-size:19px;letter-spacing:-.3px}.modal-body{padding:22px 24px}.modal-wide{width:min(100%,690px)}.modal-help{color:#9fa39c;font-size:12px;line-height:1.6;margin:0 0 18px}.modal-badge{display:block;margin:0 0 14px}.order-items{padding:12px 0;border-bottom:1px solid #343530;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#ddd}.order-items:last-child{border:0}.order-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.order-actions .btn{flex:1}.toast{background:#242724;color:white;border:1px solid #515449;padding:12px 17px;border-radius:11px;box-shadow:var(--shadow);max-width:360px;font-size:12px;line-height:1.5;animation:showtoast .2s ease}.toast.bad{border-color:#88443d}.toast.good{border-color:#417456}#toastArea{position:fixed;bottom:25px;right:25px;z-index:50;display:flex;flex-direction:column;gap:8px}@keyframes showtoast{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.scrim{display:none}.secondary-text{font-size:11px;color:#939791}.money-gold{color:var(--gold)!important;font-weight:770}.small-stat{display:flex;align-items:center;gap:10px}.small-stat .product-icon{height:36px;width:36px;font-size:18px}.product-name-row{display:flex;align-items:center;gap:10px}.divider{height:1px;background:#30302d;margin:15px 0}.help-list{color:#aeb1aa;font-size:12px;line-height:1.8;padding-left:20px}.help-list b{color:#eee}.kbd{background:#2f302d;border:1px solid #474844;border-radius:5px;padding:2px 5px;font-family:monospace;font-size:11px}.badge-count{color:#dfa548;font-weight:750}.section-title{font-size:16px;margin:24px 0 14px}.link-underline{background:transparent;color:var(--gold);border:0;text-decoration:underline;font-size:12px;padding:0}.round-accent{background:#322919;color:var(--gold);padding:10px;border-radius:10px}.full-width{width:100%}.no-margin{margin:0}.text-right{text-align:right}
@media(max-width:1190px){.sidebar{width:228px;min-width:228px}.main-column{width:calc(100% - 228px)}main{padding:23px}.topbar{padding:0 23px}.stat-grid{gap:10px}.stat-card{padding:17px 13px}.stat-value{font-size:21px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:940px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-110%);transition:.22s;width:255px;min-width:255px}.sidebar.open{transform:translateX(0)}.scrim.open{display:block;position:fixed;inset:0;background:#0009;z-index:10}.main-column{width:100%}.mobile-menu{display:grid;margin-right:14px}.topbar-left{display:flex;align-items:center}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.current-date{display:none}}
@media(max-width:670px){.topbar{height:71px;padding:0 15px}.topbar-actions{gap:10px}.demo-tag{font-size:9px;padding:7px}.top-avatar{display:none}main{padding:20px 14px}.site-footer{padding:15px;text-align:center}.page-heading{align-items:stretch;flex-direction:column;margin-bottom:18px}.page-heading h1{font-size:23px}.heading-actions{justify-content:flex-start}.hero{padding:23px;min-height:180px;align-items:start;flex-direction:column}.hero h2{font-size:24px}.hero-action{align-self:start}.hero-img{right:-30px;opacity:.12}.stat-grid{gap:9px;margin-bottom:16px}.stat-card{padding:14px 12px;min-height:110px}.stat-label{font-size:10px}.stat-value{font-size:20px;margin-top:13px}.stat-icon{width:28px;height:28px}.stat-icon svg{width:15px}.stat-hint{font-size:10px}.twocol,.pos-layout,.delivery-grid,.split-summary{grid-template-columns:1fr}.quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-cart{position:static}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-card{padding:12px;min-height:160px}.item-card strong{font-size:14px}.panel-head{padding:18px}.panel-body{padding:0 18px 18px}.data-table{min-width:480px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-body{padding:18px}.modal-head{padding:18px}.order-actions .btn{flex:1 1 44%}.toolbar>.btn{flex:none}.sidebar-bottom{margin-top:25px}}
@media(max-width:380px){.brand{padding-bottom:20px}.demo-tag{display:none}.stat-value{font-size:18px}.item-card .product-icon{width:35px;height:35px;font-size:19px}.item-card b{font-size:11px}.item-card strong{font-size:12px}.quick-tile{font-size:12px}}
/* Desktop hides the mobile-only drawer button. */
@media(min-width:941px){.topbar .mobile-menu{display:none}}

/* Versão 0.2 — identificação de atendente e lançamento rápido por kit/valor */
.operator-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px;padding:12px 16px;border:1px solid #494023;border-radius:12px;background:#211d16;font-size:12px;font-weight:650}
.operator-strip select{border:1px solid #665329;border-radius:8px;background:#131414;color:var(--gold);padding:9px;min-width:165px;max-width:100%}
.operator-strip small{color:var(--muted);font-weight:400}
.quick-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.preset-button{background:#322a1a;color:var(--gold);border:1px solid #77602e;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:750}
.preset-button:hover{background:#4a3619}
.pick-option{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;cursor:pointer}
.pick-option+ .pick-option{border-top:1px solid #38362e}
.pick-option input{accent-color:var(--gold);width:17px;height:17px;flex:none}
.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:27px;margin-bottom:12px}
.section-row .section-title{margin:0}
.field textarea{width:100%;min-height:120px;padding:12px;border:1px solid #42413b;background:#222322;color:#f4f1e9;border-radius:9px;resize:vertical;line-height:1.6}
@media(max-width:600px){.operator-strip{align-items:stretch}.operator-strip select{width:100%}.section-row .btn{width:100%}}

/* v0.3: login, permissões e estado da conexão */
.startup-screen{position:fixed;z-index:5000;inset:0;display:grid;place-items:center;background:#0c0c0d;color:#f8f4e7;padding:20px;overflow:auto}
.startup-screen[hidden]{display:none!important}
.startup-box{width:min(100%,430px);border:1px solid #40321a;border-radius:20px;background:#141415;padding:28px;box-shadow:0 20px 70px #000a;text-align:center}
.startup-box img{width:110px;height:110px;object-fit:contain;margin:0 auto 12px;border-radius:50%}
.startup-box h2{font-size:22px;margin:8px 0 10px;color:#edb83c}
.startup-box p{font-size:13px;color:#aaa;line-height:1.6;margin-bottom:20px}
.startup-form{display:grid;gap:12px;text-align:left}.startup-form label{display:block;margin-bottom:7px;font-size:12px;color:#ded8c7}
.startup-form input{width:100%;padding:12px 14px;background:#1b1b1e;color:#fff;border:1px solid #5e512e;border-radius:11px;outline:none}
.startup-form button{width:100%;padding:14px 18px;font-weight:800;color:#171209;border:0;border-radius:11px;background:#e5ad38;cursor:pointer;margin-top:6px}
.startup-form .login-error{color:#ff8888;font-size:12px;min-height:17px}
.account-signout{border:1px solid #5b4832;border-radius:8px;background:transparent;color:#eec77d;cursor:pointer;padding:7px}
.demo-tag.status-online{border-color:#255339;color:#8ee3aa;background:#11271b}.demo-tag.status-error{color:#ff9797;background:#301818;border-color:#803c3c}
.sync-hint{font-size:12px;color:#a6a6a6}.sync-hint strong{color:#e6b445}

/* v0.5.1 — consulta financeira por data */
.finance-history{margin-top:24px;border-color:#665231}
.finance-history .history-body{padding-top:18px}
.finance-date-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.finance-date-controls label{display:flex;align-items:center;gap:9px;color:#ddd;font-size:12px;font-weight:700}
.finance-date-controls input[type="date"]{background:#171818;border:1px solid #796038;border-radius:9px;color:#f2e5c9;color-scheme:dark;padding:11px;font:inherit;min-height:39px}
.finance-date-controls .btn{min-height:39px}
.finance-history-label{font-size:15px;margin:15px 0 13px;color:#efd9a4}
.historical-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.historical-stats .mini-card b{color:var(--gold);font-size:21px;overflow-wrap:anywhere}
.historical-stats .mini-card small{display:block;margin-top:6px;color:#9c9f9c;font-size:11px}
.finance-summary-columns{margin-top:5px;margin-bottom:17px}
.finance-summary-columns .mini-card h4{font-size:13px;color:#e7dcbe;margin:0 0 14px}
.finance-history-disclaimer{line-height:1.7;padding-top:14px}
@media(max-width:1100px){.historical-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.finance-date-controls label{flex:1 1 100%;justify-content:space-between}.finance-date-controls input[type="date"]{flex:1;max-width:230px}.finance-date-controls .btn{flex:1}.finance-date-controls .btn[data-action="exportDay"]{flex:1 1 100%}.historical-stats .mini-card{padding:12px}.historical-stats .mini-card b{font-size:17px}}

/* v0.6.1 — Gerenciador visual de bairros e tarifas */
.zone-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;flex-wrap:wrap}.zone-topbar strong{font-size:14px;color:#f0d58c}
.zone-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,150px) 40px;gap:9px;align-items:end;padding:10px 0;border-bottom:1px solid #33342f}
.zone-line .field label,.zone-tools .field label{font-size:11px}.zone-line .field input{min-width:0;width:100%}
.zone-remove{height:40px;width:40px;display:grid;place-items:center;color:#ffc4bb;background:#382522;border:1px solid #7e4034;border-radius:9px;cursor:pointer}.zone-remove svg{width:17px;height:17px}
.zone-bulk{margin:19px 0;padding:15px;background:#25231c;border:1px solid #6b582f;border-radius:12px}.zone-bulk summary{font-size:13px;font-weight:750;color:#edc773;cursor:pointer}
.zone-bulk .hint{line-height:1.6;margin:12px 0}.zone-bulk .field{margin-top:13px}.zone-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:12px}.zone-tools .field{min-width:180px;flex:1}.zone-tools>.btn{min-height:40px}.zone-all{margin:15px 0;border-top:1px solid #3e3b2f;padding-top:14px}
@media(max-width:520px){.zone-line{grid-template-columns:minmax(0,1fr) 112px 36px;gap:6px}.zone-line .field input{padding:10px 7px;font-size:12px}.zone-remove{width:36px;height:39px}.zone-tools>.btn{width:100%}}

/* Aviso sonoro explícito, habilitado pelo operador */
.sound-toggle{background:#2b2519;border:1px solid #86652b;color:#f8d999;border-radius:9px;min-height:36px;padding:7px 11px;font-size:11px;font-weight:750;white-space:nowrap}
.sound-toggle.on{background:#17382b;border-color:#407e5e;color:#b7f6d2}
@media(max-width:670px){.sound-toggle{font-size:10px;padding:7px 8px}}
@media(max-width:380px){.sound-toggle{font-size:0}.sound-toggle::first-letter{font-size:16px}}

/* v8.2: quick two-step order processing */
.order-list-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-list-actions .btn{white-space:nowrap}


/* ==========================================================
   Adega do Vitin v9.0 — responsividade revisada
   Ajustes progressivos e específicos, sem forçar todo botão a 100%
   ========================================================== */
:root { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html { max-width:100%; }
.app-shell,.main-column,.topbar,.topbar-left,.location,.topbar-actions,
.page-heading,.heading-actions,.twocol,.pos-layout,.pos-catalog,.pos-cart,
.panel,.panel-body,.panel-head,.stat-card,.stock-info,.delivery-card,.modal,
.modal-body,.toolbar,.field,.stock-row,.metric-line,.order-actions { min-width:0; }
main,main > *, .panel-body > *, .modal-body > * { max-width:100%; }
input,textarea,select { max-width:100%; min-width:0; }
img,svg,video,canvas { max-width:100%; }
.panel-head h3,.panel-title,.page-heading h1,.stat-label,.td-strong,
.stock-info b,.delivery-card p,.hint,.modal-help { overflow-wrap:break-word; }

/* Os quatro botões de Configurações ficam alinhados, com largura e altura consistentes. */
.config-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:stretch; }
.config-action-grid > .btn { width:100%; min-width:0; min-height:46px; white-space:normal; text-align:center; line-height:1.35; padding:11px 10px; display:flex; align-items:center; justify-content:center; gap:7px; overflow-wrap:break-word; }
.config-action-grid > .btn svg { flex:0 0 17px; }

/* Valores muito longos não devem cobrir rótulos. */
.metric-line { gap:16px; min-width:0; }
.metric-line > span { flex:1 1 45%; min-width:0; overflow-wrap:anywhere; }
.metric-line > b { flex:1 1 45%; min-width:0; overflow-wrap:anywhere; text-align:right; line-height:1.35; }
.stat-value { max-width:100%; white-space:normal; overflow-wrap:anywhere; line-height:1.15; }
.stat-label,.stat-hint { overflow-wrap:break-word; }

/* Formulários, ações e painéis. */
.panel-head > * { min-width:0; }
.heading-actions,.toolbar,.order-actions,.section-row,.finance-date-controls { min-width:0; }
.toolbar > .search-field { flex:1 1 210px; min-width:0; }
.toolbar > .btn, .heading-actions > .btn { white-space:normal; line-height:1.35; text-align:center; }
.item-card,.product-grid > * { min-width:0; }
.item-card .item-bottom { flex-wrap:wrap; }
.item-card b,.item-card strong { overflow-wrap:break-word; }
.product-name-row > div { min-width:0; }
.stock-row > .pill { flex:0 0 auto; }
.delivery-card header > * { min-width:0; }
.order-list-actions .btn { white-space:normal; line-height:1.3; }

/* Tabelas podem ser roladas horizontalmente dentro do painel, não na página. */
.table-wrap { display:block; width:100%; max-width:100%; min-width:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
.table-wrap > table { width:100%; border-collapse:collapse; }
.table-wrap .table th,.table-wrap .table td { padding:12px; border-bottom:1px solid #343530; text-align:left; font-size:12px; vertical-align:middle; }
.table-wrap .table th { font-size:11px; color:#c2b487; font-weight:750; }
.table-wrap .table td:last-child .btn { white-space:normal; min-height:38px; }

/* Modal respeita a tela e a área segura do smartphone. */
.modal-backdrop { overflow-y:auto; overscroll-behavior:contain; padding:clamp(10px,3vw,20px); }
.modal { max-width:100%; max-height:calc(100dvh - 20px); overscroll-behavior:contain; }
.modal-head h2 { overflow-wrap:break-word; min-width:0; }
.modal-body .form-grid > * { min-width:0; }

@media(max-width:940px) {
  .topbar { gap:12px; }
  .topbar-left { min-width:0; flex:1 1 auto; }
  .topbar-actions { min-width:0; gap:8px; }
  .breadcrumb { gap:7px; min-width:0; flex-wrap:wrap; }
  .breadcrumb > * { min-width:0; overflow-wrap:break-word; }
}
@media(max-width:720px) {
  /* Duas faixas no cabeçalho: a marca e os controles não se atropelam. */
  .topbar { height:auto; min-height:101px; display:grid; grid-template-columns:minmax(0,1fr); align-content:center; gap:9px; padding:10px 14px; }
  .topbar-left { display:flex; width:100%; min-height:34px; min-width:0; align-items:center; gap:10px; }
  .topbar .mobile-menu { flex:0 0 34px; width:34px; height:34px; margin:0; display:grid; place-items:center; }
  .topbar .location { flex:1; min-width:0; }
  .topbar .eyebrow { display:block; font-size:9px; letter-spacing:.08em; }
  .topbar .breadcrumb { margin-top:3px; font-size:12px; line-height:1.3; gap:6px; }
  .topbar .breadcrumb span:first-child { max-width:45%; overflow-wrap:normal; }
  .topbar .breadcrumb strong { flex:1; min-width:0; }
  .topbar-actions { display:flex; align-items:center; justify-content:flex-start; gap:8px; flex-wrap:wrap; width:100%; }
  .topbar-actions .demo-tag { font-size:10px; min-height:33px; padding:7px 10px; white-space:normal; max-width:100%; }
  .topbar-actions .sound-toggle { font-size:11px; min-height:33px; padding:7px 10px; white-space:normal; }
  .topbar-actions .circle-action { flex:0 0 34px; width:34px; height:34px; }
  .top-avatar,.current-date { display:none; }
  main { padding:16px 12px 24px; }
  .panel-head { flex-wrap:wrap; align-items:flex-start; gap:9px; }
  .panel-head > .btn,.panel-head > .action-link { flex:0 0 auto; }
  .page-heading { align-items:stretch; }
  .heading-actions { width:100%; }
  .heading-actions > .btn { flex:1 1 125px; }
  .form-foot { flex-wrap:wrap; gap:8px; }
  .form-foot .btn { flex:1 1 135px; }
  .toolbar { gap:8px; }
  .toolbar > .search-field { flex:1 1 100%; }
  .toolbar > .btn { flex:1 1 120px; }
  .table-wrap > .data-table, .table-wrap > .table { min-width:530px; }
  .table-wrap .table th,.table-wrap .table td { padding:11px 9px; }
  .delivery-card header { flex-wrap:wrap; }
  .delivery-card .d-footer { align-items:flex-start; }
  .order-actions .btn { flex:1 1 145px; min-height:42px; }
  .modal-body,.modal-head { padding:15px; }
  .modal-head { gap:12px; }
  .modal-head h2 { font-size:18px; line-height:1.3; }
  .modal .field input,.modal .field select,.modal .field textarea,
  .search-field input { font-size:16px; }
  .quick-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quick-tile { min-width:0; padding:14px; overflow-wrap:break-word; }
}
@media(max-width:560px) {
  .config-action-grid { grid-template-columns:minmax(0,1fr); gap:9px; }
  .config-action-grid > .btn { min-height:47px; font-size:13px; justify-content:center; }
  .panel-body { padding:0 14px 16px; }
  .panel-head { padding:16px 14px; }
  .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .stat-card { padding:14px 10px; }
  .stat-value { font-size:clamp(15px,5vw,20px); }
  .metric-line { gap:8px; align-items:flex-start; font-size:12px; }
  .metric-line > span,.metric-line > b { flex-basis:50%; }
  .metric-line > b { font-size:12px; }
  .stock-row { flex-wrap:wrap; }
  .stock-info { flex:1 1 150px; }
  .stock-row > .pill { margin-left:48px; }
  .grid-values { grid-template-columns:minmax(0,1fr); }
  .zone-topbar { align-items:stretch; }
  .zone-topbar > .btn { flex:1 1 auto; }
  .section-row { align-items:stretch; }
  .section-row > .btn { width:100%; }
  .finance-date-controls label { flex-wrap:wrap; }
  .finance-date-controls input[type=date] { max-width:100%; min-width:0; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .order-list-actions { min-width:135px; }
  .order-list-actions .btn { flex:1 1 100%; min-height:38px; }
  .form-foot .btn { flex:1 1 100%; }
}
@media(max-width:390px) {
  .topbar { padding:10px; }
  .breadcrumb { font-size:11px; }
  .topbar-actions { gap:6px; }
  .topbar-actions .demo-tag { font-size:9px; padding:7px 8px; }
  .topbar-actions .sound-toggle { font-size:10px; padding:7px 8px; }
  /* Preserve text on narrow screens; do not hide the sound button label. */
  .sound-toggle { font-size:10px !important; }
  .quick-tile { padding:11px; }
  .metric-line { display:grid; grid-template-columns:minmax(0,1fr); gap:3px; padding:10px 0; }
  .metric-line > span,.metric-line > b { text-align:left; width:100%; font-size:12px; }
  .metric-line > b { font-size:13px; }
  .zone-line { grid-template-columns:minmax(0,1fr) 94px 35px; }
  .zone-line .field input { font-size:13px; }
  .site-footer { font-size:10px; line-height:1.5; }
}

/* No mobile estreito, o estado da conexão continua legível no cabeçalho. */
@media(max-width:380px){.topbar-actions .demo-tag{display:flex;}}