@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--red:#5F00BA;--deep:#49008F;--yellow:#F4FC00;--ink:#1F1F29;--muted:#686868;--line:#e3e3e3;--bg:#F7F7FA}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5F00BA;outline-offset:3px}input,select,textarea{width:100%;min-width:0;border:1px solid #ccc;border-radius:9px;background:white;padding:11px 12px;color:var(--ink)}textarea{resize:vertical;min-height:70px}h1,h2,h3,p{margin:0}h1,h2,h3,.logo{font-family:Manrope,system-ui,sans-serif}h1{font-size:28px;letter-spacing:-1px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:15px}.prototype{background:#49008F;color:white;text-align:center;font-size:11px;padding:9px 14px;line-height:1.5;font-weight:600}.app-shell{display:flex;min-height:calc(100vh - 34px)}.sidebar{background:#252525;width:242px;flex:none;padding:34px 20px;color:white;display:flex;flex-direction:column}.logo{font-size:31px;font-weight:800;letter-spacing:-1.5px;padding:0 12px}.logo>span{color:var(--yellow)}.logo small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2px;margin-top:5px;color:#c9c9c9}.shop-label{font-size:9px;letter-spacing:1.8px;color:#aaa;font-weight:700;margin:40px 12px 9px}.sidebar select{background:#343434;color:white;border-color:#555;font-size:12px;margin-bottom:25px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#ccc;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 12px;border-radius:9px;font-size:12px;font-weight:700}.sidebar nav button.active{background:var(--yellow);color:#252525}.sidebar nav button:hover:not(.active){background:#393939}.sidebar nav button span{font-size:19px;width:20px}.sidebar nav b{margin-left:auto;font-size:10px;border:1px solid #777;padding:2px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:55px 12px 0}.sidebar-bottom p{font-size:11px;line-height:1.8;color:#aaa;margin:14px 0 24px}.sidebar-bottom a{font-size:11px;font-weight:700}.pilot-label{font-size:9px;letter-spacing:1px;font-weight:700;color:var(--yellow)}.pilot-label i{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-right:6px}.workspace{padding:33px 36px 0;min-width:0;flex:1;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#888;display:block;margin-bottom:7px}.top-actions{display:flex;gap:18px;align-items:center}.local-badge{font-size:10px;color:#777}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #d4d4d4;background:white;color:#333;border-radius:9px;padding:11px 15px;font-weight:700;font-size:12px;white-space:nowrap}.btn.primary{background:var(--yellow);border-color:var(--yellow)}.btn.dark{background:#292929;color:white;border-color:#292929}.btn.danger{color:var(--red)}.btn.small{font-size:11px;padding:7px 10px}.btn.full{width:100%}.btn:hover{filter:brightness(.97)}.welcome{background:var(--red);color:white;border-radius:16px;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:27px 30px;margin-bottom:23px;overflow:hidden}.welcome h2{font-size:25px;margin:7px 0 9px}.welcome p{color:#F2E8FF;font-size:12px;line-height:1.8;max-width:540px}.welcome .eyebrow{color:#F4FC00}.welcome .seal{font-family:Manrope;font-weight:800;font-size:55px;letter-spacing:-4px;color:#F4FC00;transform:rotate(-10deg);padding:0 20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 24px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#777}.metric strong{display:block;font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:-1px;margin:13px 0 6px}.metric small{color:#888;font-size:10px}.metric-icon{background:#f3f3f3;border-radius:6px;padding:5px 8px;color:#888}.grid-two{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;margin-bottom:20px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-head p{font-size:11px;color:#888;margin-top:5px}.text-link{border:0;background:none;color:var(--red);font-size:11px;font-weight:700;padding:5px 0}.channels{display:grid;gap:20px}.channel-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:9px}.channel-label small{font-size:10px;color:#888}.bar{height:7px;background:#f0f0f0;border-radius:5px;overflow:hidden}.bar>span{display:block;height:100%;background:#5F00BA;border-radius:5px}.channel:nth-child(2) .bar>span{background:#555}.channel:nth-child(3) .bar>span{background:#aaa}.channel:nth-child(4) .bar>span{background:#F4FC00}.subtle{color:#777;font-size:11px;line-height:1.7}.notice{padding:13px 15px;background:#f3f3f3;border:1px solid #e5e5e5;border-radius:9px;color:#666;font-size:11px;line-height:1.7;margin:14px 0}.notice.yellow{background:#fff9df;border-color:#f3e6a0;color:#6f5c18}.empty{text-align:center;padding:28px 15px;color:#888}.empty .empty-icon{font-size:32px;color:#aaa;margin-bottom:12px}.empty h3{color:#444;margin-bottom:9px}.empty p{font-size:12px;line-height:1.7;margin-bottom:18px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar label{max-width:210px}.toolbar input,.toolbar select{font-size:12px}.toolbar .push{margin-left:auto}.pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.pill{border:1px solid #ddd;background:white;color:#777;padding:9px 13px;border-radius:8px;font-size:11px;font-weight:700}.pill.active{background:#292929;color:white;border-color:#292929}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#999;font-weight:600;font-size:10px;white-space:nowrap}td,th{padding:14px 10px;border-bottom:1px solid #eee}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}td b{font-weight:700}td small{display:block;font-size:10px;color:#999;margin-top:4px}.tag{display:inline-block;background:#efefef;color:#5c5c5c;font-size:9px;font-weight:700;border-radius:5px;padding:5px 7px;white-space:nowrap}.tag.red{background:#fff0ed;color:#a32a20}.tag.yellow{background:#fff6ce;color:#7c6412}.tag.dark{background:#333;color:white}.tag.green{background:#e7f3e7;color:#366336}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pos-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:20px;align-items:start}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{border:1px solid #e3e3e3;border-radius:11px;overflow:hidden;background:white;text-align:left;padding:0;display:flex;align-items:center;gap:12px}.product img{width:77px;height:90px;object-fit:cover;flex:none}.product>div{padding:10px 10px 10px 0;min-width:0}.product b{font-size:12px;line-height:1.4;display:block}.product small{display:block;color:var(--red);font-weight:800;margin-top:9px;font-size:12px}.product:hover{border-color:#5F00BA}.basket{position:sticky;top:20px}.field{display:block;font-size:11px;font-weight:700;margin-bottom:14px}.field input,.field select,.field textarea{margin-top:6px;font-size:12px;font-weight:400}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.basket-item{padding:13px 0;border-bottom:1px solid #eee}.basket-item>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.basket-item b{font-size:12px}.basket-item small{display:block;color:#888;font-size:10px;margin-top:5px}.stepper{display:flex;align-items:center;border:1px solid #ddd;border-radius:7px;overflow:hidden}.stepper button{border:0;background:#f4f4f4;padding:6px 10px}.stepper span{padding:0 9px;font-size:11px}.basket-item .item-footer{margin-top:11px}.remove{border:0;background:none;color:#a33;font-size:10px}.summary{display:grid;gap:11px;font-size:12px;margin:18px 0}.summary>div{display:flex;justify-content:space-between;gap:12px;color:#777}.summary>div.total{font-size:19px;font-weight:800;border-top:1px solid #ddd;padding-top:15px;color:#222}.state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.state-box{border:1px solid #ddd;padding:16px;border-radius:10px;text-align:center}.state-box b{display:block;font-size:24px;margin-bottom:4px}.state-box span{font-size:10px;color:#777}.activity{display:grid;gap:16px}.activity-item{display:flex;gap:12px;font-size:11px;line-height:1.7}.activity-item>span{color:#5F00BA;font-size:18px}.activity-item small{display:block;color:#999;font-size:10px}.bill-total{font-family:Manrope;font-size:37px;font-weight:800;letter-spacing:-1.5px;margin:10px 0}.bill-origin{display:inline-block;background:#fff1e7;color:#a15a2b;font-size:10px;padding:6px 9px;border-radius:6px}.step-note{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;font-size:12px;line-height:1.7}.step-note>span{background:#eee;border-radius:7px;padding:2px 9px;font-weight:800}.check{display:flex;align-items:center;gap:8px;font-size:12px;margin:15px 0}.check input{width:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .card{height:fit-content}dialog{border:0;padding:0;border-radius:15px;width:min(620px,calc(100% - 30px));max-height:90vh;color:#252525;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#0008}.dialog-head{padding:18px 24px;background:#f1f1f1;display:flex;align-items:center;justify-content:space-between;font-size:12px}.icon-btn{background:transparent;border:0;font-size:18px;padding:5px}.dialog-head+div{padding:24px}.dialog-content h2{margin-bottom:12px}.dialog-content p{font-size:12px;color:#777;line-height:1.8}.dialog-content .btn{margin-top:15px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#252525;color:white;padding:14px 20px;font-size:12px;border-radius:10px;opacity:0;pointer-events:none;z-index:100;transition:.2s;max-width:90%;line-height:1.5}#toast.visible{opacity:1;transform:translate(-50%,0)}footer{font-size:10px;color:#999;border-top:1px solid #ddd;padding:22px 0;margin-top:15px}.amount{font-variant-numeric:tabular-nums}.origin-note{font-size:10px;color:#888;line-height:1.6;margin-bottom:15px}.top-caption{margin:-15px 0 22px;color:#888;font-size:12px}.receipt{background:#fafafa;border:1px dashed #bbb;padding:22px;margin-top:15px}.receipt p{line-height:2}.status-line{display:flex;justify-content:space-between;gap:15px;margin:15px 0}.extras label{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:12px 0;border-bottom:1px solid #eee}.extras input{width:auto;margin-right:8px}.extras .field{margin-top:15px}.payment-hint{font-size:10px;color:#777;line-height:1.6;margin:0 0 12px}
@media(min-width:1500px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){.workspace{padding:25px 22px 0}.sidebar{width:210px;padding:30px 15px}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:22px}.top-actions .local-badge{display:none}.grid-two{grid-template-columns:1fr}.products{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;padding:17px 16px 12px}.logo{font-size:26px;padding:0}.logo small{display:none}.shop-label{display:none}.sidebar select{width:180px;margin:0;float:right;margin-top:-35px;font-size:11px;padding:8px}.sidebar nav{display:flex;overflow:auto;gap:6px;margin-top:18px}.sidebar nav button{white-space:nowrap;font-size:10px;padding:9px 11px;gap:6px}.sidebar nav button span{font-size:14px;width:auto}.sidebar nav b{display:none}.sidebar-bottom{display:none}.workspace{padding:22px 16px 0}.topbar{gap:8px;margin-bottom:23px}h1{font-size:22px}.eyebrow{font-size:8px}.top-actions .btn{font-size:10px;padding:10px}.welcome{padding:22px}.welcome h2{font-size:22px}.welcome .seal{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:25px}.grid-two,.pos-layout{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product img{width:60px;height:95px}.product b{font-size:11px}.basket{position:static}.card{padding:18px}.toolbar .push{margin-left:0}.state-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{gap:0}.prototype{font-size:9px}.bill-total{font-size:32px}}@media(max-width:390px){.products{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.sidebar select{width:155px}.logo{font-size:23px}.top-actions .btn{padding:9px 8px;font-size:9px}}
@media print{.prototype,.sidebar,.topbar,.toolbar,.pills,footer,.row-actions,.btn,#toast{display:none!important}.app-shell{display:block}.workspace{padding:0}.card{break-inside:avoid}.grid-two{display:block}body{background:white}}

/* Paleta DeliveryNH: identidade roxa, ações em amarelo esverdeado. */
:root{--red:#5F00BA;--deep:#49008F;--yellow:#F4FC00;--ink:#1F1F29;--muted:#635E6C;--bg:#F7F7FA;--line:#E6E2EC;--danger:#B42318}
.prototype{background:#F2E8FF;color:var(--deep)}.sidebar{background:var(--deep)}.logo small,.shop-label,.sidebar-bottom p{color:#E3CDFB}.sidebar select{background:#51009E;border-color:#B878F7}.sidebar nav button{color:white}.sidebar nav button.active{color:var(--ink)}.sidebar nav button:hover:not(.active){background:#5F00BA}.sidebar nav b{border-color:#C797F7}.sidebar nav button.active b{border-color:#635E6C}
.welcome{background:var(--red)}.welcome p{color:white}.welcome .eyebrow,.welcome .seal{color:var(--yellow)}.btn.primary{color:var(--ink)}.btn.dark{background:var(--deep);border-color:var(--deep)}.btn.danger,.remove{color:var(--danger)}.product:hover{border-color:var(--red)}.pill.active{background:var(--red);border-color:var(--red)}
.notice.yellow{background:#FDFFE0;border-color:#D5DC63;color:#51551A}.tag.red{background:#F2E8FF;color:var(--deep)}.tag.yellow{background:#FDFFE0;color:#51551A}.tag.dark{background:var(--deep)}.bill-origin{background:#F2E8FF;color:var(--deep)}.check input,.extras input{accent-color:var(--red)}.dialog-head{background:#F2E8FF}.metric-icon{color:var(--deep);background:#F2E8FF}.channel:nth-child(2) .bar>span{background:var(--deep)}.channel:nth-child(3) .bar>span{background:#A64CFF}
.eyebrow,.local-badge,.metric-label,.metric small,.metric-icon,.card-head p,.channel-label small,.subtle,.notice,.empty,.toolbar,.pill,th,td small,.basket-item small,.summary>div,.state-box span,.activity-item small,footer,.origin-note,.top-caption,.payment-hint,.dialog-content p{color:var(--muted)}
.welcome .eyebrow{color:var(--yellow)}.notice.yellow{color:#51551A}.pill.active{color:white}.summary>div.total{color:var(--ink)}.empty h3{color:var(--ink)}