:root{--bg:#f3f4f7;--surface:#ffffff;--ink:#1d1b2e;--muted:#676580;--line:#e1e0ea;--accent:#c2185b;--accent-ink:#ffffff;--accent-soft:#fbe4ee;--consig:#0f7a6c;--consig-ink:#ffffff;--consig-soft:#dcf2ee;--good:#1f7a3a;--bad:#b3261e;--warn:#a15c00;--warn-soft:#fff1dc;--f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--f-body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--r:12px}@media (prefers-color-scheme: dark){:root{--bg:#131220;--surface:#1d1c2c;--ink:#eeedf5;--muted:#a3a1b8;--line:#33314a;--accent:#f0679b;--accent-ink:#1a0610;--accent-soft:#3d1a2b;--consig:#4fd1bd;--consig-ink:#06201c;--consig-soft:#11312d;--good:#6bd68a;--bad:#ff8a80;--warn:#f2b45a;--warn-soft:#3a2a12;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 var(--f-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}.wrap{max-width:680px;margin:0 auto;padding-inline:16px;padding-block:0 110px}header.top{position:sticky;top:0;z-index:5;background:var(--bg);padding:calc(14px + env(safe-area-inset-top,0px)) 0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.tag{width:34px;height:22px;background:var(--accent);border-radius:4px 10px 10px 4px;position:relative;flex:none}.tag:after{content:"";position:absolute;right:7px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--bg)}h1{font:800 21px/1.05 var(--f-display);margin:0;letter-spacing:-.01em}h2{font:700 19px/1.2 var(--f-display);margin:0;text-wrap:balance}.sub{color:var(--muted);font-size:13px}.lbl{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.view{display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.02em}.muted{color:var(--muted)}.btn{border-radius:10px;padding:11px 16px;font-weight:600;background:var(--surface);border:1px solid var(--line);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.consig{background:var(--consig);color:var(--consig-ink);border-color:var(--consig)}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{color:var(--bad)}.btn.small{padding:7px 11px;font-size:13.5px}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 12px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>span{font-size:13px;font-weight:600;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;white-space:nowrap}.b-propria{background:var(--accent-soft);color:var(--accent)}.b-consig{background:var(--consig-soft);color:var(--consig)}.b-zero{background:var(--warn-soft);color:var(--warn)}.scan{display:flex;gap:8px}.scan input{font-family:var(--f-mono);font-size:17px;padding:14px;border-width:2px;border-color:var(--accent)}.list{display:flex;flex-direction:column}.item{display:flex;gap:12px;align-items:center;padding:11px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;width:100%;cursor:pointer}.list>.item:first-child{border-top:0}.item.static{cursor:default}.t{font-weight:600}.thumb{width:48px;height:48px;border-radius:9px;object-fit:cover;background:var(--accent-soft);flex:none}.thumb.ph{display:grid;place-items:center;color:var(--accent);font:800 16px var(--f-display)}.qty{min-width:42px;text-align:right;font:700 18px/1 var(--f-display)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;min-width:0}.stat b{display:block;font:700 19px/1.15 var(--f-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat span{font-size:12px;color:var(--muted)}.total{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px dashed var(--line)}.total b{font:800 26px/1 var(--f-display)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.stepper button{border:0;background:none;width:34px;height:34px;font-weight:700;cursor:pointer}.stepper span{min-width:24px;text-align:center;font-weight:700}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px 6px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}th{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;border-top:0}td:first-child,th:first-child{text-align:left;white-space:normal}tr.sum td{font-weight:700}.pos{color:var(--good)}.neg{color:var(--bad)}.note{background:var(--warn-soft);border-radius:var(--r);padding:10px 12px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:22px 8px}nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}nav.tabs .in{max-width:680px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}nav.tabs button{border:0;background:none;padding:10px 4px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}nav.tabs svg{width:22px;height:22px}nav.tabs button[aria-current=page]{color:var(--accent)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a081473;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-width:680px;max-height:92%;overflow:auto;border-radius:18px 18px 0 0;padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.sheet>*{flex-shrink:0}.sheet .head{display:flex;justify-content:space-between;align-items:center;gap:10px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:600;z-index:30;max-width:calc(100% - 32px);text-align:center}.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:4px}.seg button{border:0;border-radius:8px;padding:9px;font-weight:700;background:none;cursor:pointer;color:var(--muted)}.seg button[aria-pressed=true].p{background:var(--accent);color:var(--accent-ink)}.seg button[aria-pressed=true].c{background:var(--consig);color:var(--consig-ink)}.photo-pick{display:flex;gap:12px;align-items:center}.photo-pick img,.photo-pick .ph{width:84px;height:84px;border-radius:12px;object-fit:cover;background:var(--surface);border:1px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center}.reader{border-radius:12px;overflow:hidden;background:#000}.hist{font-size:14px;border-top:1px solid var(--line);padding-top:8px}.login{max-width:400px;margin:0 auto;padding:calc(48px + env(safe-area-inset-top,0px)) 16px 40px;display:flex;flex-direction:column;gap:16px}.err{color:var(--bad);font-size:14px}@media (max-width:380px){.stats{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:no-preference){.sheet{animation:up .18s ease-out}@keyframes up{0%{transform:translateY(24px);opacity:.6}}}.logo-loja{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--line);flex:none}.cores{display:flex;flex-wrap:wrap;gap:10px}.cor{width:40px;height:40px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0;position:relative;display:grid;place-items:center}.cor[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.cor.outra{background:conic-gradient(red,orange,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.cor.outra input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.cor.outra span{color:#fff;font-weight:800;font-size:20px;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.fontes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.fonte{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;min-width:0}.fonte b{font-size:20px;line-height:1.2;font-weight:700}.fonte small{font-family:var(--f-body);font-size:12px;color:var(--muted)}.fonte[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}tr.sec td{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;padding-top:14px}.barra{height:12px;border-radius:999px;background:var(--line);overflow:hidden}.barra i{display:block;height:100%;border-radius:999px;transition:width .4s}.b-ok{background:color-mix(in srgb,var(--good) 15%,var(--surface));color:var(--good)}.b-atraso{background:color-mix(in srgb,var(--bad) 15%,var(--surface));color:var(--bad)}.b-neutro{background:var(--bg);color:var(--muted)}.ramos{display:flex;flex-direction:column;gap:8px}.ramo{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px;cursor:pointer}.ramo b{display:block;font-weight:700}.ramo small{display:block;color:var(--muted);font-size:13px;line-height:1.3}.ramo[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.ramo-emoji{font-size:26px;line-height:1;flex:none}.chips-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.chips-grade .chip{text-align:center;padding:9px 6px}nav.tabs .ico{position:relative;display:inline-flex}.contador{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--bad);color:#fff;font:700 11px/18px var(--f-body);text-align:center}.card.pedido{gap:8px}@media (max-width:380px){nav.tabs button{font-size:11px}}