/* Visual original Guto: cabecalho carvao, menu verde, conteudo claro e ouro. */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#22251d;background:#f5f6f1;font-synthesis:none;--gold:#edce6b;--muted:#74806a;--line:#e0e5d8;--panel:#fff;--green:#20281d;--ink:#22251d}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid #dce2d2;border-radius:10px;background:#fff;color:#252a20;padding:12px 18px;font-weight:650;transition:background .16s,box-shadow .16s}button:hover{background:#f6f3e8;border-color:#cab570}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold);color:#302c17}button.primary:hover{background:#f4d779}a{color:#80651e}:focus-visible{outline:3px solid #b18b25;outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;z-index:50;background:white;padding:14px;border-radius:8px}.skip-link:focus{top:12px}
.topbar{display:flex;align-items:center;gap:20px;min-height:98px;padding:12px 30px;background:#10140f;color:#fff;border-bottom:1px solid #ffffff0e}.brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;flex-shrink:0}.brand img{width:66px;height:66px;object-fit:contain}.brand>span{font-size:47px;font-weight:900;line-height:1;letter-spacing:-2.5px}.brand-dot{color:#f5cd46}.brand small{display:block;font-size:9px;font-weight:750;color:#edd06c;letter-spacing:2px;margin-top:9px}.experience-nav{display:flex;align-self:stretch;align-items:stretch;justify-content:center;gap:35px;flex:1}.experience-nav button,.experience-nav a{display:flex;align-items:center;gap:13px;padding:0 0;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;text-decoration:none;color:#b8bdad;font-size:14px;font-weight:650;white-space:nowrap}.experience-nav button:disabled{opacity:.65}.experience-nav a.active{border-bottom-color:#e7c449;color:#f1ce66}.experience-nav small{font-size:11px;font-weight:400;color:#edce6b}.soon{font-size:8px;padding:4px 6px;border:1px solid #454a37;border-radius:5px}.environment{border:1px solid #53563d;border-radius:24px;background:#262b20;color:#e9d99d;font-size:10px;letter-spacing:1.4px;padding:12px 16px;white-space:nowrap}.topbar #logout{background:transparent;color:#e3e7da;border-color:#434a37;padding:10px 15px}
.workspace-layout{min-height:calc(100vh - 98px)}.authenticated .workspace-layout{display:grid;grid-template-columns:269px minmax(0,1fr);align-items:start}.sidebar{background:#20281d;color:#c6ccb9;padding:30px 20px 24px;position:sticky;top:0;min-height:calc(100vh - 98px);max-height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a5540 #20281d}.workspace-brand{display:flex;gap:12px;align-items:center;padding:8px 0 30px;margin-bottom:22px;border-bottom:1px solid #394230}.workspace-brand img{width:52px;height:52px;object-fit:contain}.workspace-brand strong{display:block;font-size:18px;color:white;letter-spacing:-.5px}.workspace-brand small{display:block;font-size:9px;line-height:1.8;margin-top:5px;color:#b8bc8e}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;gap:15px;align-items:center;width:100%;border:1px solid transparent;border-radius:10px;padding:16px 14px;text-align:left;background:transparent;color:#c5cdb7;font-size:13px;font-weight:450;min-height:53px}.sidebar nav button:hover{background:#303b27;color:#fff}.sidebar nav button[aria-current=page]{background:#edce6b;color:#292e1d;font-weight:750;box-shadow:0 5px 16px #0001}.nav-icon{font-size:19px;width:20px;flex-shrink:0;text-align:center;font-weight:400}.sidebar-foot{margin-top:50px;padding:20px 14px 0;display:grid;gap:8px;font-size:11px;color:#c3cba9}.sidebar-foot small{font-size:9px;color:#94a17f}.connection-status:before,.data-status:before{content:'';display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:#81a966}
main{min-width:0;max-width:1440px;margin:0 auto;padding:40px;min-height:72vh}.authenticated main{margin:0;max-width:none;width:100%;padding:40px}.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.intro h1{font-size:36px;font-weight:800;letter-spacing:-1.4px;line-height:1.15;margin:14px 0 12px}.intro p{margin:0;font-size:13px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#8f9b7e;font-weight:750;margin:0 0 12px}h1{font-size:36px;letter-spacing:-1px;margin:12px 0}h2{font-size:19px;letter-spacing:-.5px;margin:0 0 20px}h3{font-size:15px;margin:0 0 14px}p{color:var(--muted);line-height:1.7;font-size:13px;margin:10px 0 20px}.tag{display:inline-block;border:1px solid #d6dfc7;background:#f3f6ee;padding:10px 14px;color:#667d50;font-size:10px;white-space:nowrap;border-radius:10px;line-height:1.5}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-width:0}.card>form{margin-top:20px}.card>label{margin-top:18px}.card .eyebrow+h2{margin-top:0}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.stack{display:grid;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.metric>strong{display:block;font-size:32px;margin-top:12px;letter-spacing:-1px}.metric>span{font-size:12px;color:var(--muted)}.metric>small{font-size:10px;color:var(--muted)}
.analytics-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 24px;flex-wrap:wrap}.data-status{font-size:8px;letter-spacing:1.2px;color:#7a886d;line-height:1.6}.analytics-filters{display:flex;gap:10px;align-items:end}.analytics-filters label{font-size:9px;color:#7d886f;gap:5px}.analytics-filters select{padding:11px 13px;font-size:12px;background:white;min-width:150px}.analytics-filters button{white-space:nowrap;padding:11px 15px;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px 24px;min-width:0;box-shadow:0 2px 8px #27331b02}.kpi>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#7c8870}.kpi-icon{font-size:20px;color:#a9b69a}.kpi>strong{font-size:clamp(25px,2.5vw,42px);font-weight:800;letter-spacing:-1.5px;display:block;margin:25px 0 17px;line-height:1.1;overflow-wrap:anywhere}.kpi>small{font-size:9px;line-height:1.6;display:block;color:#8b987f}.kpi-featured{background:linear-gradient(130deg,#25341d,#182113);border-color:#25341d;color:#fff}.kpi-featured>div,.kpi-featured>small{color:#cad3b6}.kpi-featured .kpi-icon{color:#e5c45f}.analytics-primary{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:22px}.analytics-primary .card{min-height:370px}.chart-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 16px}.chart-summary strong{font-size:24px;letter-spacing:-.7px}.chart-summary small{color:#8c987e;font-size:9px}.revenue-chart{display:block;width:100%;height:auto;min-height:190px;margin-top:26px}.chart-grid{stroke:#dfe5d6;stroke-dasharray:5 5}.chart-axis{font-size:10px;fill:#8c987f;font-family:inherit}.chart-area{fill:#e7c45d;fill-opacity:.17}.chart-line{fill:none;stroke:#b68c20;stroke-width:3;stroke-linejoin:round}.chart-point{fill:#c79d2a;stroke:#fff;stroke-width:1}.chart-point:hover,.chart-point:focus{r:6;fill:#6c561e}.chart-empty{font-size:11px;text-align:center;margin-top:0}.channel-donut{display:block;width:220px;max-width:100%;margin:10px auto 14px}.donut-background{stroke:#eef1e7}.donut-total{fill:#22251d;font-size:31px;font-weight:800;font-family:inherit}.channel-legend{display:grid;gap:15px}.channel-row{display:grid;grid-template-columns:1fr 55px 90px;gap:8px;align-items:center;font-size:11px;color:#889779}.channel-row strong{text-align:right;color:#323b2b;font-size:11px}.channel-row small{text-align:right;font-size:10px}.channel-row>span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:#ddb64b;margin-right:10px}.channel-pickup>span:before{background:#a7b79c}.channel-delivery>span:before{background:#343d2e}.analytics-secondary{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:22px;margin-top:22px}.operation-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #edf0e7;font-size:12px;color:#81916f}.operation-row strong{font-size:25px;color:#435638}.operation-row:last-of-type{margin-bottom:24px}.metric-method{font-size:10px;line-height:1.8;border-top:1px solid var(--line);padding-top:17px;margin-top:24px;color:#7e8c6f}.loading-note{padding:40px;background:white;border:1px solid var(--line);border-radius:18px}
form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:12px;color:#5e6b50;display:grid;gap:8px}input,select{background:#fcfdf9;border:1px solid #d8dfce;border-radius:9px;padding:12px;color:#2e3527;min-width:0;width:100%}input::placeholder{color:#96a18b}input[readonly]{color:#7e8a71}input:focus,select:focus{border-color:#bda552}input[type=number]{font-variant-numeric:tabular-nums}.hint{font-size:11px;line-height:1.75;color:#7c8b6c;margin:0}.empty{padding:30px 16px;border:1px dashed #d3ddc6;border-radius:12px;text-align:center;color:#849574;font-size:12px;line-height:1.8;background:#fafbf7}.list{display:grid;gap:10px}.row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf0e7;min-width:0}.row .grow{flex:1;min-width:0;overflow-wrap:anywhere}.row strong{display:block;font-size:13px}.row small{display:block;font-size:10px;color:#8b987d;margin-top:6px;line-height:1.55}.row .value{color:#7e6a2f;font-size:12px;text-align:right;white-space:nowrap}.row button{padding:9px 12px;font-size:10px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.toolbar h2{margin:0}.receipt-line{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.receipt-line small{display:block;color:var(--muted);margin-top:6px}.divider{height:1px;background:var(--line);margin:6px 0}.warning{border:1px solid #e4d39e;background:#fff9e8;border-radius:12px;padding:17px;color:#7a6328;line-height:1.75;font-size:12px;margin-bottom:18px}
.login{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1000px;margin:45px auto}.login .art{padding:30px;text-align:center}.login .art img{width:260px;max-width:85%;object-fit:contain;filter:drop-shadow(0 12px 25px #8c762d18)}.login .art p{font-size:14px;margin-top:25px}.login .card{padding:36px}.login h2{font-size:27px}.login-card{max-width:560px;margin:30px auto}.mfa-qr{display:block;width:280px;height:280px;max-width:100%;object-fit:contain;background:#fff;padding:16px;border:1px solid var(--line);border-radius:12px;margin:24px auto}.mfa-manual{margin:20px 0}.mfa-manual summary{cursor:pointer;color:#82661e;padding:12px 0;font-size:13px}.secret{font-family:monospace;word-break:break-all;background:#f5f1df;padding:12px;border-radius:8px;color:#6c5824;user-select:all}
.kanban{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:14px;overflow-x:auto;padding:24px 0;scroll-snap-type:x proximity}.kanban-column{background:#eaeee2;border:1px solid #e0e5d8;border-top:3px solid #a5ae98;border-radius:13px;padding:14px;min-height:220px;scroll-snap-align:start}.kanban-column h3{font-size:12px;letter-spacing:0;padding:6px 2px}.kanban-column.state-new{border-top-color:#c6a33a}.kanban-column.state-preparing{border-top-color:#d09a5e}.kanban-column.state-ready{border-top-color:#86a16d}.kanban-column.state-out_for_delivery{border-top-color:#8aa7b5}.order-card{background:#fff;padding:18px;border:1px solid #dce3d2;border-radius:12px;display:grid;gap:14px;margin-top:12px;overflow-wrap:anywhere;box-shadow:0 3px 8px #24361c05}.order-card h3,.order-card p{margin:0}.order-card>strong{font-size:23px;color:#6f622f}.order-card button{text-align:left}.orders-workspace>.card{margin-top:15px}.sla-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.sla-results>.hint{grid-column:1/-1}.sla-results meter{width:100%;height:18px;accent-color:#c2a24c}.thermal-slip{background:white;color:black;width:80mm;max-width:100%;padding:4mm;font:12px monospace;margin:24px auto;overflow-wrap:anywhere}.thermal-slip.paper-58{width:58mm}.thermal-slip h2{font-size:18px;text-align:center}.thermal-slip p{color:black;white-space:pre-wrap;border-bottom:1px dashed #999;padding-bottom:10px}.print-controls{display:flex;gap:12px;flex-wrap:wrap}.print-controls p{width:100%}
#notice:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;width:min(92vw,600px);padding:17px 22px;border-radius:12px;background:#26331f;color:#f9f3df;box-shadow:0 8px 45px #0003;font-size:13px;line-height:1.7}footer{display:flex;gap:20px;justify-content:space-between;padding:23px 40px;border-top:1px solid var(--line);color:#849275;font-size:10px;background:#f5f6f1}.authenticated footer{margin-left:269px}
@media(min-width:1800px){.topbar{padding:12px 40px}.analytics-primary .card{min-height:410px}}
@media(max-width:1250px){.experience-nav{gap:18px}.experience-nav button,.experience-nav a{font-size:12px}.soon{display:none}.environment{font-size:9px;padding:10px}.brand>span{font-size:39px}.brand img{width:54px;height:54px}.authenticated .workspace-layout{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding:25px 14px}.workspace-brand strong{font-size:16px}.workspace-brand small{font-size:8px}.sidebar nav button{font-size:12px;padding:13px 12px}.authenticated main{padding:30px 24px}.authenticated footer{margin-left:225px}.kpi{padding:20px 16px}.kpi>strong{font-size:30px}.kpi>div{font-size:11px}.analytics-primary,.analytics-secondary{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.card{padding:22px}.split{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}}
@media(max-width:980px){.experience-nav button{display:none}.experience-nav{flex:1;justify-content:flex-end}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-primary,.analytics-secondary,.split{grid-template-columns:1fr}.intro{gap:15px}.intro h1{font-size:30px}.analytics-filters select{min-width:0}.chart-summary{margin-top:22px}.analytics-primary .card{min-height:0}.sidebar nav button{padding:13px 10px}.workspace-brand{gap:8px}.workspace-brand img{width:42px;height:42px}.grid{gap:12px}.metric{padding:18px 14px}.metric>strong{font-size:27px}}
@media(max-width:720px){.topbar{min-height:82px;padding:12px 16px;gap:10px;flex-wrap:wrap}.brand img{width:48px;height:48px}.brand>span{font-size:35px}.brand small{font-size:7px;letter-spacing:1.4px}.experience-nav{display:none}.environment{margin-left:auto;font-size:8px;padding:8px 10px;letter-spacing:.6px}.topbar #logout{font-size:12px;padding:9px 12px}.workspace-layout{min-height:calc(100vh - 82px)}.authenticated .workspace-layout{display:block}.sidebar{position:static;min-height:0;max-height:none;padding:10px 12px;overflow:visible}.workspace-brand,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:7px;overflow-x:auto;padding:3px 0 8px;scrollbar-width:thin;scroll-snap-type:x proximity}.sidebar nav button{width:auto;flex-shrink:0;min-height:42px;white-space:nowrap;font-size:11px;padding:10px 12px;scroll-snap-align:start}.nav-icon{font-size:15px;width:15px}.authenticated main,main{padding:25px 16px 35px}.intro{display:block;margin-bottom:20px}.intro h1{font-size:29px;margin-top:12px}.intro p{font-size:12px}.intro>.tag{margin-top:15px;padding:7px 10px;font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.7px}.analytics-toolbar{gap:16px;margin-top:20px}.analytics-filters{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-filters>button{grid-column:1/-1;padding:10px}.analytics-filters select{font-size:11px;padding:11px 8px}.data-status{font-size:8px;letter-spacing:.8px}.kpi-grid{gap:10px;margin-bottom:16px}.kpi{padding:18px 14px;border-radius:14px}.kpi>div{font-size:10px;gap:4px;line-height:1.5}.kpi>strong{font-size:27px;letter-spacing:-1px;margin:18px 0 12px}.kpi>small{font-size:8px}.kpi-icon{font-size:16px}.card{padding:22px 18px;border-radius:15px}.analytics-primary,.analytics-secondary{gap:16px}.analytics-secondary{margin-top:16px}h2{font-size:18px}.chart-summary{align-items:flex-start;flex-direction:column;gap:8px}.revenue-chart{min-height:125px;margin-top:12px}.chart-axis{font-size:13px}.chart-summary strong{font-size:24px}.chart-empty{font-size:10px}.channel-donut{width:195px}.channel-legend{max-width:300px;margin:auto}.row{flex-wrap:wrap;gap:10px}.row .value{font-size:11px}.row button{font-size:10px}.row .grow{flex-basis:60%}.grid{grid-template-columns:1fr;gap:10px;margin:18px 0}.metric{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px}.metric>strong{margin:0;font-size:26px}.form-grid{grid-template-columns:1fr}.receipt-line{grid-template-columns:1fr 85px;gap:10px;font-size:12px}.toolbar button{font-size:11px;padding:11px 14px}.kanban{grid-template-columns:repeat(6,minmax(245px,80vw))}.kanban-column{min-height:160px}.order-card button{width:100%;font-size:12px}.login{grid-template-columns:1fr;gap:0;margin:10px auto}.login .art{display:none}.login .card{padding:26px}.login h2{font-size:25px}.login-card{margin:10px auto}.mfa-qr{width:260px;height:260px}.print-controls button{width:100%}.authenticated footer,footer{margin-left:0;padding:22px 16px;flex-direction:column;gap:8px;line-height:1.7}.sla-results{grid-template-columns:1fr}.metric-method{font-size:9px}}
@media(max-width:380px){.brand>span{font-size:31px}.brand img{width:40px;height:40px}.brand{gap:9px}.brand small{font-size:6px}.environment{font-size:7px;padding:7px}.topbar #logout{font-size:11px;padding:8px}.kpi>strong{font-size:23px}.kpi{padding:16px 12px}.kpi>div{font-size:9px}.kpi-icon{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white!important;color:black!important}.topbar,.sidebar,footer,#notice,.print-controls,.skip-link{display:none!important}.authenticated .workspace-layout{display:block}.authenticated main,main{margin:0;padding:0;max-width:none;min-height:0}main>*:not(.thermal-slip){display:none!important}.thermal-slip{margin:0;box-shadow:none;border:0}.thermal-slip p{break-inside:avoid}@page{margin:0}}
