:root{--navy:#12232e;--deep:#0a1822;--cyan:#08b9d0;--cyan-dark:#007f94;--ink:#20353f;--muted:#71808a;--line:#e3e9ed;--paper:#f4f7f9;--green:#158061;--red:#bd3e4b}*{box-sizing:border-box}body{margin:0;font:14px/1.55 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--cyan-dark);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h2{font-size:26px}button{border:0;border-radius:8px;padding:10px 15px;background:white;color:var(--ink);font-weight:600}label{display:block;font-size:12px;font-weight:600;margin:17px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #ccd7dd;border-radius:8px;color:var(--ink);background:white;margin-top:6px}input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:1px}textarea{resize:vertical;min-height:90px}.primary{background:var(--cyan);color:#05232a}.primary:hover{background:#25cee1}.secondary{border:1px solid var(--line)}.danger{background:#fff0f1;color:var(--red)}.full{width:100%}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--cyan-dark)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:radial-gradient(ellipse at 0 100%,#074c5c 0,transparent 65%),var(--navy);color:white;padding:70px clamp(30px,6vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative}.login-story img{width:min(300px,100%);height:auto;margin-bottom:80px}.login-story .eyebrow{color:var(--cyan);margin-bottom:22px}.login-story h1{font-size:clamp(38px,4vw,60px);line-height:1.05}.login-story h1 em{color:var(--cyan);font-style:normal}.login-story p{color:#a9bfca;margin:25px 0;line-height:1.8}.login-story small{color:#8ca4af;margin-top:80px}.login-chips{display:flex;gap:10px;flex-wrap:wrap}.login-chips span{border:1px solid #37515f;border-radius:100px;padding:7px 15px;font-size:12px}.login-form{display:grid;place-items:center;padding:40px;background:white}.login-form>div{width:min(390px,100%)}.login-form h2{margin:14px 0}.login-form p{color:var(--muted)}.login-form form{margin-top:30px}.password-field{display:flex;align-items:center;border:1px solid #ccd7dd;border-radius:8px;margin-top:6px}.password-field input{margin:0;border:0;min-width:0}.password-field button{font-size:11px;color:var(--cyan-dark)}.owner-login,.back-link{display:block;font-size:12px;text-align:center;margin-top:22px}.back-link{color:var(--muted)}.error{color:var(--red)!important;margin:12px 0;font-size:12px;min-height:16px}.app{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:var(--navy);color:#d9e5eb;padding:30px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand img{width:198px;max-width:100%;height:auto;display:block;margin:0 auto 32px}.store{padding:15px 10px 25px;display:flex;gap:12px;border-bottom:1px solid #2a414e;margin-bottom:25px}.store small{display:block;font-size:10px;color:#8ba6b5}.store strong{font-size:13px}.store-avatar{width:35px;height:35px;border-radius:10px;background:#274651;color:var(--cyan);display:grid;place-items:center;font-weight:700}.sidebar nav{display:grid;gap:7px}.sidebar nav button{background:transparent;color:#9db4c0;text-align:left;display:flex;align-items:center;gap:12px;padding:12px}.sidebar nav button.active{background:#1c404f;color:#38d3e6;box-shadow:inset 3px 0 var(--cyan)}.sidebar nav b{margin-left:auto;background:var(--cyan);color:var(--deep);padding:1px 7px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto;display:grid;gap:13px;padding:25px 10px 0;font-size:12px}.sidebar-bottom a{color:#78cbd6}.sidebar-bottom button{padding:0;background:transparent;color:#9db4c0;text-align:left;font-size:12px}.sidebar-bottom small{color:#78909d;font-size:9px}.workspace{margin-left:245px;width:calc(100% - 245px)}header{background:#fff;border-bottom:1px solid var(--line);padding:28px 38px;display:flex;justify-content:space-between;gap:20px;align-items:center}header h1{font-size:27px;margin-top:8px}.header-actions{display:flex;gap:18px;align-items:center}.live-dot{color:var(--green);font-size:11px;white-space:nowrap}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#1fa77f;margin-right:7px}main{padding:30px 38px;max-width:1800px;margin:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.metric{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.metric small{color:var(--muted);font-size:11px}.metric b{display:block;font-size:30px;line-height:1.3;margin:10px 0 4px;letter-spacing:-.04em}.metric span{font-size:10px;color:var(--muted)}.metric.accent{background:var(--navy);color:white;border-color:var(--navy)}.metric.accent small,.metric.accent span{color:#98bdcc}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel h3{font-size:18px}.panel p{color:var(--muted);font-size:12px;margin-top:8px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.toolbar input{margin:0;flex:1;min-width:180px}.toolbar select{margin:0;width:auto;max-width:100%}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;background:#f8fafb;padding:12px}td{padding:15px 12px;border-bottom:1px solid #edf1f3;vertical-align:middle}tbody tr:last-child td{border:0}td small{display:block;color:var(--muted);font-size:10px}td strong{font-size:12px}.badge{font-size:10px;display:inline-block;padding:4px 9px;border-radius:5px;white-space:nowrap;background:#edf1f4;color:#506c7b}.badge.Novo{background:#e1f7fb;color:#007b8e}.badge.Confirmado,.badge.Concluído,.badge.active{background:#e6f6ee;color:#1c7958}.badge.Cancelado,.badge.paused{background:#fdecef;color:#a13347}.badge.warning{background:#fff4da;color:#996900}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty h3{margin-bottom:10px;color:var(--ink)}.notice{padding:13px 18px;background:#e1f7fb;border:1px solid #b6e7ed;border-radius:8px;margin-bottom:18px;font-size:12px}.product-cell{display:flex;gap:12px;align-items:center;min-width:220px}.product-cell img{width:48px;height:48px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}.product-cell div{max-width:300px}.text-btn{padding:6px;color:var(--cyan-dark);background:transparent;font-size:11px}.stock-note{font-size:11px;color:var(--muted);margin-bottom:20px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.variant-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}.variant-row label{margin:0;font-size:10px}.variant-row span{font-size:12px;padding-bottom:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.details-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.details-list dt{font-size:10px;color:var(--muted)}.details-list dd{margin:3px 0 0;font-size:13px;overflow-wrap:anywhere}.order-message{white-space:pre-wrap;font:12px/1.7 Arial;background:#f5f8fa;padding:20px;border-radius:8px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:22px}.modal-header button{font-size:24px;background:#f5f7f8;padding:2px 12px}dialog{border:0;border-radius:16px;padding:30px;width:min(760px,94vw);max-height:90dvh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#071923a8;backdrop-filter:blur(3px)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;padding:13px 23px;border-radius:9px;opacity:0;transition:.2s;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.bar-row{display:grid;grid-template-columns:120px 1fr 40px;gap:12px;align-items:center;font-size:11px;margin:16px 0}.bar{height:8px;background:#e7eff3;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--cyan);border-radius:8px}.report-note{font-size:11px;color:var(--muted);margin-top:12px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}.workspace{margin-left:210px;width:calc(100% - 210px)}header,main{padding:25px}.two-columns{grid-template-columns:1fr}}@media(max-width:720px){.login-screen{grid-template-columns:1fr}.login-story{padding:25px}.login-story img{width:200px;margin:0 0 25px}.login-story h1{font-size:30px}.login-story p,.login-story small,.login-chips{display:none}.login-form{padding:35px 25px}.app{display:block}.sidebar{position:static;width:100%;padding:15px;gap:12px}.brand img{width:190px;margin:0}.store,.sidebar-bottom small{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar nav button{font-size:11px;white-space:nowrap;flex-shrink:0;padding:9px}.sidebar-bottom{display:flex;padding:0;margin:0;justify-content:space-between}.workspace{margin:0;width:100%}header{padding:22px 18px}header h1{font-size:23px}.header-actions{gap:5px}.live-dot{display:none}main{padding:20px 14px}.metrics{gap:10px}.metric{padding:16px}.metric b{font-size:25px}.panel{padding:17px}.panel-heading{align-items:flex-start}.row,.details-list{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr 1fr}.variant-row>span{grid-column:1/-1;padding:0}.variant-row label{min-width:0}.toolbar select{width:100%}dialog{padding:22px}.eyebrow{font-size:9px}.bar-row{grid-template-columns:90px 1fr 30px}}@media print{body{background:white}.sidebar,header,.modal-actions,.modal-header button,#app,#login,.toast{display:none!important}dialog[open]{position:static;display:block;width:100%;max-width:none;max-height:none;padding:0;border:0;overflow:visible}dialog::backdrop{background:white}}

.live-dot.disconnected{color:#996900}.live-dot.disconnected:before{background:#d5a62b}.notice .text-btn{margin-left:10px}@media(max-width:720px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.live-dot{display:inline-block;max-width:140px;font-size:9px}}

.order-group{display:grid;gap:4px}.order-label{display:flex;align-items:center;gap:12px;padding:12px;color:#d9e5eb;font-weight:600}.order-label b{margin-left:auto;background:#284551;color:#b9eaf0;border-radius:5px;padding:1px 7px;font-size:10px}.sidebar nav .order-group button{padding:9px 12px 9px 38px;font-size:12px}.order-group button b{margin-left:auto}@media(max-width:720px){.order-group{display:flex;align-items:center;flex-shrink:0;gap:4px}.order-label{font-size:11px;padding:9px;gap:6px}.sidebar nav .order-group button{padding:9px;font-size:11px}.order-group button{gap:6px}}

.order-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quick-status{font-size:11px;padding:8px 12px;white-space:nowrap;color:var(--cyan-dark);border-color:#b9dfe5}.quick-status:hover:not(:disabled){background:#e5f8fb}.quick-status:disabled{cursor:default;color:var(--muted)}

/* One consistent visual identity per order status. */
.badge.Novo,select[data-status="Novo"],option.Novo{background:#e3f5ff;color:#075580;border-color:#a3d7f5}
.badge.Confirmado,select[data-status="Confirmado"],option.Confirmado{background:#e9edff;color:#303d94;border-color:#bbc6fb}
.badge.Em-separação,select[data-status="Em separação"],option.Em-separação{background:#fff1d6;color:#824500;border-color:#edc677}
.badge.Saiu-para-entrega,select[data-status="Saiu para entrega"],option.Saiu-para-entrega{background:#f2e6ff;color:#6c2c91;border-color:#d9b5f2}
.badge.Pronto-para-retirada,select[data-status="Pronto para retirada"],option.Pronto-para-retirada{background:#def8f3;color:#006557;border-color:#95ddcf}
.badge.Concluído,select[data-status="Concluído"],option.Concluído{background:#e6f5df;color:#30621d;border-color:#b7dba4}
.badge.Cancelado,select[data-status="Cancelado"],option.Cancelado{background:#ffe5e8;color:#a12638;border-color:#f1adb8}
.badge.Novo,.badge.Confirmado,.badge.Em-separação,.badge.Saiu-para-entrega,.badge.Pronto-para-retirada,.badge.Concluído,.badge.Cancelado{font-weight:700;border:1px solid;padding:5px 10px}.badge.Novo:before,.badge.Confirmado:before,.badge.Em-separação:before,.badge.Saiu-para-entrega:before,.badge.Pronto-para-retirada:before,.badge.Concluído:before,.badge.Cancelado:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}select[data-status]{font-weight:600;border-width:1px}

.delivery-area{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr auto;align-items:end;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.delivery-area label{margin:0}.delivery-area button{margin-bottom:1px}.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}@media(max-width:1000px){.delivery-area{grid-template-columns:1fr 1fr}.delivery-area button{justify-self:end}}

.delivery-area{grid-template-columns:1.3fr 1fr 1fr .7fr 70px auto}@media(max-width:1000px){.delivery-area{grid-template-columns:1fr 1fr}}
.printing-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.paper-options{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:25px;margin:20px 0}.paper-options legend{font-size:12px;font-weight:600}.paper-options label{display:flex;align-items:center;gap:9px;margin:0}.paper-options input{width:auto;margin:0}#printing-form input[type=range]{padding:0;margin:18px 0 30px;accent-color:var(--cyan)}#printing-form output{color:var(--cyan-dark);font-weight:700}.receipt-preview-wrap{background:#eaf0f3;border:1px solid var(--line);border-radius:12px;padding:25px;overflow:auto}.receipt-preview-wrap>.eyebrow{display:block;text-align:center;margin-bottom:20px}#receipt-preview>.receipt-paper{box-shadow:0 5px 18px #16374518}@media(max-width:1000px){.printing-grid{grid-template-columns:1fr}.receipt-preview-wrap{max-width:100%}}
/* New orders: reading a receipt and silencing its channel are separate actions. */
.unread-order td{background:#edfcff}.unread-order td:first-child{box-shadow:inset 4px 0 #08b9d0}.unread-label{display:block;width:max-content;font-size:11px;font-weight:800;letter-spacing:.02em;color:#075b69;background:#c9f3f9;border-radius:20px;padding:4px 9px;margin-bottom:7px}.sidebar nav button.has-order-alert{box-shadow:inset 3px 0 #08b9d0;background:rgba(8,185,208,.18)}.sidebar nav button.has-order-alert span:after{content:' ●';color:#3ee1ef}.header-actions{flex-wrap:wrap}#sound-toggle{white-space:normal}
.store-logo-preview{width:180px;height:160px;object-fit:contain;display:block;margin:12px 0}.schedule-day{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}.schedule-day legend{font-weight:800}.schedule-interval{display:grid;grid-template-columns:minmax(100px,1fr) repeat(2,minmax(0,1fr));gap:12px;align-items:center;margin-top:12px}.schedule-interval input{width:100%;min-width:0}.schedule-interval span{font-size:12px;color:var(--muted)}@media(max-width:500px){.schedule-interval{grid-template-columns:1fr 1fr}.schedule-interval span{grid-column:1/-1}}
.edit-order-line{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.edit-order-line small{display:block;color:var(--muted);margin-top:5px}.edit-order-line input{width:100%;min-width:0}.edit-address{padding:12px 0}.edit-address summary{font-weight:700;cursor:pointer;margin-bottom:14px}@media(max-width:500px){.edit-order-line{grid-template-columns:minmax(0,1fr) 65px}.edit-order-line>button{grid-column:1/-1;justify-self:start}}
.access-user{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.access-user strong{overflow-wrap:anywhere}.access-user small{color:var(--muted)}
.report-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;align-items:end}.report-filter-grid label{margin:0}.report-filter-grid button{min-height:45px}.report-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.report-shortcuts button{font-size:12px;padding:7px 12px}.report-reconciliation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.report-reconciliation small{display:block;color:var(--muted)}.report-reconciliation b{font-size:20px}.report-disclaimer{color:var(--muted);font-size:12px;margin:0 0 22px;line-height:1.6}.sales-line-chart{display:block;width:100%;height:auto;max-height:330px;overflow:visible}.sales-line-chart text{font-size:11px;fill:#576d79}.sales-bars{display:grid;gap:19px;margin-top:25px}.sales-bar>div:first-child{display:flex;justify-content:space-between;gap:15px}.sales-bar strong{font-size:12px;overflow-wrap:anywhere}.sales-bar span{white-space:nowrap;font-size:12px;font-weight:700}.sales-bar small{color:var(--muted);font-size:11px}.sales-bar-track{height:9px;background:#edf2f5;border-radius:20px;margin:7px 0 2px;overflow:hidden}.sales-bar-track i{display:block;height:100%;border-radius:20px}.sales-donut-layout{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:28px}.sales-donut{width:170px;height:170px;flex:0 0 170px;border-radius:50%;display:grid;place-items:center}.sales-donut>span{width:116px;height:116px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.sales-donut b{font-size:28px;color:var(--ink)}.sales-legend{list-style:none;padding:0;margin:0;display:grid;gap:9px;min-width:150px}.sales-legend li{display:flex;gap:9px;align-items:center;font-size:12px}.sales-legend i{width:9px;height:9px;border-radius:3px}.sales-legend b{margin-left:auto}.report-daily-table{max-height:440px;overflow:auto}.report-daily-table thead{position:sticky;top:0;background:white}.report-filter-panel .panel-heading{flex-wrap:wrap;gap:15px}@media(max-width:900px){.report-reconciliation{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.report-filter-grid{grid-template-columns:1fr 1fr}.report-filter-grid label:last-of-type,.report-filter-grid>button{grid-column:1/-1}.report-reconciliation b{font-size:16px}.sales-line-chart{min-height:170px}.report-metrics .metric b{font-size:25px}}
.store-operation{display:grid;gap:5px;margin:0 0 20px}.store-operation>button:first-child{width:100%;border-radius:7px;padding:11px 10px;font-weight:800}.store-operation small{color:#b4c9d4;text-align:center;font-size:10px}.store-operation #store-status-auto{background:transparent;color:#72d8e6;font-size:10px;padding:4px}@media(max-width:720px){.store-operation{margin:8px 0;max-width:290px}.store-operation>button:first-child{padding:7px}}
.sound-blocked{background:#fff0df;color:#8c4900;border:1px solid #efbd78}
.store-avatar{width:50px;height:50px;min-width:50px;flex:0 0 50px;overflow:hidden;border-radius:10px}.store-avatar img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}.store>div:last-child{min-width:0}.store strong{overflow-wrap:anywhere}
@media(max-width:720px){.store{display:flex;align-items:center;padding:8px 0;margin:0;border:0}.store-avatar{width:44px;height:44px;min-width:44px;flex-basis:44px}.store-operation{margin:0 0 8px}}
.notification-event{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.notification-event legend{font-weight:800}.notification-result{padding:16px;background:#eff9f4;border:1px solid #c8e5d7;border-radius:10px;margin:20px 0}.notification-result h3{font-size:16px}.notify-whatsapp{display:inline-block;background:#168644;color:white;padding:12px 16px;border-radius:8px;font-weight:700}.notify-whatsapp:hover{background:#106b35}.notification-result .order-message{white-space:pre-wrap;margin:14px 0;max-height:180px}
.current-user-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;background:#e5f6ed;color:#145b35;font-size:12px;font-weight:700;overflow-wrap:anywhere}.current-user-status:before{content:'';width:8px;height:8px;border-radius:50%;background:#1d9a58;flex:none}.access-user small{display:block}.access-state{display:inline-block;padding:2px 7px;border-radius:20px;font-size:11px;font-weight:700}.access-active{background:#e4f7e9;color:#186638}.access-inactive{background:#f5e7e7;color:#913535}@media(max-width:720px){.current-user-status{max-width:100%;font-size:11px}}

.product-image-upload{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.product-image-upload img{width:90px;height:90px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#f6f8f9}.product-image-upload label{flex:1;min-width:220px}.product-image-upload small{display:block;color:var(--muted);font-weight:400}.variant-row .remove-variant{align-self:center}.panel-heading>div:last-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.table-count-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.table-count-form label{max-width:200px;margin:12px 0}.table-count-form button{margin:12px 0}
/* Legibilidade da lista de produtos e estoque. */
#product-table table{font-size:14px}#product-table th{font-size:11px;padding:14px 12px}#product-table td{padding:16px 12px}#product-table .product-cell img{width:58px;height:58px}#product-table .product-cell strong{font-size:15px}#product-table .product-cell small,#product-table td>small{font-size:12px}#product-table .text-btn{font-size:13px;padding:8px}#product-table .badge{font-size:12px}@media(max-width:720px){#product-table .product-cell{min-width:210px}#product-table .product-cell img{width:52px;height:52px}}