/* Movilo — dashboard.css */

:root {
  --bg:#f5f4f1; --bg2:#ffffff; --bg3:#f0eeeb; --bg4:#e8e5e0;
  --border:rgba(0,0,0,0.08); --border2:rgba(0,0,0,0.14);
  --shadow:0 1px 4px rgba(0,0,0,0.07),0 4px 16px rgba(0,0,0,0.05);
  --shadow-lg:0 8px 32px rgba(0,0,0,0.12);
  --accent:#e8380d; --accent-bg:rgba(232,56,13,0.08); --accent-bd:rgba(232,56,13,0.2);
  --green:#0d9e5c; --green-bg:rgba(13,158,92,0.09);
  --yellow:#c47f00; --yellow-bg:rgba(196,127,0,0.1);
  --blue:#1a6ef5; --blue-bg:rgba(26,110,245,0.08);
  --purple:#7c3aed; --red:#dc2626;
  --text:#1a1916; --text2:#4a4844; --muted:#9a9690;
  --sw:240px; --th:52px; --r:10px; --rl:14px;
}
[data-theme="dark"] {
  --bg:#0f0f13; --bg2:#16161c; --bg3:#1c1c24; --bg4:#232330;
  --border:rgba(255,255,255,0.07); --border2:rgba(255,255,255,0.13);
  --shadow:0 1px 4px rgba(0,0,0,0.3),0 4px 16px rgba(0,0,0,0.2);
  --shadow-lg:0 8px 32px rgba(0,0,0,0.5);
  --accent:#ff4e1f; --accent-bg:rgba(255,78,31,0.1); --accent-bd:rgba(255,78,31,0.25);
  --green:#10c96e; --green-bg:rgba(16,201,110,0.1);
  --yellow:#f5a623; --yellow-bg:rgba(245,166,35,0.1);
  --blue:#4d8ef8; --blue-bg:rgba(77,142,248,0.1);
  --purple:#a78bfa; --red:#f87171;
  --text:#eeeae4; --text2:#a8a49e; --muted:#5c5a56;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;transition:background .25s,color .25s;}

/* SIDEBAR */
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sw);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:200;transition:width .28s cubic-bezier(.4,0,.2,1);overflow:hidden;}
.sidebar.col{width:56px;}
.s-logo{padding:15px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0;white-space:nowrap;}
.s-logo-icon{font-size:20px;flex-shrink:0;width:26px;text-align:center;}
.s-logo-text{font-family:'Inter Tight',sans-serif;font-size:17px;font-weight:800;letter-spacing:-0.5px;transition:opacity .2s;}
.s-logo-text span{color:var(--accent);}
.sidebar.col .s-logo-text{opacity:0;pointer-events:none;}
.s-bairro{padding:9px 12px;border-bottom:1px solid var(--border);flex-shrink:0;}
.s-bairro label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;}
.bs{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:7px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;padding:6px 9px;outline:none;cursor:pointer;transition:border-color .15s;}
.bs:focus{border-color:var(--accent);}
.sidebar.col .s-bairro label,.sidebar.col .bs{display:none;}
.sidebar.col .s-bairro::after{content:'📍';display:block;text-align:center;font-size:16px;}
.nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:5px 0;}
.nav::-webkit-scrollbar{width:3px;}.nav::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.nav-sec{padding:11px 14px 3px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);white-space:nowrap;overflow:hidden;transition:opacity .2s;}
.sidebar.col .nav-sec{opacity:0;height:6px;padding:3px 0;}
.ni{display:flex;align-items:center;gap:9px;padding:8px 14px;cursor:pointer;white-space:nowrap;color:var(--text2);font-size:13px;font-weight:500;border-left:2px solid transparent;transition:all .15s;}
.ni:hover{background:var(--bg3);color:var(--text);}
.ni.active{background:var(--accent-bg);color:var(--accent);border-left-color:var(--accent);font-weight:600;}
.ni-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0;}
.ni-lbl{transition:opacity .2s;}
.sidebar.col .ni-lbl{opacity:0;}
.nb{margin-left:auto;color:#fff;font-size:10px;font-weight:700;border-radius:20px;padding:1px 6px;transition:opacity .2s;flex-shrink:0;}
.nb.r{background:var(--accent);}.nb.y{background:var(--yellow);}.nb.g{background:var(--green);}
.sidebar.col .nb{opacity:0;}
.s-foot{padding:11px 14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;flex-shrink:0;overflow:hidden;}
.s-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#ff8c42);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;}
.s-uname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.s-urole{font-size:11px;color:var(--muted);}
.s-uinfo{flex:1;min-width:0;transition:opacity .2s;}
.sidebar.col .s-uinfo{opacity:0;}
.logout{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:3px;transition:color .15s;flex-shrink:0;}
.logout:hover{color:var(--red);}

/* TOPBAR */
.topbar{position:fixed;left:var(--sw);right:0;top:0;height:var(--th);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:10px;z-index:100;transition:left .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow);}
.topbar.col{left:56px;}
.stoggle{background:none;border:1px solid var(--border);border-radius:7px;padding:5px 8px;cursor:pointer;color:var(--text2);font-size:15px;transition:all .15s;flex-shrink:0;line-height:1;}
.stoggle:hover{background:var(--bg3);color:var(--text);}
.tb-title{font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:800;flex:1;letter-spacing:-0.3px;}
.tb-stats{display:flex;gap:4px;}
.ts{display:flex;flex-direction:column;align-items:center;padding:3px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg3);}
.ts-val{font-family:'Inter',monospace;font-size:14px;font-weight:500;line-height:1.1;}
.ts-val.g{color:var(--green);}.ts-val.y{color:var(--yellow);}.ts-val.b{color:var(--blue);}
.ts-lbl{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);}
.tb-div{width:1px;height:26px;background:var(--border);}
.theme-btn{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:5px 10px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text2);transition:all .15s;flex-shrink:0;white-space:nowrap;font-family:'Inter',sans-serif;}
.theme-btn:hover{border-color:var(--border2);color:var(--text);}
.alert-btn{position:relative;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:5px 8px;cursor:pointer;color:var(--text2);font-size:15px;transition:all .15s;line-height:1;}
.alert-btn:hover{border-color:var(--yellow);color:var(--yellow);}
.a-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg2);}
.clock{font-family:'Inter',monospace;font-size:12px;color:var(--muted);letter-spacing:1px;flex-shrink:0;}

/* MAIN */
.main{position:fixed;left:var(--sw);right:0;top:var(--th);bottom:0;transition:left .28s cubic-bezier(.4,0,.2,1);}
.main.col{left:56px;}

/* DASHBOARD GRID */
.dash{display:grid;grid-template-columns:292px 1fr 268px;height:100%;overflow:hidden;}

/* PANEL LEFT */
.pl{background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;}
.ph{padding:11px 13px;border-bottom:1px solid var(--border);flex-shrink:0;}
.ph-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.ptitle{font-family:'Inter Tight',sans-serif;font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px;}
.cpill{background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:1px 7px;font-size:11px;color:var(--muted);font-family:'Inter',monospace;}
.filters{display:flex;gap:4px;flex-wrap:wrap;}
.fb{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:11px;font-weight:600;padding:3px 8px;cursor:pointer;transition:all .15s;font-family:'Inter',sans-serif;}
.fb.active{background:var(--accent-bg);border-color:var(--accent-bd);color:var(--accent);}
.fb:hover:not(.active){background:var(--bg4);}
.plist{flex:1;overflow-y:auto;padding:9px;}
.plist::-webkit-scrollbar{width:3px;}.plist::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}

/* ORDER CARD */
.oc{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:10px 11px;margin-bottom:6px;cursor:pointer;transition:all .18s;border-left:3px solid transparent;}
.oc:hover{box-shadow:var(--shadow);border-color:var(--border2);}
.oc.sel{border-color:var(--accent);background:var(--accent-bg);}
.oc.aguardando{border-left-color:var(--yellow);}
.oc.despachando{border-left-color:var(--blue);}
.oc.no_restaurante{border-left-color:var(--accent);}
.oc.coletado{border-left-color:var(--purple);}
.oc.no_cliente{border-left-color:var(--accent2);}
.oc.entregue{border-left-color:var(--green);}
.o-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.o-id{font-family:'Inter',monospace;font-size:11px;color:var(--text2);}
.sb{font-size:10px;font-weight:600;border-radius:5px;padding:2px 6px;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:3px;}
.sb.aguardando{background:var(--yellow-bg);color:var(--yellow);}
.sb.despachando{background:var(--blue-bg);color:var(--blue);}
.sb.coletando,.sb.no_restaurante,.sb.coletado{background:var(--accent-bg);color:var(--accent);}
.sb.entregando,.sb.no_cliente{background:rgba(124,58,237,.1);color:var(--purple);}
.sb.entregue{background:var(--green-bg);color:var(--green);}
.pulse{display:inline-block;width:5px;height:5px;border-radius:50%;}
.pulse.y{background:var(--yellow);animation:blink 1s infinite;}
.pulse.o{background:var(--accent);animation:blink .6s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.o-rest{font-size:13px;font-weight:600;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.o-client{font-size:11px;color:var(--muted);}
.o-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid var(--border);}
.o-moto{font-size:11px;color:var(--blue);font-weight:500;}
.o-wait{font-size:11px;color:var(--yellow);font-weight:500;display:flex;align-items:center;gap:3px;}
.o-price{font-family:'Inter',monospace;font-size:13px;font-weight:500;color:var(--green);}
.o-dist{font-size:10px;color:var(--muted);}

/* MAP */
.map-wrap{position:relative;background:var(--bg3);}
#map{width:100%;height:100%;}
.map-tl,.map-tr{position:absolute;z-index:1000;top:12px;}
.map-tl{left:12px;}.map-tr{right:12px;}
.mpill{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:6px 11px;font-size:12px;font-weight:500;box-shadow:var(--shadow);display:flex;align-items:center;gap:6px;margin-bottom:5px;cursor:pointer;transition:all .15s;}
.mpill:hover{border-color:var(--border2);}
.mgps{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-bg);animation:blink 2s infinite;flex-shrink:0;}
.mleg{position:absolute;bottom:12px;left:12px;z-index:1000;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px 11px;box-shadow:var(--shadow);}
.li{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2);margin-bottom:3px;}
.li:last-child{margin-bottom:0;}
.ld{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
[data-theme="dark"] .leaflet-tile{filter:brightness(.55) saturate(.35) hue-rotate(180deg) invert(1);}
[data-theme="dark"] .leaflet-container{background:#0a0a10;}

/* PANEL RIGHT */
.pr{background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;}
.msec{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);padding:9px 13px 3px;font-weight:600;}
.mc{display:flex;align-items:center;gap:9px;padding:8px 13px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;}
.mc:hover{background:var(--bg3);}
.mav{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:15px;position:relative;border:2px solid var(--border);}
.mav.online{border-color:var(--green);}.mav.busy{border-color:var(--yellow);}
.msd{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg2);}
.msd.online{background:var(--green);}.msd.busy{background:var(--yellow);}.msd.offline{background:var(--muted);}
.mi{flex:1;min-width:0;}
.mn{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.md{font-size:11px;color:var(--muted);margin-top:1px;}
.mtags{display:flex;gap:3px;margin-top:2px;flex-wrap:wrap;}
.mtag{font-size:10px;font-weight:600;border-radius:4px;padding:1px 5px;}
.mtag.stack{background:var(--blue-bg);color:var(--blue);}
.mtag.cluster{background:rgba(124,58,237,.08);color:var(--purple);}
.mtag.routing{background:var(--green-bg);color:var(--green);}
.mtag.eta{background:var(--yellow-bg);color:var(--yellow);}
.mr{text-align:right;flex-shrink:0;}
.mcount{font-family:'Inter',monospace;font-size:14px;font-weight:500;}
.mcount.a{color:var(--blue);}
.mlbl{font-size:10px;color:var(--muted);}
.mbar{height:2px;background:var(--bg4);border-radius:2px;margin-top:3px;overflow:hidden;}
.mbar-f{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1);}
.add-btn{margin:9px;background:var(--bg3);border:1px dashed var(--border2);border-radius:7px;color:var(--text2);font-size:12px;font-weight:600;padding:8px;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;display:flex;align-items:center;justify-content:center;gap:5px;}
.add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);}

/* DISPATCH BOX */
.dpbox{background:var(--bg3);border-top:1px solid var(--border);padding:10px 13px;flex-shrink:0;}
.dptitle{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:5px;}
.dptitle::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent);}
.dprow{display:flex;align-items:center;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--border);}
.dprow:last-of-type{border-bottom:none;}
.dplbl{font-size:11px;color:var(--text2);}
.dpval{font-size:11px;font-weight:600;font-family:'Inter',monospace;}
.dpval.g{color:var(--green);}.dpval.a{color:var(--accent);}
.etags{display:flex;gap:3px;flex-wrap:wrap;margin-top:7px;}
.etag{font-size:10px;font-weight:700;border-radius:4px;padding:2px 7px;background:var(--green-bg);color:var(--green);border:1px solid rgba(13,158,92,.2);}
[data-theme="dark"] .etag{border-color:rgba(16,201,110,.2);}

/* PAGES */
.page{position:absolute;inset:0;overflow-y:auto;padding:22px;background:var(--bg);display:none;}
.page.active{display:block;}
.phd{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;}
.ptit{font-family:'Inter Tight',sans-serif;font-size:21px;font-weight:800;letter-spacing:-.5px;}
.psub{font-size:12px;color:var(--muted);margin-top:2px;}

/* TABLE */
.tw{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shadow);}
table{width:100%;border-collapse:collapse;}
th{padding:9px 13px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg3);font-weight:600;}
td{padding:10px 13px;font-size:13px;border-bottom:1px solid var(--border);}
tr:last-child td{border-bottom:none;}
tr:hover td{background:var(--bg3);}
.tda{display:flex;gap:5px;}
.ai{background:var(--bg3);border:1px solid var(--border);border-radius:5px;padding:4px 6px;cursor:pointer;font-size:12px;transition:all .15s;}
.ai:hover{border-color:var(--border2);background:var(--bg4);}
.filter-bar{display:flex;gap:8px;padding:10px 0 4px;flex-wrap:wrap;align-items:center;}
.filter-bar input,.filter-bar select{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg2);color:var(--fg);font-size:13px;outline:none;}
.filter-bar input{flex:1;min-width:200px;}
.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent);}
.db{display:inline-flex;align-items:center;gap:3px;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;}
.db.pendente{background:var(--yellow-bg);color:var(--yellow);}
.db.aprovado{background:var(--green-bg);color:var(--green);}
.db.reprovado{background:rgba(220,38,38,.1);color:var(--red);}

/* TAXAS */
.taxa-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:20px;max-width:600px;}
.mcard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:13px 15px;box-shadow:var(--shadow);}
.mc-icon{font-size:18px;margin-bottom:7px;}
.mc-val{font-family:'Inter',monospace;font-size:22px;font-weight:500;line-height:1;}
.mc-val.g{color:var(--green);}.mc-val.r{color:var(--red);}.mc-val.y{color:var(--yellow);}
.mc-lbl{font-size:11px;color:var(--muted);margin-top:3px;}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:13px;}
.tcard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:13px 15px;box-shadow:var(--shadow);}
.tcard-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;}
.tbairro{font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:800;}
.tcols{display:grid;grid-template-columns:68px 1fr 1fr 1fr 1fr;gap:3px;padding:3px 0 7px;border-bottom:1px solid var(--border);margin-bottom:2px;}
.tch{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600;text-align:center;}
.tch:first-child{text-align:left;}
.tf{display:grid;grid-template-columns:68px 1fr 1fr 1fr 1fr;gap:3px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);}
.tf:last-child{border-bottom:none;}
.tkm{font-size:12px;color:var(--muted);}
.tn{font-family:'Inter',monospace;font-size:12px;font-weight:500;text-align:center;}
.tn.tot{color:var(--text);font-size:13px;}
.tn.moto{color:var(--red);}.tn.rest{color:var(--yellow);}.tn.lucro{color:var(--green);}
.trecv{font-size:10px;color:var(--muted);grid-column:span 5;padding-bottom:3px;}

/* METRICS */
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px;}
.mdelta{font-size:11px;margin-top:4px;font-weight:600;}
.mdelta.up{color:var(--green);}.mdelta.dn{color:var(--red);}

/* CONFIG */
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;}
.ccard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:15px;box-shadow:var(--shadow);}
.cctitle{font-family:'Inter Tight',sans-serif;font-size:13px;font-weight:800;margin-bottom:13px;display:flex;align-items:center;gap:6px;}

/* MODAL */
.moverlay{position:fixed;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;}
.moverlay.hidden{display:none;}
.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);width:500px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);}
.mhd{padding:17px 19px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.mtitle{font-family:'Inter Tight',sans-serif;font-size:16px;font-weight:800;}
.mclose{background:none;border:none;color:var(--muted);cursor:pointer;font-size:17px;padding:3px;transition:color .15s;}
.mclose:hover{color:var(--red);}
.mbody{padding:17px 19px 19px;}
.mtabs{display:flex;border-bottom:1px solid var(--border);padding:0 19px;}
.mtab{padding:9px 13px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;}
.mtab.active{color:var(--accent);border-bottom-color:var(--accent);}
.mfoot{display:flex;gap:7px;justify-content:flex-end;padding-top:13px;border-top:1px solid var(--border);margin-top:13px;}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.fg.full{grid-template-columns:1fr;}
.fld{display:flex;flex-direction:column;gap:4px;}
.fld.s2{grid-column:span 2;}
.fld label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600;}
.fld input,.fld select,.fld textarea{background:var(--bg3);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;padding:7px 9px;outline:none;transition:border-color .15s;}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent);}
.fld textarea{resize:vertical;min-height:65px;}
.uzone{border:2px dashed var(--border2);border-radius:7px;padding:16px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg3);}
.uzone:hover{border-color:var(--accent);background:var(--accent-bg);}
.uzone.done{border-color:var(--green);background:var(--green-bg);border-style:solid;}
.uicon{font-size:20px;margin-bottom:4px;}
.utxt{font-size:12px;color:var(--muted);}
.utxt strong{color:var(--text);}
.btn{border:none;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all .15s;}
.bg{background:var(--bg3);border:1px solid var(--border);color:var(--text2);}
.bg:hover{color:var(--text);border-color:var(--border2);}
.bp{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(232,56,13,.2);}
.bp:hover{box-shadow:0 4px 14px rgba(232,56,13,.3);}

/* SPLIT */
.sdiv{height:1px;background:var(--border);margin:11px 0;grid-column:span 2;}
.sprev{margin-top:11px;display:none;}
.sprev-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600;margin-bottom:7px;}
.sboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.sbox{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:7px 9px;text-align:center;}
.sp-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;}
.sp-val{font-family:'Inter',monospace;font-size:14px;font-weight:500;}
.sp-val.g{color:var(--green);}.sp-val.r{color:var(--red);}.sp-val.y{color:var(--yellow);}
.slucro{background:var(--green-bg);border:1px solid rgba(13,158,92,.2);border-radius:7px;padding:7px 11px;text-align:center;margin-top:6px;display:flex;align-items:center;justify-content:space-between;}
.sl-lbl{font-size:11px;color:var(--green);font-weight:600;}
.sl-val{font-family:'Inter',monospace;font-size:15px;font-weight:500;color:var(--green);}
.itip{font-size:11px;color:var(--text2);background:var(--bg3);border-radius:6px;padding:7px 9px;margin-top:7px;line-height:1.6;border:1px solid var(--border);}
.itip strong{color:var(--text);}

/* TOAST */
.toast{position:fixed;bottom:18px;right:18px;background:var(--bg2);border:1px solid var(--border2);border-radius:9px;padding:10px 15px;font-size:13px;font-weight:500;z-index:999;box-shadow:var(--shadow-lg);transform:translateY(60px);opacity:0;transition:all .28s cubic-bezier(.4,0,.2,1);}
.toast.show{transform:translateY(0);opacity:1;}
.toast.s{border-color:rgba(13,158,92,.3);}
.toast.e{border-color:rgba(220,38,38,.3);}

/* ── Toast warn (pedido aguardando) ── */
.toast.warn { background: #a86800 !important; }

/* ── Pedido aguardando na tabela destaca ── */
tr.aguardando td { background: rgba(232,56,13,.06); }
tr.aguardando .sb.aguardando { background: rgba(232,200,0,.15); color: #c8a200; border-color: rgba(200,162,0,.3); animation: pulse-aguardando 2s infinite; }
@keyframes pulse-aguardando { 0%,100%{opacity:1} 50%{opacity:.5} }
/* Badges de prioridade automática */
.prio-alta    { background:rgba(255,170,0,.15);color:#ffaa00;border:1px solid rgba(255,170,0,.3);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.5px; }
.prio-urgente { background:rgba(244,67,54,.15);color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.5px;animation:pulse-aguardando 1s infinite; }

/* ── Aguardando no card lateral do mapa ── */
.pc.aguardando { border-left: 3px solid #c8a200; }

/* ── Detalhes/edição ── */
.doc-preview{border:1px solid var(--border2);border-radius:8px;padding:12px;background:var(--bg3)}
.doc-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;margin-bottom:8px}
.doc-content{display:flex;align-items:center;gap:10px}
.doc-thumb{width:80px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--border2);cursor:pointer}
.doc-link{color:var(--accent);font-size:13px;text-decoration:none;font-weight:600}
.doc-link:hover{text-decoration:underline}
.info-block{background:var(--bg3);border-radius:7px;padding:10px 12px;border:1px solid var(--border2)}
.ib-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;margin-bottom:4px}
.ib-val{font-size:14px;font-weight:600;color:var(--text)}