/* ==========================================================================
   Tema "Pátio Arena" — Arena Auto Haus
   Carregado DEPOIS do <style> de cada página: troca cores, fontes e componentes
   sem alterar IDs, classes ou JavaScript.
   Fontes: Unbounded (números/títulos), Hanken Grotesk (texto), Saira Condensed (placas)
   ========================================================================== */

:root{
  /* Paleta da marca */
  --ar-asfalto:#16171B; --ar-asfalto-2:#202227; --ar-asfalto-3:#2A2D33;
  --ar-amarelo:#FCC21B; --ar-amarelo-soft:#FEF4D3; --ar-amarelo-ink:#7A5600;
  --ar-concreto:#E9EAEC; --ar-giz:#FBFBFA; --ar-hover:#F1F2F3;
  --ar-mercosul:#1D3F91; --ar-grafite:#5C606A;
  --ar-ink:#16171B; --ar-ink-2:#5C606A; --ar-ink-3:#8C909A;
  --ar-line:#D9DBDF; --ar-line-soft:#E8E9EC;
  --ar-ok:#1E9E5A; --ar-ok-soft:#E3F3EA; --ar-stop:#D93025; --ar-stop-soft:#FBE7E5; --ar-wait:#B7791F; --ar-wait-soft:#FBF0DC;
  --ar-zebra:repeating-linear-gradient(-45deg,var(--ar-asfalto) 0 6px,var(--ar-amarelo) 6px 12px);
  --ar-display:'Unbounded',system-ui,sans-serif;
  --ar-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ar-plate:'Saira Condensed','Arial Narrow',sans-serif;
  --ar-ring:0 0 0 3px rgba(252,194,27,.35);

  /* Variáveis do index.php e caixa.php */
  --bg:var(--ar-concreto); --sf:var(--ar-giz); --sf2:var(--ar-hover); --bd:var(--ar-line);
  --tx:var(--ar-ink); --tx2:var(--ar-ink-2); --tx3:var(--ar-ink-3);
  --ac:var(--ar-amarelo); --acl:var(--ar-amarelo-soft); --acd:var(--ar-amarelo-ink);
  --am:var(--ar-wait); --aml:var(--ar-wait-soft); --amd:#7A4E0E;
  --gn:var(--ar-ok); --gnl:var(--ar-ok-soft); --gnd:#135C36;
  --rd:var(--ar-stop); --rdl:var(--ar-stop-soft); --rdd:#8E1F17;
  --bl:var(--ar-mercosul); --bll:#E3E9F6; --bld:#16306E;
  --r:10px; --rl:14px; --f:var(--ar-body); --mn:var(--ar-plate); --sw:240px;

  /* Variáveis do os-nova.php */
  --surface:var(--ar-giz); --surface2:var(--ar-hover); --border:var(--ar-line);
  --text:var(--ar-ink); --text2:var(--ar-ink-2); --text3:var(--ar-ink-3);
  --accent:var(--ar-amarelo); --accent-light:var(--ar-amarelo-soft); --accent-dark:var(--ar-amarelo-ink);
  --green:var(--ar-ok); --green-light:var(--ar-ok-soft); --green-dark:#135C36;
  --amber:var(--ar-wait); --amber-light:var(--ar-wait-soft); --amber-dark:#7A4E0E;
  --red:var(--ar-stop); --red-light:var(--ar-stop-soft); --red-dark:#8E1F17;
  --blue:var(--ar-mercosul); --blue-light:#E3E9F6; --blue-dark:#16306E;
  --radius:12px; --radius-lg:16px; --font:var(--ar-body);
}

body.arena{font-family:var(--ar-body);background:var(--ar-concreto);color:var(--ar-ink);-webkit-font-smoothing:antialiased}
body.arena :focus-visible{outline:2px solid var(--ar-amarelo);outline-offset:2px}
body.arena ::selection{background:var(--ar-amarelo);color:var(--ar-asfalto)}

/* Placa Mercosul reutilizável: <span class="ar-plate"><span class="ar-band">BRASIL<i></i></span><span class="ar-chars">ABC1D23</span></span> */
.ar-plate{display:inline-block;background:#fff;border:1.5px solid #1C1D21;border-radius:5px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.08);vertical-align:middle;min-width:84px}
.ar-band{display:flex;align-items:center;justify-content:space-between;height:10px;padding:0 4px;background:var(--ar-mercosul);color:#fff;font:700 6px/1 var(--ar-body);letter-spacing:.12em}
.ar-band i{width:7px;height:5px;background:linear-gradient(#0B9E43 0 50%,#FEDF00 50%);border-radius:1px}
.ar-chars{display:block;text-align:center;font:700 17px/1.25 var(--ar-plate);letter-spacing:.07em;color:#16171B;padding:1px 6px 0}

/* ==========================================================================
   INDEX — painel principal
   ========================================================================== */

/* Menu lateral */
.ar-index .sb{background:var(--ar-asfalto);width:var(--sw)}
.ar-index .sh2{padding:22px 20px 18px;border-bottom:0}
.ar-index .sh2 img{max-height:46px!important;max-width:170px!important;margin-bottom:0!important}
.ar-index .sh2 h1{font:600 18px var(--ar-display);color:var(--ar-amarelo);letter-spacing:-.02em}
.ar-index .sn{padding:4px 12px 16px}
.ar-index .sn-sep{font:600 10.5px/1 var(--ar-body);letter-spacing:.08em;color:#6E727C;opacity:1;padding:18px 10px 8px}
.ar-index .si{gap:11px;padding:8px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:#B9BCC4;font-family:var(--ar-body)}
.ar-index .si svg{width:17px;height:17px;opacity:.8}
.ar-index .si:hover{background:var(--ar-asfalto-2);color:#fff}
.ar-index .si.on{background:#24262B;color:#fff;box-shadow:inset 3px 0 0 var(--ar-amarelo)}
.ar-index .si.on svg{color:var(--ar-amarelo);opacity:1}
.ar-index .si2{padding-left:38px!important;font-size:12.5px!important;color:#9A9EA7}
.ar-index .sft{border-top:1px solid #24262B;padding:14px 16px}
.ar-index .sav{background:var(--ar-amarelo);color:var(--ar-asfalto);font-weight:700}
.ar-index .sft .inf{color:#fff;font-weight:600}
.ar-index .sft .inf span{color:#7B808A}

/* Topo */
.ar-index #app{flex:1 1 auto;min-width:0;width:100%}
.ar-index .mn{margin-left:var(--sw);min-width:0}
.ar-index .ct{min-width:0}
.ar-more-bay{display:block;width:100%;padding:7px 4px;border:1px dashed var(--ar-line);border-radius:7px;background:none;font:600 11.5px var(--ar-body);color:var(--ar-ink-2);cursor:pointer}
.ar-more-bay:hover{background:var(--ar-hover);color:var(--ar-ink);border-style:solid}
.ar-index .tb{background:rgba(233,234,236,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ar-line);padding:12px 32px;min-height:64px}
.ar-index .tb h2{font:600 17px var(--ar-display);letter-spacing:-.02em}
.ar-index .td{font-size:12.5px;font-weight:600;color:var(--ar-ink-3);text-transform:none}.ar-index .ct{padding:28px 32px 40px;max-width:1440px}
.ar-index .mtg{background:var(--ar-asfalto);color:var(--ar-amarelo);border-radius:10px}

/* Botões */
.ar-index .bt{border-radius:9px;font-family:var(--ar-body);font-weight:600;border-color:var(--ar-line);background:var(--ar-giz);color:var(--ar-ink)}
.ar-index .bt:hover{background:var(--ar-hover);border-color:#C5C8CE}
.ar-index .bp,.ar-index a.bp{background:var(--ar-amarelo)!important;color:var(--ar-asfalto)!important;border-color:var(--ar-amarelo)!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.ar-index .bp:hover{filter:brightness(.96)}
.ar-index .brd{color:var(--ar-stop);border-color:#F2C6C2}
.ar-index .brd:hover{background:var(--ar-stop-soft)}
.ar-index .flt .bt.act,.ar-index .bt.act{background:var(--ar-asfalto)!important;color:var(--ar-amarelo)!important;border-color:var(--ar-asfalto)!important}

/* Cards e indicadores */
.ar-index .cd,.ar-index .sc{background:var(--ar-giz);border-color:var(--ar-line);border-radius:14px}
.ar-index .ch{padding:16px 20px;border-bottom-color:var(--ar-line-soft)}
.ar-index .ch h3{font-size:15px;font-weight:700;letter-spacing:-.01em}
.ar-index .mc{background:var(--ar-giz);border-color:var(--ar-line);border-radius:14px;padding:18px 20px}
.ar-index .mc .ml{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;color:var(--ar-ink-2)}
.ar-index .mc .mv{font-family:var(--ar-display);font-weight:600;font-size:25px;letter-spacing:-.03em}
.ar-index #fin-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.ar-index #fin-cards .mc .mv{font-size:clamp(17px,1.55vw,22px);white-space:nowrap}
@media (max-width:1280px){.ar-index #fin-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.ar-index #fin-cards{grid-template-columns:1fr 1fr}}
.ar-index .mc .msb{font-size:12px;color:var(--ar-ink-3);margin-top:6px}
.ar-index .mc.alert{border-color:#F2C6C2;background:var(--ar-stop-soft)}
.ar-index .sc.ex{border-color:var(--ar-amarelo)}
.ar-index .vr{background:var(--ar-hover);border-radius:9px}

/* Títulos internos das páginas (h3 de cada tela) */
.ar-index .pg > div:first-child h3{font-family:var(--ar-display);font-size:18px!important;font-weight:600!important;letter-spacing:-.02em}

/* Tabelas */
.ar-index table{font-size:13.5px}
.ar-index th{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--ar-ink-3);border-bottom:1px solid var(--ar-line);background:color-mix(in srgb,var(--ar-concreto) 40%,var(--ar-giz));padding:11px 14px}
.ar-index td{border-bottom-color:var(--ar-line-soft);padding:12px 14px}
.ar-index tr:hover td{background:var(--ar-hover)}
.ar-index td[style*="var(--mn)"],.ar-index td [style*="var(--mn)"]{font-weight:700;letter-spacing:.06em;font-size:14px!important}

/* Selos de status */
.ar-index .bg{border-radius:6px;font-weight:700;font-size:11.5px;padding:3px 9px}
.ar-index .bg-p{background:var(--ar-amarelo-soft);color:var(--ar-amarelo-ink)}

/* Formulários */
.ar-index .fg label{font-weight:600;color:var(--ar-ink-2)}
.ar-index .fg input,.ar-index .fg select,.ar-index .fg textarea,.ar-index .mo input,.ar-index .mo select,.ar-index .mo textarea{border:1px solid var(--ar-line)!important;border-radius:9px;background:#fff;font-family:var(--ar-body);color:var(--ar-ink)}
.ar-index .fg input:focus,.ar-index .fg select:focus,.ar-index .fg textarea:focus,.ar-index .mo input:focus,.ar-index .mo select:focus,.ar-index .mo textarea:focus{border-color:var(--ar-asfalto)!important;box-shadow:var(--ar-ring);outline:none}
.ar-index .search-box{border:1px solid var(--ar-line);border-radius:10px;background-color:var(--ar-giz);height:42px}
.ar-index .search-box:focus{border-color:var(--ar-asfalto);box-shadow:var(--ar-ring)}

/* Modais */
.ar-index .mo{background:rgba(22,23,27,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ar-index .mob{background:var(--ar-giz);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.ar-index .moh{padding:20px 24px;border-bottom-color:var(--ar-line-soft)}
.ar-index .moh h3{font:600 17px var(--ar-display);letter-spacing:-.02em}
.ar-index .mof{border-top-color:var(--ar-line-soft);background:color-mix(in srgb,var(--ar-concreto) 35%,var(--ar-giz));border-radius:0 0 18px 18px}

/* Aviso (toast) */
.ar-index .tst{background:var(--ar-asfalto);color:#fff;border-left:4px solid var(--ar-amarelo);border-radius:10px;font-weight:600}
.ar-index .tst.er{background:var(--ar-asfalto);border-left-color:var(--ar-stop)}

/* Fila de produção: placa Mercosul */
.ar-index .fila-card{background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:12px;padding:12px 16px;gap:16px}
.ar-index .fila-card:hover{border-color:var(--ar-asfalto);background:#fff}
.ar-index .fila-pos{background:var(--ar-asfalto);color:var(--ar-amarelo);font-family:var(--ar-display);font-size:13px;border-radius:9px}
.ar-index .fila-placa{display:inline-block;position:relative;background:#fff;border:1.5px solid #1C1D21;border-radius:5px;padding:12px 10px 1px;font:700 18px/1.2 var(--ar-plate);letter-spacing:.07em;color:#16171B;min-width:92px;text-align:center;overflow:hidden}
.ar-index .fila-placa::before{content:'BRASIL';position:absolute;left:0;right:0;top:0;height:10px;background:var(--ar-mercosul);color:#fff;font:700 6px/10px var(--ar-body);letter-spacing:.12em;text-align:left;padding-left:4px}
.ar-index .fila-info{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:2px;align-items:center}
.ar-index .fila-placa{grid-row:1 / span 2}
.ar-index .fila-vei{font-size:13.5px;font-weight:600;color:var(--ar-ink);margin-top:0;align-self:end}
.ar-index .fila-cli{align-self:start}
.ar-index td .bg{white-space:normal;max-width:190px;line-height:1.3}

/* Agenda (calendário) */
.ar-index .ag-hdr-d{background:color-mix(in srgb,var(--ar-concreto) 40%,var(--ar-giz));color:var(--ar-ink-3);text-transform:none;font-size:11.5px;letter-spacing:0}
.ar-index .ag-cell{border-color:var(--ar-line-soft)}
.ar-index .ag-cell.ag-today{background:var(--ar-amarelo-soft)}
.ar-index .ag-dt .ag-badge{background:var(--ar-asfalto);color:var(--ar-amarelo)}
.ar-index .ag-ev .ag-pl{font-family:var(--ar-plate);letter-spacing:.06em}

/* Rolagem discreta */
.ar-index .sn::-webkit-scrollbar{width:6px}
.ar-index .sn::-webkit-scrollbar-thumb{background:#2A2D33;border-radius:3px}

/* ---------- Dashboard novo (#p-dashboard) ---------- */
.ar-dash .ar-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.ar-dash .ar-head small{display:block;font-size:12.5px;font-weight:600;color:var(--ar-ink-3);margin-bottom:6px}
.ar-dash .ar-head h1{font:600 26px/1.15 var(--ar-display);letter-spacing:-.02em}
.ar-dash .ar-head h1 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(252,194,27,.7) 62%)}
.ar-dash .ar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ar-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--ar-giz);border:1px solid var(--ar-line);font-size:12.5px;font-weight:600;color:var(--ar-ink)}
.ar-chip i{width:8px;height:8px;border-radius:50%;background:var(--ar-ok);box-shadow:0 0 0 3px var(--ar-ok-soft)}
.ar-chip.off i{background:var(--ar-stop);box-shadow:0 0 0 3px var(--ar-stop-soft)}
.ar-cta{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;background:var(--ar-amarelo);color:var(--ar-asfalto)!important;font-weight:700;font-size:13.5px;text-decoration:none;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.ar-cta:hover{filter:brightness(.96)}
.ar-cta svg{width:16px;height:16px}

.ar-card{background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px;min-width:0}
.ar-card-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 20px 0}
.ar-card-h h2{font-size:15px;font-weight:700;letter-spacing:-.01em}
.ar-card-h p{font-size:12.5px;color:var(--ar-ink-3);margin-top:2px}
.ar-more{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--ar-ink-2);white-space:nowrap;cursor:pointer;background:none;border:0;font-family:inherit}
.ar-more:hover{color:var(--ar-ink)}
.ar-more svg{width:14px;height:14px}
.ar-empty{font-size:12.5px;color:var(--ar-ink-3);padding:14px 20px}

.ar-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}
.ar-qtd{font-style:normal;font-weight:500;color:var(--ar-ink-3);font-size:11.5px}
.ar-kpi{padding:18px 22px 20px;border-left:1px solid var(--ar-line-soft);min-width:0}
.ar-kpi:first-child{border-left:0}
.ar-kpi-l{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:600;color:var(--ar-ink-2);min-height:28px}
.ar-kpi-v{font:600 27px/1.1 var(--ar-display);letter-spacing:-.03em;margin-top:8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ar-kpi-v small{font:500 14px var(--ar-body);color:var(--ar-ink-3);margin-right:4px;letter-spacing:0}
.ar-kpi-s{font-size:12.5px;color:var(--ar-ink-3);margin-top:8px}
.ar-kpi-s b{color:var(--ar-ink-2);font-weight:600}
.ar-kpi.alert .ar-kpi-v{color:var(--ar-wait)}
/* Recebido no mês: seguradora x particular, total pequeno embaixo */
.ar-split{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.ar-split div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ar-split div > span{font-size:12.5px;font-weight:600;color:var(--ar-ink-2)}
.ar-split b{font:600 19px/1.15 var(--ar-display);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.ar-split b small{font:500 12px var(--ar-body);color:var(--ar-ink-3);margin-right:3px;letter-spacing:0}
.ar-split b .mask{font-size:15px}
.ar-eye{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--ar-ink-3);background:none;border:0;cursor:pointer}
.ar-eye:hover{background:var(--ar-hover);color:var(--ar-ink)}
.ar-eye svg{width:16px;height:16px}
.ar-eye .off,.masked .ar-eye .on{display:none}
.masked .ar-eye .off{display:block}
.ar-secret .mask{display:none}
.masked .ar-secret .real{display:none}
.masked .ar-secret .mask{display:inline;color:var(--ar-ink-3);letter-spacing:.1em}

.ar-patio{margin-bottom:16px}
.ar-legend{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ar-ink-3)}
.ar-legend .z{width:22px;height:10px;border-radius:2px;background:var(--ar-zebra);display:inline-block;vertical-align:middle;margin-right:6px}
.ar-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);margin:16px 20px 20px;border:1px solid var(--ar-line);border-radius:12px;overflow-x:auto}
.ar-bay{border-left:1px dashed var(--ar-line);display:flex;flex-direction:column;min-width:112px}
.ar-bay:first-child{border-left:0}
.ar-bay-h{padding:10px 10px 8px;border-bottom:1px solid var(--ar-line-soft);background:color-mix(in srgb,var(--ar-concreto) 45%,var(--ar-giz))}
.ar-bay-h b{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ar-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-bay-h b i{width:7px;height:7px;border-radius:2px;flex:none}
.ar-bay-h span{display:block;font:600 18px/1.1 var(--ar-display);margin-top:5px;letter-spacing:-.02em}
.ar-bay.empty .ar-bay-h span{color:var(--ar-ink-3)}
.ar-bay-body{flex:1;padding:10px 8px 12px;display:flex;flex-direction:column;gap:10px;min-height:140px}
.ar-free{margin:auto 0;text-align:center;font-size:11.5px;color:var(--ar-ink-3)}
.ar-slot{display:block;width:100%;text-align:left;border-radius:7px;padding:0;background:none;border:0;cursor:pointer;transition:transform .15s;font-family:inherit}
.ar-slot:hover{transform:translateY(-2px)}
.ar-slot .ar-plate{display:block;min-width:0}
.ar-slot.late{padding:3px;background:var(--ar-zebra)}
.ar-slot .meta{display:block;font-size:11px;color:var(--ar-ink-3);margin-top:4px;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-slot .meta b{font-weight:600;color:var(--ar-ink-2)}
.ar-slot.late .meta{background:var(--ar-giz);margin:3px -3px -3px;padding:3px 5px 2px;border-radius:0 0 6px 6px;color:var(--ar-ink-2);font-weight:600}
@keyframes ar-park{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.ar-board.ready .ar-slot{animation:ar-park .45s cubic-bezier(.2,.8,.2,1) both}

.ar-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px}
.ar-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.ar-rows{list-style:none;margin-top:12px;border-top:1px solid var(--ar-line-soft)}
.ar-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--ar-line-soft);cursor:pointer}
.ar-row:hover{background:var(--ar-hover)}
.ar-row:last-child{border-bottom:0}
.ar-row .ar-chars{font-size:15px}
.ar-who b{display:block;font-weight:600;font-size:13.5px}
.ar-who span{font-size:12px;color:var(--ar-ink-3)}
.ar-type{font-size:12px;font-weight:600;color:var(--ar-ink-2);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ar-type i{width:7px;height:7px;border-radius:50%}
.ar-val{text-align:right;min-width:110px}
.ar-val b{display:block;font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums}
.ar-val span{font-size:12px;color:var(--ar-ink-3)}
.ar-val span.old{color:var(--ar-wait);font-weight:600}
.ar-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--ar-line-soft);font-size:12.5px;color:var(--ar-ink-3)}
.ar-foot b{color:var(--ar-ink)}

.ar-caixa{padding:18px 20px 20px}
.ar-caixa-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ar-caixa-top h2{font-size:15px;font-weight:700}
.ar-caixa-top p{font-size:12.5px;color:var(--ar-ink-3);margin-top:2px}
.ar-ghost{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--ar-line);font-size:12.5px;font-weight:600;background:var(--ar-giz);cursor:pointer;font-family:inherit;color:var(--ar-ink)}
.ar-ghost:hover{background:var(--ar-hover)}
.ar-caixa-v{font:600 30px/1.1 var(--ar-display);letter-spacing:-.03em;margin-top:16px;font-variant-numeric:tabular-nums}
.ar-caixa-v small{font:500 14px var(--ar-body);color:var(--ar-ink-3);margin-right:4px;letter-spacing:0}
.ar-caixa-sub{font-size:12.5px;color:var(--ar-ink-3);margin-top:4px}
.ar-ledger{margin-top:16px;border-top:1px dashed var(--ar-line)}
.ar-ledger div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--ar-line);font-size:13px;font-variant-numeric:tabular-nums}
.ar-ledger span{color:var(--ar-ink-2)}
.ar-ledger .in b{color:var(--ar-ok)} .ar-ledger .out b{color:var(--ar-stop)}

.ar-agenda{padding-bottom:8px}
.ar-day{padding:14px 20px 0}
.ar-day h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ar-ink-2);margin-bottom:6px}
.ar-day h3 .hoje{font-size:10.5px;background:var(--ar-asfalto);color:var(--ar-amarelo);padding:2px 7px;border-radius:5px;letter-spacing:.04em}
.ar-day h3 .c{margin-left:auto;font-weight:500;color:var(--ar-ink-3)}
.ar-ent{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--ar-line-soft);cursor:pointer}
.ar-ent:first-of-type{border-top:0}
.ar-ent time{font-weight:700;font-size:13px}
.ar-ent b{display:block;font-weight:600;font-size:13px}
.ar-ent b .p{font-family:var(--ar-plate);font-size:14px;letter-spacing:.06em;margin-right:4px}
.ar-ent span{font-size:12px;color:var(--ar-ink-3)}
.ar-none{font-size:12.5px;color:var(--ar-ink-3);padding:4px 0 10px}

.ar-chart{padding:8px 20px 18px}
.ar-chart svg{width:100%;height:auto;display:block}
.ar-chart .b{fill:rgba(22,23,27,.13)}
.ar-chart .b.cur{fill:var(--ar-amarelo)}
.ar-chart .b:hover{fill:rgba(22,23,27,.3)}
.ar-chart text{font:500 11px var(--ar-body);fill:var(--ar-ink-3)}
.ar-chart .v{font-weight:700;fill:var(--ar-ink-2)}
.masked .ar-chart .v{display:none}
.ar-tip{position:fixed;z-index:400;pointer-events:none;background:var(--ar-asfalto);color:#fff;font-size:12px;padding:7px 10px;border-radius:8px;opacity:0;transition:opacity .12s;max-width:260px;line-height:1.45}
.ar-tip b{color:var(--ar-amarelo);font-family:var(--ar-plate);font-size:14px;letter-spacing:.06em}

/* Responsivo do painel */
@media (max-width:1200px){
  .ar-grid{grid-template-columns:1fr}
}
@media (max-width:1200px){
  .ar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-kpi:nth-child(3){border-left:0}
  .ar-kpi:nth-child(n+3){border-top:1px solid var(--ar-line-soft)}
}
@media (max-width:768px){
  .ar-index .mn{margin-left:0}
  .ar-index .tb{padding:12px 16px 12px 64px}
  .ar-index .ct{padding:18px 16px 32px}
  .ar-board{margin:14px 14px 16px;scroll-snap-type:x mandatory}
  .ar-bay{scroll-snap-align:start}
}
@media (max-width:600px){
  .ar-kpis{grid-template-columns:1fr}
  .ar-kpi{border-left:0!important;border-top:1px solid var(--ar-line-soft)}
  .ar-kpi:first-child{border-top:0}
  .ar-dash .ar-head h1{font-size:21px}
  .ar-row{grid-template-columns:84px minmax(0,1fr) auto}
  .ar-row .ar-type{display:none}
}

/* ==========================================================================
   VER OS / ORÇAMENTO (ficha da oficina) — #m-ver
   ========================================================================== */
.vo{position:fixed;inset:0;z-index:180;overflow-y:auto;display:none;padding:28px 16px}
.vo.sh{display:block}
.vo-bg{position:fixed;inset:0;background:rgba(22,23,27,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.vo-sheet{position:relative;margin:0 auto;width:min(1120px,100%);background:var(--ar-giz);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden;color:var(--ar-ink);font-family:var(--ar-body);font-size:14px;line-height:1.45}
.vo button{font-family:inherit;cursor:pointer}
.vo svg{flex:none}

.vo-head{background:var(--ar-asfalto);color:#fff;padding:22px 26px 0;position:relative}
.vo-head::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--ar-zebra)}
.vo-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#B9BCC4;background:none;border:0}
.vo-close:hover{background:var(--ar-asfalto-2);color:#fff}
.vo-close svg{width:20px;height:20px}
.vo-id{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-right:48px}
.vo-plate{display:inline-block;background:#fff;border:2px solid #0d0e11;border-radius:7px;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.25);flex:none}
.vo-band{display:flex;align-items:center;justify-content:space-between;height:15px;padding:0 6px;background:var(--ar-mercosul);color:#fff;font:700 8px/1 var(--ar-body);letter-spacing:.16em}
.vo-band i{width:11px;height:7px;background:linear-gradient(#0B9E43 0 50%,#FEDF00 50%);border-radius:1px}
.vo-chars{display:block;text-align:center;font:700 34px/1.15 var(--ar-plate);letter-spacing:.08em;color:#16171B;padding:2px 16px 1px;min-width:150px}
.vo-car{min-width:0}
.vo-car h1{font:600 22px/1.2 var(--ar-display);letter-spacing:-.02em;color:#fff}
.vo-car p{color:#9DA1AA;margin-top:4px;font-size:13.5px}
.vo-car p b{color:#E4E6EA;font-weight:600}
.vo-meta{margin-left:auto;text-align:right}
.vo-os{font:600 13px var(--ar-display);color:#9DA1AA}
.vo-os b{color:#fff}
.vo-chip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;height:30px;padding:0 12px;border-radius:999px;font-weight:700;font-size:13px;color:#fff;background:color-mix(in srgb,var(--c) 26%,transparent)}
.vo-chip i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}
.vo-facts{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px;font-size:12.5px;color:#9DA1AA}
.vo-facts b{display:block;color:#fff;font-size:14px;font-weight:600;margin-top:1px}
.vo-facts .hot b{color:var(--ar-amarelo)}
.vo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-bottom:20px}
.vo-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;font-weight:700;font-size:13px;border:1px solid #33363d;color:#E4E6EA;background:transparent}
.vo-btn:hover{background:var(--ar-asfalto-2);border-color:#4a4e57}
.vo-btn svg{width:16px;height:16px}
.vo-btn.primary{background:var(--ar-amarelo);color:var(--ar-asfalto);border-color:var(--ar-amarelo);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.vo-btn.primary:hover{filter:brightness(.96)}
.vo-menu{position:relative}
.vo-menu-list{position:absolute;top:44px;left:0;z-index:5;background:#fff;color:var(--ar-ink);border:1px solid var(--ar-line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:6px;width:230px;max-height:340px;overflow-y:auto;display:none}
.vo-menu.open .vo-menu-list{display:block}
.vo-menu-list button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;text-align:left;background:none;border:0;color:var(--ar-ink)}
.vo-menu-list button:hover{background:var(--ar-hover)}
.vo-menu-list button[disabled]{cursor:default;font-weight:700;background:var(--ar-amarelo-soft)}
.vo-menu-list i{width:8px;height:8px;border-radius:3px;flex:none}

.vo-track{display:flex;padding:18px 26px 6px;overflow-x:auto;border-bottom:1px solid var(--ar-line-soft)}
.vo-step{flex:1;min-width:92px;position:relative;padding-top:20px;text-align:center}
.vo-step::before{content:'';position:absolute;top:7px;left:0;right:0;height:3px;background:var(--ar-line)}
.vo-step:first-child::before{left:50%}.vo-step:last-child::before{right:50%}
.vo-step.done::before{background:var(--ar-ink)}
.vo-step.cur::before{background:linear-gradient(90deg,var(--ar-ink) 50%,var(--ar-line) 50%)}
.vo-step:first-child.cur::before{background:var(--ar-line)}
.vo-step .dot{position:absolute;top:1px;left:50%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:var(--ar-giz);border:3px solid var(--ar-line)}
.vo-step.done .dot{background:var(--ar-ink);border-color:var(--ar-ink)}
.vo-step.cur .dot{width:21px;height:21px;top:-2px;border:4px solid var(--c);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent)}
.vo-step span{display:block;font-size:11.5px;font-weight:600;line-height:1.25;color:var(--ar-ink-3);padding:6px 4px 10px;white-space:normal;overflow-wrap:break-word;max-width:96px;margin:0 auto}
.vo-step.done span{color:var(--ar-ink-2)}
.vo-step.cur span{color:var(--ar-ink);font-weight:700}
.vo-track-msg{padding:14px 26px;border-bottom:1px solid var(--ar-line-soft);background:var(--ar-stop-soft);color:#8E1F17;font-size:13px}

.vo-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;padding:22px 26px}
.vo-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.vo-card{background:#fff;border:1px solid var(--ar-line);border-radius:14px}
.vo-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 10px;flex-wrap:wrap}
.vo-card-h h2{font-size:14.5px;font-weight:700;font-family:var(--ar-body)}
.vo-card-h small{font-size:12px;color:var(--ar-ink-3)}
.vo-empty{padding:2px 18px 16px;color:var(--ar-ink-3);font-size:13px}
.vo-link{background:none;border:0;color:var(--ar-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:0}
.vo-obs{padding:2px 18px 16px;font-size:13.5px;white-space:pre-wrap;color:var(--ar-ink-2)}
.vo-note{padding:0 18px 12px;font-size:12px;color:var(--ar-ink-3)}

.vo-srv{list-style:none;margin:0;padding:0}
.vo-srv li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--ar-line-soft)}
.vo-srv .d b{display:block;font-weight:600}
.vo-srv .d span{font-size:12px;color:var(--ar-ink-3)}
.vo-srv .v{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.vo-cat{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px;white-space:nowrap;background:var(--ar-hover);color:var(--ar-ink-2)}
.vo-cat.c-funilaria{background:#FDECEC;color:#B4231B}.vo-cat.c-pintura{background:#E7EEFC;color:#1D4FBF}
.vo-cat.c-estetica{background:#FCE8F3;color:#A3196A}.vo-cat.c-preparacao{background:var(--ar-amarelo-soft);color:var(--ar-amarelo-ink)}
.vo-cat.c-pecas{background:#E6F4F1;color:#0F6B5B}
.vo-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px 16px;border-top:1px dashed var(--ar-line);background:color-mix(in srgb,var(--ar-concreto) 35%,#fff);border-radius:0 0 14px 14px}
.vo-total span{color:var(--ar-ink-2);font-weight:600}
.vo-total b{font:600 24px var(--ar-display);letter-spacing:-.02em;white-space:nowrap}
.vo-total small{display:block;font-size:12px;color:var(--ar-ink-3);text-align:right}

.vo-chk{display:flex;gap:10px;flex-wrap:wrap;padding:0 18px 12px}
.vo-chk span{padding:6px 10px;border-radius:8px;font-size:12.5px;background:var(--ar-hover);color:var(--ar-ink-2)}
.vo-chk b{font-weight:700;color:var(--ar-ink)}
.vo-chk .ok{background:var(--ar-ok-soft)}.vo-chk .av{background:var(--ar-stop-soft)}
.vo-chk-av{margin:0 18px 16px;padding-left:18px;font-size:13px;color:var(--ar-ink-2)}
.vo-chk-av li{padding:2px 0}

.vo-map{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:center;padding:4px 18px 16px}
.vo-map svg{width:170px;height:auto;display:block}
.vo-shell{fill:#F4F5F6;stroke:#B9BDC4;stroke-width:1.5}
.vo-zone{fill:transparent;stroke:#C9CCD2;stroke-width:1;stroke-dasharray:3 3;transition:fill .15s}
.vo-zone.hit{fill:url(#vo-zebra);stroke:var(--ar-asfalto);stroke-width:1.6;stroke-dasharray:none;cursor:pointer}
.vo-zone.hit:hover,.vo-zone.sel{fill:var(--ar-stop);stroke:var(--ar-stop)}
.vo-glass{fill:#DCE3EC;stroke:#B9BDC4;stroke-width:1}
.vo-lbl{font:700 9px var(--ar-body);fill:var(--ar-ink-3);letter-spacing:.08em}
.vo-av-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.vo-av-list button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:9px;border:1px solid var(--ar-line-soft);background:#fff;color:var(--ar-ink)}
.vo-av-list button:hover,.vo-av-list button.sel{border-color:var(--ar-stop);background:var(--ar-stop-soft)}
.vo-av-list i{width:14px;height:14px;border-radius:3px;background:var(--ar-zebra);flex:none}
.vo-av-list b{font-weight:600;font-size:13px;flex:1}
.vo-av-list span{font-size:12px;color:var(--ar-ink-3);white-space:nowrap}
.vo-warn{margin:0 18px 16px;padding:10px 12px;border-radius:10px;background:#FFF6E0;border:1px solid #F3D88A;font-size:12.5px;color:#6B4C00}

.vo-who{display:flex;align-items:center;gap:12px;padding:2px 18px 12px}
.vo-who .av{width:40px;height:40px;border-radius:50%;background:var(--ar-amarelo);color:var(--ar-asfalto);display:grid;place-items:center;font-weight:700;flex:none}
.vo-who b{display:block;font-weight:700;font-size:15px}
.vo-who span{font-size:12.5px;color:var(--ar-ink-3)}
.vo-contact{display:flex;gap:8px;padding:0 18px 16px}
.vo-contact a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;border-radius:9px;border:1px solid var(--ar-line);font-weight:600;font-size:13px;color:var(--ar-ink);text-decoration:none;white-space:nowrap}
.vo-contact a:hover{background:var(--ar-hover)}
.vo-contact a.wa{background:#E7F7EE;border-color:#BFE8CF;color:#11713E}
.vo-contact svg{width:16px;height:16px}
.vo-kv{padding:2px 18px 16px;margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px}
.vo-kv dt{color:var(--ar-ink-3)}
.vo-kv dd{margin:0;font-weight:600;text-align:right}
.vo-kv dd.pl{font-family:var(--ar-plate);font-size:15px;letter-spacing:.06em}

.vo-media{margin:0 26px 26px}
.vo-tabs{display:flex;gap:4px;padding:10px 12px 0;border-bottom:1px solid var(--ar-line-soft);flex-wrap:wrap}
.vo-tab{padding:9px 12px 11px;font-weight:700;font-size:13px;color:var(--ar-ink-3);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center;background:none}
.vo-tab em{font-style:normal;font-weight:600;font-size:11.5px;background:var(--ar-hover);color:var(--ar-ink-2);border-radius:999px;padding:1px 7px}
.vo-tab.on{color:var(--ar-ink);border-bottom-color:var(--ar-amarelo)}
.vo-tab.on.av{border-bottom-color:var(--ar-stop)}
.vo-tab[disabled]{opacity:.45;cursor:default}
.vo-dl{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;margin-bottom:6px;border-radius:9px;border:1px solid var(--ar-line);font-weight:700;font-size:12.5px;color:var(--ar-ink);text-decoration:none;white-space:nowrap}
.vo-dl:hover{background:var(--ar-hover);border-color:#C5C8CE}
.vo-dl svg{width:15px;height:15px}
.vo-filter{display:flex;align-items:center;gap:8px;padding:12px 16px 0;font-size:12.5px;color:var(--ar-ink-2)}
.vo-filter[hidden]{display:none}
.vo-filter button{background:none;border:0;font-weight:700;color:var(--ar-stop)}
.vo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px 16px 16px}
.vo-grid.videos{grid-template-columns:repeat(2,minmax(0,1fr))}
.vo-grid .vo-empty{grid-column:1/-1;padding:4px 0}
.vo-th{position:relative;margin:0;border-radius:9px;overflow:hidden;aspect-ratio:4/3;background:var(--ar-concreto);cursor:zoom-in}
.vo-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.vo-th:hover img{transform:scale(1.05)}
.vo-th figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vo-th.av{outline:2px solid var(--ar-stop);outline-offset:-2px}
.vo-th.av figcaption{background:linear-gradient(transparent,rgba(170,20,10,.85))}
.vo-video{width:100%;border-radius:9px;background:#000}

.vo-lb{position:fixed;inset:0;z-index:10;background:rgba(10,11,13,.94);display:none;flex-direction:column}
.vo-lb.sh{display:flex}
.vo-lb-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#fff}
.vo-lb-top b{font-weight:700}
.vo-lb-top span{color:#9DA1AA;margin-left:10px;font-size:13px}
.vo-lb-main{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px 18px;min-height:0}
.vo-lb-main img{max-width:calc(100% - 120px);max-height:100%;object-fit:contain;border-radius:8px}
.vo-nav{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;flex:none;border:0}
.vo-nav:hover{background:rgba(255,255,255,.2)}
.vo-nav svg{width:22px;height:22px}

@media (max-width:980px){.vo-body{grid-template-columns:1fr}.vo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vo-meta{margin-left:0;text-align:left}}
@media (max-width:600px){
  .vo{padding:0}.vo-sheet{border-radius:0}
  .vo-head{padding:18px 16px 0}.vo-track,.vo-body{padding-left:16px;padding-right:16px}.vo-media{margin:0 16px 20px}
  .vo-chars{font-size:26px;min-width:0}.vo-car h1{font-size:18px}
  .vo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vo-grid.videos{grid-template-columns:1fr}
  .vo-map{grid-template-columns:110px 1fr}.vo-map svg{width:110px}
}
@media (prefers-reduced-motion:reduce){.vo *{transition:none!important}}

/* ==========================================================================
   AGENDA DE ENTRADAS (#p-agenda)
   ========================================================================== */
.ag2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ag2-head small{display:block;font-size:12.5px;font-weight:600;color:var(--ar-ink-3);margin-bottom:6px}
.ag2-head h1{font:600 26px/1.15 var(--ar-display);letter-spacing:-.02em}
.ag2-head h1 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(252,194,27,.7) 62%)}
.ag2-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ag2-seg{display:inline-flex;background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:10px;padding:3px}
.ag2-seg button{height:32px;padding:0 12px;border-radius:7px;font:700 12.5px var(--ar-body);color:var(--ar-ink-2);background:none;border:0;cursor:pointer}
.ag2-seg button.on{background:var(--ar-asfalto);color:var(--ar-amarelo)}
.ag2-nav{display:inline-flex;align-items:center;gap:4px}
.ag2-nav button{height:34px;min-width:34px;border-radius:9px;border:1px solid var(--ar-line);background:var(--ar-giz);display:grid;place-items:center;cursor:pointer;color:var(--ar-ink)}
.ag2-nav button:hover{background:var(--ar-hover)}
.ag2-nav .hoje{padding:0 12px;font:700 12.5px var(--ar-body)}

.ag2-sum{display:grid;grid-template-columns:1.1fr 1fr 1.5fr;background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px;margin-bottom:16px}
.ag2-sum > div{padding:16px 20px;border-left:1px solid var(--ar-line-soft);min-width:0}
.ag2-sum > div:first-child{border-left:0}
.ag2-sum small{display:block;font-size:12.5px;font-weight:600;color:var(--ar-ink-2)}
.ag2-sum .big{display:block;font:600 26px/1.1 var(--ar-display);letter-spacing:-.03em;margin:6px 0 4px}
.ag2-sum p{font-size:12.5px;color:var(--ar-ink-3)}
.ag2-sum p b{color:var(--ar-ink-2);font-weight:600}
.ag2-sum .pend{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ag2-sum .acts{display:flex;gap:8px;flex-wrap:wrap}
.ag2-ghost{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--ar-line);font:700 12.5px var(--ar-body);background:#fff;color:var(--ar-ink);cursor:pointer;white-space:nowrap}
.ag2-ghost:hover{background:var(--ar-hover)}
.ag2-ghost.ok{background:var(--ar-ok-soft);border-color:#BFE8CF;color:#11713E}

.ag2-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}
.ag2-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px;overflow:hidden}
.ag2-board[hidden],.ag2-month[hidden],.ag2-pend[hidden]{display:none}
.ag2-day{border-left:1px dashed var(--ar-line);min-height:420px;display:flex;flex-direction:column;min-width:0}
.ag2-day:first-child{border-left:0}
.ag2-day.past{background:color-mix(in srgb,var(--ar-concreto) 30%,var(--ar-giz))}
.ag2-day.today{background:#fff;box-shadow:inset 0 3px 0 var(--ar-amarelo)}
.ag2-day .dh{padding:12px 12px 10px;border-bottom:1px solid var(--ar-line-soft)}
.ag2-day .w{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.ag2-day .w span{font-size:12px;font-weight:700;color:var(--ar-ink-2);text-transform:capitalize}
.ag2-day .w b{font:600 20px var(--ar-display);letter-spacing:-.02em}
.ag2-day.today .w b::after{content:'HOJE';font:700 9.5px var(--ar-body);letter-spacing:.06em;background:var(--ar-asfalto);color:var(--ar-amarelo);padding:2px 6px;border-radius:5px;margin-left:6px;vertical-align:3px}
.ag2-day .cap{margin-top:8px}
.ag2-day .cap .bar{height:6px;border-radius:999px;background:var(--ar-line-soft);overflow:hidden}
.ag2-day .cap .bar i{display:block;height:100%;border-radius:999px;background:var(--ar-ok)}
.ag2-day .cap.mid .bar i{background:var(--ar-amarelo)}
.ag2-day .cap.full .bar i{background:var(--ar-zebra)}
.ag2-day .cap small{display:block;font-size:11.5px;color:var(--ar-ink-3);margin-top:4px}
.ag2-day .cap.full small{color:var(--ar-stop);font-weight:700}
.ag2-day .db{flex:1;padding:10px 8px 12px;display:flex;flex-direction:column;gap:8px}
.ag2-day .free{margin:auto 0;text-align:center;font-size:12px;color:var(--ar-ink-3);padding:16px 4px}
.ag2-day .free button{display:block;margin:8px auto 0;font:700 12px var(--ar-body);color:var(--ar-ink-2);text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}

.ag2-tk{width:100%;text-align:left;background:#fff;border:1px solid var(--ar-line);border-radius:10px;padding:8px 9px 9px;display:flex;flex-direction:column;gap:5px;transition:border-color .15s,transform .15s;cursor:pointer;font-family:var(--ar-body);color:var(--ar-ink)}
.ag2-tk:hover{border-color:var(--ar-asfalto);transform:translateY(-1px)}
.ag2-tk.sel{border-color:var(--ar-asfalto);box-shadow:0 0 0 3px rgba(252,194,27,.45)}
.ag2-tk.done{opacity:.72}.ag2-tk.done:hover{opacity:1}
.ag2-tk .r1{display:flex;align-items:center;justify-content:space-between;gap:4px 6px;flex-wrap:wrap}
.ag2-tk time{font-weight:700;font-size:12px;color:var(--ar-ink-2)}
.ag2-tk .car{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag2-tk .cli{font-size:11.5px;color:var(--ar-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag2-pl{display:inline-block;background:#fff;border:1.5px solid #1C1D21;border-radius:4px;overflow:hidden;line-height:1;flex:none}
.ag2-pl i{display:block;height:6px;background:var(--ar-mercosul)}
.ag2-pl b{display:block;font:700 13.5px/1.15 var(--ar-plate);letter-spacing:.05em;padding:1px 4px 0;color:#16171B;white-space:nowrap}
.ag2-pl.none b{color:var(--ar-ink-3);font:600 10.5px/1.2 var(--ar-body);letter-spacing:0;padding:3px 5px 1px}
.p-agenda .st,.ag2 .st{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.3;border-radius:6px;padding:3px 7px;align-self:flex-start;max-width:100%}
.ag2 .st i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.ag2 .st.chegou{background:var(--ar-hover);color:var(--ar-ink-2)}
.ag2 .st.conf{background:var(--ar-ok-soft);color:#11713E}
.ag2 .st.aguard{background:var(--ar-wait-soft);color:#8A5A0B}
.ag2 .st.falta{background:var(--ar-stop-soft);color:var(--ar-stop)}
.ag2 .st.canc{background:var(--ar-hover);color:var(--ar-ink-3);text-decoration:line-through}

.ag2-month{background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px;overflow:hidden}
.ag2-mh,.ag2-mg{display:grid;grid-template-columns:repeat(7,1fr)}
.ag2-mh div{padding:10px;font-size:11.5px;font-weight:700;color:var(--ar-ink-3);text-align:center;border-bottom:1px solid var(--ar-line-soft)}
.ag2-mg button{min-height:84px;border:0;border-left:1px solid var(--ar-line-soft);border-bottom:1px solid var(--ar-line-soft);padding:8px;text-align:left;display:flex;flex-direction:column;gap:6px;background:none;cursor:pointer;font-family:var(--ar-body);color:var(--ar-ink)}
.ag2-mg button:nth-child(7n+1){border-left:0}
.ag2-mg button:hover{background:var(--ar-hover)}
.ag2-mg button.out{opacity:.35}
.ag2-mg button.today{background:var(--ar-amarelo-soft)}
.ag2-month .n{font-weight:700;font-size:12.5px}
.ag2-month .q{font:600 18px var(--ar-display);letter-spacing:-.02em}
.ag2-month .q small{font:500 11px var(--ar-body);color:var(--ar-ink-3);margin-left:4px}
.ag2-month .heat{height:5px;border-radius:999px;background:var(--ar-line-soft);overflow:hidden;margin-top:auto;width:100%}
.ag2-month .heat i{display:block;height:100%;background:var(--ar-ok)}
.ag2-month .heat i.mid{background:var(--ar-amarelo)}.ag2-month .heat i.full{background:var(--ar-zebra)}

.ag2-pend{background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px;overflow:hidden}
.ag2-pend-tip{padding:14px 18px;font-size:12.5px;color:var(--ar-ink-2);border-bottom:1px solid var(--ar-line-soft)}
.ag2-prow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--ar-line-soft)}
.ag2-prow:last-child{border-bottom:0}
.ag2-prow .t b{display:block;font-weight:600;font-size:13.5px}
.ag2-prow .t span{font-size:12px;color:var(--ar-ink-3)}
.ag2-prow .acts{display:flex;gap:6px;flex-wrap:wrap}
.ag2-prow .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.ag2-prow.voltou{background:color-mix(in srgb,var(--ar-ok-soft) 45%,transparent)}
.ag2-voltou{display:inline-flex;align-items:center;font:700 11px var(--ar-body);border-radius:6px;padding:3px 8px;background:var(--ar-ok-soft);color:#11713E;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ag2-ghost.wa{display:inline-flex;align-items:center;background:#E7F7EE;border-color:#BFE8CF;color:#11713E;text-decoration:none}
.ag2-cap{font-size:12px;color:var(--ar-ink-3);margin-top:10px}
.ag2-cap button{font:700 12px var(--ar-body);color:var(--ar-ink-2);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}

.ag2-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}
.ag2-card{background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px}
.ag2-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px 8px}
.ag2-card-h h3{font-size:14.5px;font-weight:700;font-family:var(--ar-body)}
.ag2-card-h small{font-size:12px;color:var(--ar-ink-3)}
.ag2-empty{padding:16px 18px;font-size:12.5px;color:var(--ar-ink-3);list-style:none}
.ag2-dt{padding:4px 18px 18px}
.ag2-dt .big{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ag2-dt .big .ag2-pl b{font-size:21px;padding:2px 8px 1px}
.ag2-dt .big .ag2-pl i{height:8px}
.ag2-dt h4{font-weight:700;font-size:15px}
.ag2-dt .big p{font-size:12.5px;color:var(--ar-ink-3)}
.ag2-dt dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin:12px 0}
.ag2-dt dt{color:var(--ar-ink-3)}.ag2-dt dd{font-weight:600;text-align:right;margin:0}
.ag2-dt .obs{font-size:12.5px;color:var(--ar-ink-2);background:#fff;border:1px solid var(--ar-line-soft);border-radius:9px;padding:8px 10px;margin-bottom:12px;white-space:pre-wrap}
.ag2-dt .acts{display:grid;gap:8px}
.ag2-dt .hint{font-size:11.5px;color:var(--ar-ink-3);margin-top:-2px}
.ag2-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:10px;border:1px solid var(--ar-line);background:#fff;font:700 13px var(--ar-body);color:var(--ar-ink);cursor:pointer;text-decoration:none;padding:0 10px;text-align:center}
.ag2-btn:hover{background:var(--ar-hover)}
.ag2-btn.y{background:var(--ar-amarelo);border-color:var(--ar-amarelo);color:var(--ar-asfalto);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.ag2-btn.wa{background:#E7F7EE;border-color:#BFE8CF;color:#11713E}
.ag2-btn.red{color:var(--ar-stop);border-color:#F2C6C2}
.ag2-dt .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ag2-dt .msg{background:#fff;border:1px dashed var(--ar-line);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--ar-ink-2)}
.ag2-dt .msg b{display:block;font-size:11px;color:var(--ar-ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.ag2-dt .osln{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--ar-hover);font-size:13px}
.ag2-dt .osln button{font:700 13px var(--ar-body);text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer;color:var(--ar-ink)}
.ag2-del{background:none;border:0;font:600 12px var(--ar-body);color:var(--ar-ink-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:center;margin-top:4px}
.ag2-del:hover{color:var(--ar-stop)}
.ag2-next{list-style:none;padding:0 10px 12px;margin:0}
.ag2-next li button{display:grid;grid-template-columns:52px 1fr;gap:10px;width:100%;text-align:left;padding:8px;border-radius:9px;align-items:center;background:none;border:0;cursor:pointer;font-family:var(--ar-body);color:var(--ar-ink)}
.ag2-next li button:hover{background:var(--ar-hover)}
.ag2-next .d{text-align:center;border:1px solid var(--ar-line);border-radius:8px;padding:3px 0;background:#fff}
.ag2-next .d b{display:block;font:600 16px var(--ar-display)}
.ag2-next .d span{font-size:10.5px;font-weight:700;color:var(--ar-ink-3);text-transform:uppercase}
.ag2-next .t b{display:block;font-size:13px;font-weight:600}
.ag2-next .t span{font-size:12px;color:var(--ar-ink-3)}
.ag-cap-hint{font-size:12.5px;color:var(--ar-ink-2);margin:-4px 0 12px;min-height:1px}
.ag-cap-hint.cheio{color:var(--ar-stop)}

@media (max-width:1280px){.ag2-layout{grid-template-columns:1fr}.ag2-side{position:static}}
@media (max-width:1100px){.ag2-board{grid-template-columns:repeat(3,minmax(0,1fr))}.ag2-day:nth-child(4){border-left:0}.ag2-day:nth-child(n+4){border-top:1px solid var(--ar-line)}.ag2-sum{grid-template-columns:1fr 1fr}.ag2-sum > div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--ar-line-soft)}}
@media (max-width:640px){.ag2-board{grid-template-columns:1fr}.ag2-day{border-left:0!important;border-top:1px solid var(--ar-line);min-height:0}.ag2-sum{grid-template-columns:1fr}.ag2-prow{grid-template-columns:auto 1fr}.ag2-prow .acts{grid-column:1/-1}}

/* ==========================================================================
   LOGIN
   ========================================================================== */
body.ar-login{background:var(--ar-asfalto)}
body.ar-login::after{content:'';position:fixed;left:0;right:0;bottom:0;height:10px;background:var(--ar-zebra)}
.ar-login .card{background:var(--ar-giz);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);padding:44px 36px}
.ar-login .logo-icon{width:auto;height:auto;background:none;border-radius:0}
.ar-login .logo-icon img{width:auto;height:auto;max-width:240px;max-height:82px;border-radius:0}
.ar-login h1{font:600 24px var(--ar-display);letter-spacing:-.02em;color:var(--ar-ink)}
.ar-login .sub{font:600 11px var(--ar-body);letter-spacing:.12em;color:var(--ar-ink-3)}
.ar-login .bar{background:var(--ar-amarelo);width:44px}
.ar-login .field label{font-weight:600;color:var(--ar-ink-2);font-size:12.5px}
.ar-login .field input{border:1px solid var(--ar-line);border-radius:10px;font-family:var(--ar-body);background:#fff}
.ar-login .field input:focus{border-color:var(--ar-asfalto);box-shadow:var(--ar-ring)}
.ar-login .btn{background:var(--ar-amarelo);color:var(--ar-asfalto);font:700 15px var(--ar-body);border-radius:10px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.ar-login .btn:hover{background:var(--ar-amarelo);filter:brightness(.96)}
.ar-login .err{background:var(--ar-stop-soft);color:var(--ar-stop);font-weight:600}

/* ==========================================================================
   NOVA OS (os-nova.php — celular)
   ========================================================================== */
.ar-osnova .header{background:var(--ar-asfalto);border-bottom:0;box-shadow:inset 0 -4px 0 var(--ar-amarelo)}
.ar-osnova .header h1{font-family:var(--ar-display);font-weight:600;letter-spacing:-.02em;color:var(--ar-amarelo)}
.ar-osnova .header p{color:rgba(255,255,255,.55)}
.ar-osnova .greeting{font-family:var(--ar-display);font-weight:600;letter-spacing:-.02em}
.ar-osnova input,.ar-osnova select,.ar-osnova textarea{font-family:var(--ar-body)}
.ar-osnova input[id*="placa"]{font-family:var(--ar-plate)!important;font-weight:700;letter-spacing:.08em;font-size:20px!important}

/* ==========================================================================
   CAIXA (caixa.php)
   ========================================================================== */
.ar-caixa-pg h1,.ar-caixa-pg h2{font-family:var(--ar-display);letter-spacing:-.02em;font-weight:600}

/* ==========================================================================
   TELÃO DA OFICINA (painel/) — continua escuro, com as cores da marca
   ========================================================================== */
body.ar-telao{
  --ac:var(--ar-amarelo); --bg:#0F1013; --sf:#17191D; --sf2:#1E2025; --bd:#2A2D33;
  --tx:#ECEDEF; --tx2:#A9ADB6; --tx3:#7B808A; --gn:#2BB673; --rd:#E5483C;
  font-family:var(--ar-body);background:#0F1013;color:#ECEDEF
}
.ar-telao h1,.ar-telao h2{font-family:var(--ar-display);letter-spacing:-.02em}

@media (prefers-reduced-motion:reduce){
  .ar-board.ready .ar-slot{animation:none}
  .ar-slot,.ar-slot:hover{transition:none;transform:none}
}

/* ==========================================================================
   Ordens de serviço e orçamentos (#p-ordens.o2)
   ========================================================================== */
.o2-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ar-line);margin-bottom:16px;overflow-x:auto}
.o2-tabs button{position:relative;padding:10px 14px 12px;font:700 14px var(--ar-body);color:var(--ar-ink-3);display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;white-space:nowrap}
.o2-tabs button b{font:600 11.5px var(--ar-body);background:var(--ar-line-soft);color:var(--ar-ink-2);border-radius:999px;padding:1px 8px}
.o2-tabs button.on{color:var(--ar-ink)}
.o2-tabs button.on::after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--ar-asfalto)}
.o2-tabs button.on b{background:var(--ar-asfalto);color:var(--ar-amarelo)}
.o2-sum{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}
.o2-sum .big{font-size:24px}
.o2-sum .warn .big{color:var(--ar-stop)}

.o2-esteira{background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px;padding:12px 12px 10px;margin-bottom:14px}
.o2-esteira[hidden]{display:none}
.o2-esteira-h{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 8px}
.o2-esteira-h h3{font:700 12.5px var(--ar-body);color:var(--ar-ink-2)}
.o2-esteira-h button{font:700 12px var(--ar-body);color:var(--ar-ink-2);text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}
.o2-linha{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}
.o2-et{flex:1 1 0;min-width:84px;position:relative;text-align:left;border-radius:9px;padding:9px 10px 8px;background:#fff;border:1px solid var(--ar-line-soft);cursor:pointer;font-family:var(--ar-body);transition:border-color .15s}
.o2-et::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;border-radius:9px 9px 0 0;background:var(--c)}
.o2-et b{display:block;font:600 20px/1.1 var(--ar-display);letter-spacing:-.02em;margin-top:2px;color:var(--ar-ink)}
.o2-et span{display:block;font-size:11.5px;font-weight:600;color:var(--ar-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o2-et i{position:absolute;right:8px;top:10px;font-style:normal;font-size:10.5px;font-weight:700;color:var(--ar-stop)}
.o2-et.zero{opacity:.45;background:transparent}
.o2-et:hover{border-color:var(--ar-ink-3)}
.o2-et.on{border-color:var(--ar-asfalto);box-shadow:var(--ar-ring)}

.o2-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.o2-sub button{white-space:nowrap}
.o2-sub button small{font-weight:600;color:var(--ar-ink-3);margin-left:5px;font-size:11.5px}
.o2-sub button.on small{color:#C9CBD1}
.o2-busca{flex:1;min-width:220px;position:relative;margin:0}
.o2 .o2-busca input{width:100%;height:38px;border:1px solid var(--ar-line);border-radius:10px;background:#fff;padding:0 12px 0 36px;font:500 13.5px var(--ar-body);margin:0}
.o2-busca svg{position:absolute;left:12px;top:11px;color:var(--ar-ink-3)}
.o2 .o2-sel{height:38px;width:auto;border:1px solid var(--ar-line);border-radius:10px;background:#fff;padding:0 10px;font:600 12.5px var(--ar-body);color:var(--ar-ink-2);margin:0}

.o2-lista{background:var(--ar-giz);border:1px solid var(--ar-line);border-radius:14px;overflow:hidden}
.o2-lh,.o2-row{display:grid;grid-template-columns:104px minmax(170px,1.5fr) minmax(120px,.8fr) minmax(170px,1fr) 104px 336px;gap:14px;align-items:center;padding:0 16px}
.o2-lh{height:36px;font-size:11.5px;font-weight:700;color:var(--ar-ink-3);border-bottom:1px solid var(--ar-line-soft);background:#F5F5F4}
.o2-lh .r,.o2-val{text-align:right}
.o2-row{min-height:64px;border-bottom:1px solid var(--ar-line-soft);cursor:pointer;transition:background .12s}
.o2-row > *{min-width:0}
.o2-row:last-child{border-bottom:0}
.o2-row:hover{background:#fff}
.o2-row.parado{box-shadow:inset 3px 0 0 var(--ar-stop)}
.o2-grp{padding:14px 16px 8px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--ar-line-soft);background:#F5F5F4}
.o2-grp h4{font:600 13px var(--ar-display);letter-spacing:-.01em}
.o2-grp span{font-size:12px;font-weight:600;color:var(--ar-ink-3)}
.o2-id{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.o2-id small{font-size:11.5px;font-weight:700;color:var(--ar-ink-3);font-variant-numeric:tabular-nums}
.o2-id .ag2-pl b{font-size:15px;padding:1px 5px 0}
.o2-car b{display:block;font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o2-car b .cor{color:var(--ar-ink-3);font-weight:500}
.o2-car > span{display:block;font-size:12px;color:var(--ar-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o2-tp{display:inline-block;font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.o2-tp.seg{background:#E6ECF8;color:var(--ar-mercosul)}
.o2-tp.par{background:var(--ar-amarelo-soft);color:var(--ar-amarelo-ink)}
.o2-tp.ret{background:var(--ar-hover);color:var(--ar-ink-2)}
.o2-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 70%,#16171B)}
.o2-pill i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.o2-etapa small,.o2-orc small{display:block;font-size:11.5px;color:var(--ar-ink-3);margin-top:4px;font-weight:600}
.o2-etapa small.bad,.o2-orc small.bad{color:var(--ar-stop)}
.o2-val{font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums}
.o2-acts{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.o2-btn{height:32px;padding:0 11px;border-radius:8px;border:1px solid var(--ar-line);background:#fff;font:700 12.5px var(--ar-body);color:var(--ar-ink);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.o2-btn:hover{background:var(--ar-hover)}
.o2-btn.go{background:var(--ar-asfalto);border-color:var(--ar-asfalto);color:#fff}
.o2-btn.go:hover{background:#2A2C32}
.o2-btn.go em{font-style:normal;color:var(--ar-amarelo)}
.o2-btn.y{background:var(--ar-amarelo);border-color:var(--ar-amarelo);color:var(--ar-asfalto)}
.o2-btn.ic{width:32px;padding:0;justify-content:center}
.o2-srvs{display:flex;gap:4px;flex-wrap:wrap}
.o2-srvs span{font-size:11px;font-weight:700;border-radius:5px;padding:2px 6px;background:var(--ar-hover);color:var(--ar-ink-2)}
.o2-orc b{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px}
.o2-orc .ok{background:var(--ar-ok-soft);color:#11713E}
.o2-orc .no{background:var(--ar-stop-soft);color:var(--ar-stop)}
.o2-orc .ab{background:var(--ar-wait-soft);color:#8A5A0B}
.o2-orc small a{color:var(--ar-ink);font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.o2-relogio{height:5px;border-radius:999px;background:var(--ar-line-soft);margin-top:6px;max-width:150px;overflow:hidden}
.o2-relogio i{display:block;height:100%;border-radius:999px;background:var(--ar-amarelo)}
.o2-relogio.fim i{background:var(--ar-zebra)}
.o2-vazio{padding:42px 20px;text-align:center;color:var(--ar-ink-3);font-size:13px}
.o2-vazio b{display:block;font:600 15px var(--ar-display);color:var(--ar-ink);margin-bottom:6px}
.o2-mais{display:block;width:100%;padding:12px;font:700 12.5px var(--ar-body);color:var(--ar-ink-2);border:0;border-top:1px solid var(--ar-line-soft);background:none;cursor:pointer}
.o2-mais:hover{background:#fff}

.o2-dd{position:fixed;z-index:400;background:#fff;border:1px solid var(--ar-line);border-radius:10px;box-shadow:0 12px 32px rgba(22,23,27,.18);padding:6px;min-width:220px;max-height:70vh;overflow:auto;font-family:var(--ar-body)}
.o2-dd button{display:flex;width:100%;text-align:left;padding:8px 10px;border-radius:7px;font:600 13px var(--ar-body);color:var(--ar-ink);gap:8px;align-items:center;background:none;border:0;cursor:pointer}
.o2-dd button:hover{background:var(--ar-hover)}
.o2-dd button.red{color:var(--ar-stop)}
.o2-dd hr{border:0;border-top:1px solid var(--ar-line-soft);margin:4px 2px}
.o2-dd small{display:block;padding:6px 10px 2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ar-ink-3)}
.o2-dd-et button{padding:6px 10px;font-size:12.5px}
.o2-dd-et button i{width:8px;height:8px;border-radius:50%;flex:none}
.o2-dd-et button.cur{opacity:.5;cursor:default;background:none}

@media (max-width:1180px){
  .o2-lh{display:none}
  .o2-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"id car" "id tipo" "etapa val" "acts acts";gap:6px 12px;padding:12px 14px}
  .o2-row .o2-id{grid-area:id}.o2-row .o2-car{grid-area:car}.o2-row .o2-tipo{grid-area:tipo}.o2-row .o2-etapa,.o2-row .o2-orc{grid-area:etapa}.o2-row .o2-val{grid-area:val;align-self:end}.o2-row .o2-acts{grid-area:acts;justify-content:flex-start;flex-wrap:wrap}
}
@media (max-width:760px){
  .o2-sum{grid-template-columns:1fr}.o2-sum > div{border-left:0;border-top:1px solid var(--ar-line-soft)}.o2-sum > div:first-child{border-top:0}
  .o2-busca{flex-basis:100%}
  .o2-sub{max-width:100%;overflow-x:auto}
  .o2 .ag2-head h1{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.o2-row,.o2-et{transition:none}}
/* ==========================================================================
   Editar OS / orçamento (#m-ed2)
   ========================================================================== */
.ed2-ov{position:fixed;inset:0;z-index:300;font-family:var(--ar-body);color:var(--ar-ink)}
.ed2-ov[hidden]{display:none}
body.ed2-aberto{overflow:hidden}
.ed2-bg{position:absolute;inset:0;background:rgba(22,23,27,.55)}
.ed2{position:absolute;inset:40px 24px 24px;max-width:1120px;margin:0 auto;background:var(--ar-giz);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}
.ed2-h{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--ar-line);background:#fff}
.ed2-pl b{font-size:22px!important;padding:1px 8px 0!important}
.ed2-pl i{height:8px!important}
.ed2-h .t{min-width:0}
.ed2-h .t small{display:block;font-size:12px;font-weight:700;color:var(--ar-ink-3)}
.ed2-h .t h2{font:600 18px/1.25 var(--ar-display);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed2-h .t h2 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(252,194,27,.7) 62%)}
.ed2-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 75%,#16171B)}
.ed2-tag i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.ed2-x{margin-left:auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ar-ink-2);background:none;border:0;cursor:pointer;flex:none}
.ed2-x:hover{background:var(--ar-hover)}
.ed2-b{flex:1;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px}
.ed2-main{padding:20px 22px 28px;min-width:0}
.ed2-side{padding:20px 22px 28px;border-left:1px solid var(--ar-line);background:#F5F5F4;display:flex;flex-direction:column;gap:16px}
.ed2-sec{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.ed2-sec h3{font:600 15px var(--ar-display);letter-spacing:-.01em}
.ed2-sec span{font-size:12.5px;font-weight:600;color:var(--ar-ink-3)}
.ed2-comp{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--ar-line-soft);margin-bottom:8px}
.ed2-comp i{display:block;height:100%;transition:width .25s}
.ed2-comp-l{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12px;color:var(--ar-ink-2);font-weight:600;margin-bottom:14px}
.ed2-comp-l span{display:inline-flex;align-items:center;gap:6px}
.ed2-comp-l span i{width:8px;height:8px;border-radius:2px}

.ed2-srv{background:#fff;border:1px solid var(--ar-line);border-radius:12px;overflow:hidden}
.ed2-sr{display:grid;grid-template-columns:130px minmax(0,1fr) 130px 36px;gap:8px;align-items:start;padding:8px 10px;border-bottom:1px solid var(--ar-line-soft);position:relative}
.ed2-sr::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--c)}
.ed2-sr.novo{background:#FFFBEA}
.ed2-sr.mudou .desc,.ed2-sr.mudou .val{background:#FFFBEA}
.ed2-sr.del{opacity:.55}
.ed2-sr.del .desc,.ed2-sr.del .val{text-decoration:line-through}
.ed2 .ed2-srv select,.ed2 .ed2-srv input{height:34px;border:1px solid transparent;border-radius:8px;background:transparent;padding:0 8px;width:100%;font:500 13.5px var(--ar-body);color:var(--ar-ink);margin:0}
.ed2 .ed2-srv textarea.desc{display:block;width:100%;min-height:34px;border:1px solid transparent;border-radius:8px;background:transparent;padding:7px 8px;font:500 13.5px/1.35 var(--ar-body);color:var(--ar-ink);resize:none;field-sizing:content;overflow:hidden;margin:0}
.ed2 .ed2-sr select{font-weight:700;font-size:12.5px;color:color-mix(in srgb,var(--c) 75%,#16171B);background:color-mix(in srgb,var(--c) 10%,#fff);cursor:pointer}
.ed2 .ed2-srv input:hover,.ed2 .ed2-srv textarea.desc:hover{border-color:var(--ar-line)}
.ed2 .ed2-srv input:focus,.ed2 .ed2-srv select:focus,.ed2 .ed2-srv textarea.desc:focus{border-color:var(--ar-asfalto);background:#fff;outline:none;box-shadow:var(--ar-ring)}
.ed2 .ed2-srv .val{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.ed2-sr .rm{width:32px;height:32px;margin-top:1px;border-radius:8px;display:grid;place-items:center;color:var(--ar-ink-3);background:none;border:0;cursor:pointer}
.ed2-sr .rm:hover{background:var(--ar-stop-soft);color:var(--ar-stop)}
.ed2-sr .rm.undo{color:var(--ar-ink-2);font:700 11px var(--ar-body);width:auto;padding:0 6px}
.ed2-add{display:grid;grid-template-columns:130px minmax(0,1fr) 130px auto;gap:8px;align-items:center;padding:10px;background:#FAFAF9;border-top:1px dashed var(--ar-line)}
.ed2 .ed2-add input,.ed2 .ed2-add select{background:#fff;border-color:var(--ar-line)}
.ed2-add .addb{height:34px;padding:0 12px;border-radius:8px;background:var(--ar-asfalto);color:var(--ar-amarelo);font:700 12.5px var(--ar-body);white-space:nowrap;border:0;cursor:pointer}
.ed2-dica{font-size:12px;color:var(--ar-ink-3);margin-top:8px}
.ed2 .ed2-obs{width:100%;min-height:90px;border:1px solid var(--ar-line);border-radius:12px;background:#fff;padding:10px 12px;font:500 13.5px var(--ar-body);color:var(--ar-ink);resize:vertical;margin:0}
.ed2 .ed2-obs:focus{outline:none;border-color:var(--ar-asfalto);box-shadow:var(--ar-ring)}

.ed2-box{background:#fff;border:1px solid var(--ar-line);border-radius:12px;padding:14px}
.ed2-box h3{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ar-ink-3);margin-bottom:10px}
.ed2-f{display:block;margin-bottom:10px}
.ed2-f:last-child{margin-bottom:0}
.ed2-f > span{display:block;font-size:12px;font-weight:700;color:var(--ar-ink-2);margin-bottom:4px}
.ed2 .ed2-f input,.ed2 .ed2-f select{width:100%;height:38px;border:1px solid var(--ar-line);border-radius:9px;background:#fff;padding:0 10px;font:500 13.5px var(--ar-body);color:var(--ar-ink);margin:0}
.ed2 .ed2-f input:focus,.ed2 .ed2-f select:focus{outline:none;border-color:var(--ar-asfalto);box-shadow:var(--ar-ring)}
.ed2-f small{display:block;font-size:11.5px;color:var(--ar-ink-3);margin-top:4px}
.ed2 .ed2-f.mudou input,.ed2 .ed2-f.mudou select{background:#FFFBEA;border-color:#E9C766}
.ed2 .ed2-f input.placa{font:700 18px var(--ar-plate);letter-spacing:.08em;text-transform:uppercase}
.ed2-box .g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ed2-box .g2 .ed2-f{margin-bottom:10px}
.ed2-nota{font-size:12px;color:var(--ar-ink-3);margin-top:6px}

.ed2-tot .ln{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ar-ink-2);padding:3px 0}
.ed2-tot .ln b{font-weight:700;color:var(--ar-ink);font-variant-numeric:tabular-nums}
.ed2-tot .desc{display:flex;gap:6px;align-items:center}
.ed2 .ed2-tot .desc input{width:96px;height:32px;border:1px solid var(--ar-line);border-radius:8px;padding:0 8px;text-align:right;font:700 13.5px var(--ar-body);font-variant-numeric:tabular-nums;margin:0}
.ed2-mini{display:inline-flex;border:1px solid var(--ar-line);border-radius:8px;padding:2px}
.ed2-mini button{height:26px;padding:0 8px;border-radius:6px;font:700 12px var(--ar-body);color:var(--ar-ink-2);background:none;border:0;cursor:pointer}
.ed2-mini button.on{background:var(--ar-asfalto);color:var(--ar-amarelo)}
.ed2-tot .big{border-top:1px solid var(--ar-line-soft);margin-top:8px;padding-top:10px;display:flex;justify-content:space-between;align-items:baseline}
.ed2-tot .big span{font-weight:700;font-size:13px}
.ed2-tot .big b{font:600 24px var(--ar-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ed2-tot .antes{font-size:12px;color:var(--ar-ink-3);text-align:right;margin-top:2px}

.ed2-seg{display:flex;background:var(--ar-hover);border-radius:10px;padding:3px;gap:2px}
.ed2-seg button{flex:1;height:32px;border-radius:7px;font:700 12.5px var(--ar-body);color:var(--ar-ink-2);background:none;border:0;cursor:pointer}
.ed2-seg button:disabled{opacity:.4;cursor:not-allowed}
.ed2-seg button.on{background:#fff;color:var(--ar-ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.ed2-seg.st button.on[data-v=orc_aceito]{background:var(--ar-ok);color:#fff}
.ed2-seg.st button.on[data-v=orc_cancelado]{background:var(--ar-stop);color:#fff}
.ed2-seg.st button.on[data-v=orc_aberto]{background:var(--ar-amarelo);color:var(--ar-asfalto)}
.ed2-chips{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.ed2-chips button{height:26px;padding:0 9px;border-radius:999px;border:1px solid var(--ar-line);background:#fff;font:700 12px var(--ar-body);color:var(--ar-ink-2);cursor:pointer}
.ed2-chips button:hover{border-color:var(--ar-ink-3)}
.ed2-etapas{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow:auto}
.ed2-etapas button{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font:600 13px var(--ar-body);text-align:left;color:var(--ar-ink-2);background:none;border:0;cursor:pointer}
.ed2-etapas button i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.ed2-etapas button:hover{background:var(--ar-hover)}
.ed2-etapas button.on{background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--ar-ink);font-weight:700}
.ed2-etapas button.on::after{content:'atual';margin-left:auto;font-size:10.5px;font-weight:700;color:var(--ar-ink-3)}
.ed2-etapas button.nova::after{content:'nova';color:var(--ar-amarelo-ink)}
.ed2-relogio{height:6px;border-radius:999px;background:var(--ar-line-soft);overflow:hidden;margin-top:8px}
.ed2-relogio i{display:block;height:100%;background:var(--ar-amarelo);border-radius:999px}
.ed2-aviso{font-size:12px;border-radius:9px;padding:8px 10px;margin-top:8px;background:var(--ar-wait-soft);color:#8A5A0B;font-weight:600}
.ed2-aviso.blue{background:#E6ECF8;color:var(--ar-mercosul)}
.ed2-aviso.red{background:var(--ar-stop-soft);color:var(--ar-stop)}

.ed2-foot{display:flex;align-items:center;gap:10px;padding:12px 22px;border-top:1px solid var(--ar-line);background:#fff}
.ed2-foot .sp{flex:1}
.ed2-estado{font-size:13px;font-weight:600;color:var(--ar-ink-3);display:flex;align-items:center;gap:8px}
.ed2-estado i{width:8px;height:8px;border-radius:50%;background:var(--ar-ink-3)}
.ed2-estado.sujo{color:var(--ar-amarelo-ink)}
.ed2-estado.sujo i{background:var(--ar-amarelo)}
.ed2-estado a{color:var(--ar-ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ed2-btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--ar-line);background:#fff;font:700 13.5px var(--ar-body);color:var(--ar-ink);cursor:pointer;white-space:nowrap}
.ed2-btn:hover{background:var(--ar-hover)}
.ed2-btn.p{background:var(--ar-amarelo);border-color:var(--ar-amarelo);color:var(--ar-asfalto);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.ed2-btn.p:disabled{opacity:.45;cursor:default}
.ed2-btn.d{background:var(--ar-asfalto);border-color:var(--ar-asfalto);color:#fff}

@media (max-width:900px){
  .ed2{inset:24px 0 0;border-radius:16px 16px 0 0}
  .ed2-b{grid-template-columns:1fr}
  .ed2-side{border-left:0;border-top:1px solid var(--ar-line)}
  .ed2-sr{grid-template-columns:100px minmax(0,1fr) 36px;grid-template-areas:"cat desc btn" "cat val btn"}
  .ed2-sr select{grid-area:cat}.ed2-sr .desc{grid-area:desc}.ed2-sr .val{grid-area:val}.ed2-sr > button{grid-area:btn}
  .ed2-add{grid-template-columns:1fr 1fr}.ed2-add .desc{grid-column:1/-1}
  .ed2-foot{flex-wrap:wrap}.ed2-estado{width:100%}
  .ed2-h .ed2-tag{display:none}
}
@media (prefers-reduced-motion:reduce){.ed2-comp i{transition:none}}