:root{
  --bg:#e9edf1;--surf:#fff;--ink:#14202b;--mut:#5d6b78;--line:#d3dae1;--soft:#f3f6f8;
  --acc:#0b6b6f;--acc-ink:#fff;--warn:#a16207;--bad:#c2410c;--ok:#2f7a3f;--gray:#7b8794;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#10171d;--surf:#18222b;--ink:#e6edf3;--mut:#93a1ad;--line:#2b3946;--soft:#1e2a34;
  --acc:#3fb6b9;--acc-ink:#07191a;--warn:#facc15;--bad:#fb923c;--ok:#86c06f;--gray:#93a1ad;
  color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.45 Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;
  padding-bottom:env(safe-area-inset-bottom,0)}
h1,h2,h3,.num,nav button,.k b{font-family:"Barlow Semi Condensed",Barlow,system-ui,sans-serif}
h1{font-size:24px;margin:0;font-weight:700}
h2{font-size:22px;margin:0;font-weight:600}
h3{font-size:17px;margin:0 0 8px;font-weight:600}
a{color:var(--acc)}
button,.btn{cursor:pointer;border:1px solid var(--line);background:var(--surf);color:var(--ink);border-radius:6px;
  padding:8px 13px;font:600 15px Barlow,system-ui,sans-serif}
button:hover{border-color:var(--mut)}
button.pri{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
button.sm{padding:4px 9px;font-size:13px}
button.lnk{border:0;background:none;color:var(--acc);padding:4px 6px}
button.del{color:var(--bad)}
button:disabled{opacity:.5;cursor:default}
:is(button,input,select,textarea):focus-visible{outline:2px solid var(--acc);outline-offset:1px}
input,select,textarea{font:inherit;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:6px;
  padding:8px 10px;width:100%;min-width:0}
textarea{min-height:64px;resize:vertical}
label{display:block;font-size:13px;color:var(--mut)}
label>input,label>select,label>textarea{margin-top:3px}
.chk{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:15px}
.chk input{width:18px;height:18px;accent-color:var(--acc)}

header.top{background:var(--surf);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;
  padding-top:env(safe-area-inset-top,0)}
.top .in{max-width:1240px;margin:auto;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.top .marca{display:flex;align-items:center;gap:10px;margin-right:auto}
.top .marca i{width:10px;height:28px;background:var(--acc);border-radius:2px}
nav{display:flex;gap:2px;overflow-x:auto;max-width:100%}
nav button{border:0;background:none;color:var(--mut);font-size:16px;padding:8px 12px;border-radius:6px;white-space:nowrap}
nav button.on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--acc);border-radius:0}
.eu{font-size:13px;color:var(--mut);display:flex;gap:6px;align-items:center}
main{max-width:1240px;margin:auto;padding:18px 16px 60px}
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sub{color:var(--mut);font-size:13px}
.card{background:var(--surf);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:14px}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}
.k{background:var(--surf);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.k b{display:block;font-size:27px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.k span{font-size:13px;color:var(--mut)}
.k.bad b{color:var(--bad)}.k.acc{border-left:5px solid var(--acc)}
.grid2{display:grid;gap:14px}
@media(min-width:900px){.grid2{grid-template-columns:1.4fr 1fr}}

.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}
.filtros label{flex:1;min-width:130px}
.filtros .nav-mes{display:flex;gap:4px}
.tw{overflow-x:auto;background:var(--surf);border:1px solid var(--line);border-radius:8px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th{font:500 12px Barlow,sans-serif;color:var(--mut);text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);
  white-space:nowrap;background:var(--surf);position:sticky;top:0}
td{padding:7px 8px;border-top:1px solid var(--line);vertical-align:top;font-size:14px}
td.nw,td .st{white-space:nowrap}
tbody tr:first-child td{border-top:0}
tbody tr.cl{cursor:pointer}
tbody tr.cl:hover td{background:var(--soft)}
.n{text-align:right;white-space:nowrap}
tfoot td{font-weight:600;border-top:2px solid var(--line);background:var(--soft)}
tfoot tr.pg td{font-weight:500;color:var(--mut);border-top:1px solid var(--line)}
td .sub{display:block}
.vazio{text-align:center;color:var(--mut);padding:36px 10px}

.st{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;border:1px solid currentColor;white-space:nowrap}
.st.pago{color:var(--ok)}.st.pendente{color:var(--warn)}.st.atrasado{color:var(--bad)}.st.nao_aprovado{color:var(--gray)}

.bars .row{display:grid;grid-template-columns:62px 1fr 96px;gap:8px;align-items:center;font-size:13px;margin:6px 0}
.bars .t{position:relative;height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
.bars .t i{position:absolute;left:0;top:0;bottom:0;background:var(--line)}
.bars .t i.l{background:var(--acc)}
.bars .row b{text-align:right;font-weight:500}
.bars .row b.neg{color:var(--bad)}
.bars .t.s{height:6px;margin-top:3px}
.bars .t.s i{background:var(--bad)}
.bars .row.cat{cursor:pointer;grid-template-columns:minmax(80px,140px) 1fr 96px}
.bars .row.cat:hover span{color:var(--acc)}
code{font-size:13px;background:var(--soft);padding:1px 4px;border-radius:4px}
.leg{display:flex;gap:14px;font-size:12px;color:var(--mut);margin-bottom:6px}
.leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}

.eq{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-variant-numeric:tabular-nums}
.eq div{display:flex;flex-direction:column}
.eq span{font-size:13px;color:var(--mut)}
.eq b{font:700 24px "Barlow Semi Condensed",sans-serif}
.eq .op{font:500 24px "Barlow Semi Condensed",sans-serif;color:var(--mut)}
.eq .res b{color:var(--acc)}

dialog{border:1px solid var(--line);border-radius:10px;background:var(--surf);color:var(--ink);width:min(640px,96vw);
  padding:18px;max-height:92vh;overflow:auto}
dialog::backdrop{background:rgba(0,0,0,.45)}
.f{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0}
.f .w2{grid-column:span 2}.f .wall{grid-column:1/-1}
@media(max-width:520px){.f .w2{grid-column:1/-1}}
.dact{display:flex;justify-content:space-between;gap:8px;margin-top:16px;flex-wrap:wrap}
.dact .r{display:flex;gap:8px;margin-left:auto}
.calc{background:var(--soft);border-radius:6px;padding:10px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;font-size:13px}
.calc b{display:block;font-size:16px;font-variant-numeric:tabular-nums}
.pgs{margin:8px 0 0;padding:0;list-style:none;font-size:14px}
.pgs li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--line);align-items:center}
.cr{display:grid;grid-template-columns:minmax(0,1fr) 110px auto 34px;gap:6px;margin-bottom:6px}
.erro{color:var(--bad);font-size:14px;min-height:1.2em;margin-top:6px}

.login{min-height:100vh;display:grid;place-items:center;padding:16px}
.login .card{width:min(380px,100%);padding:24px}
.login h1{margin-bottom:4px}
.login form>*{margin-top:12px}
.login button{width:100%}

#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0));transform:translateX(-50%);
  background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}
#toast.on{opacity:1}
pre.rel{white-space:pre-wrap;font-size:13px;background:var(--soft);padding:10px;border-radius:6px;max-height:300px;overflow:auto}
@media print{header.top,.filtros,button{display:none!important}body{background:#fff}.tw,.card{border:0}}

.arqbtns{display:inline-flex;gap:4px;margin-left:6px;vertical-align:1px;flex-wrap:wrap}
.arqbtns button{padding:2px 8px;font-size:12px;font-weight:500}
a.btn{text-decoration:none;display:inline-block}
.arqs{margin:10px 0}
.arqs img.comp{display:block;max-width:100%;max-height:60vh;border-radius:6px;border:1px solid var(--line);margin:0 auto 8px}
.arqs iframe.comp{width:100%;height:60vh;border:1px solid var(--line);border-radius:6px;margin-bottom:8px}
.arqs audio{width:100%;margin-bottom:8px}

/* orçamentos */
table.orc td{vertical-align:middle}
table.orc input,table.orc select{padding:6px 8px;min-width:70px}
.tot{position:sticky;top:76px}
.tot .big{display:block;font:700 34px "Barlow Semi Condensed",sans-serif;margin:2px 0 10px;font-variant-numeric:tabular-nums}
.tot .lin{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-variant-numeric:tabular-nums}
.tot hr{border:0;border-top:1px dashed var(--line);margin:8px 0}
.tot .acoes{display:grid;gap:8px;margin-top:14px}
.proposta{max-width:820px;margin:0 auto;padding:28px}
.proposta h1{font-size:26px}
.proposta table{margin:12px 0}
.proposta th,.proposta td{font-size:14px}
@media print{
  .noprint{display:none!important}
  .proposta{border:0;padding:0;max-width:none}
  .proposta table th{position:static}
  main{padding:0}
}

.ged{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:980px){.ged{grid-template-columns:minmax(0,1fr) 290px}}
table.orc input[data-f=preco_unit],table.orc input[data-f=custo_unit]{min-width:92px}
table.orc input[data-f=largura],table.orc input[data-f=altura],table.orc input[data-f=qtd]{min-width:64px;max-width:84px}
.nw{white-space:nowrap}
html,body{overflow-x:hidden}
@media print{#toast{display:none!important}}

.base{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end}
.base input{width:90px}

/* ordens de serviço */
.seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surf)}
.seg button{border:0;border-radius:0;padding:8px 12px}
.seg button.on{background:var(--acc);color:var(--acc-ink)}
.k.tabk{text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
.k.tabk.on{box-shadow:inset 0 -3px 0 var(--acc);border-color:var(--acc)}
.oslist{display:grid;gap:10px}
@media(min-width:900px){.oslist{grid-template-columns:1fr 1fr}}
.os{background:var(--surf);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:8px;padding:12px 14px;min-width:0}
.os.alta,.tk.alta{border-left-color:var(--bad)}.os.media,.tk.media{border-left-color:var(--warn)}.os.baixa,.tk.baixa{border-left-color:var(--ok)}
.os.done{opacity:.75}
.os .top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.os .num{font:700 15px "Barlow Semi Condensed",sans-serif;color:var(--mut)}
.os h3{font-size:19px;margin:2px 0 4px}
.meta{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px;color:var(--mut)}
.meta.forte{color:var(--ink)}
.late{color:var(--bad);font-weight:600}
.desc{margin:8px 0 0;font-size:14px;white-space:pre-wrap}
.prog{height:6px;background:var(--line);border-radius:3px;margin:10px 0 4px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--acc)}
ul.etapas{list-style:none;margin:6px 0 0;padding:0}
ul.etapas li{display:flex;gap:8px;align-items:center;padding:3px 0}
ul.etapas input,.tk input{width:18px;height:18px;accent-color:var(--acc);flex:none}
ul.etapas label{color:var(--ink);font-size:14px;margin:0}
ul.etapas label.x{text-decoration:line-through;color:var(--mut)}
.os .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.os .acts button{padding:6px 10px;font-size:14px}
.tk{display:flex;gap:10px;align-items:flex-start;background:var(--surf);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:6px;padding:10px 12px;margin-bottom:8px}
.tk label{color:var(--ink);font-size:15px}
.tk.d label{text-decoration:line-through;color:var(--mut)}
.gh{margin:14px 0 6px}
.calh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cw{text-align:center;font-size:12px;color:var(--mut)}
.cd{min-height:54px;padding:4px 5px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-weight:500;background:var(--soft);border:1px solid transparent;border-radius:4px}
.cd.hj>span:first-child{color:var(--acc);font-weight:700}
.cd.sel{border:2px solid var(--acc);background:var(--surf)}
.dots{display:flex;gap:3px;flex-wrap:wrap;font-size:11px;align-items:center}
.dots i{width:8px;height:8px;border-radius:50%;background:var(--mut);display:inline-block}
.dots i.alta{background:var(--bad)}.dots i.media{background:var(--warn)}.dots i.baixa{background:var(--ok)}
.dots i.fim{background:transparent;border:1.5px solid var(--mut)}
.linha{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.linha:first-of-type{border-top:0}
.linha .sub{display:block}
.card.destaque{border-left:6px solid var(--acc)}
.hist{margin-top:10px;font-size:14px}
.hist summary{cursor:pointer;color:var(--mut)}
.hist ul{list-style:none;margin:6px 0 0;padding:0;max-height:200px;overflow:auto}
.hist li{padding:4px 0;border-top:1px solid var(--line)}

.bars.larga .row{grid-template-columns:minmax(90px,150px) 1fr auto}
.bars.larga .row b{white-space:nowrap}

/* relatórios */
.rels{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.relc{text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer;font:inherit;color:var(--ink)}
.relc b{font:600 18px "Barlow Semi Condensed",sans-serif}
.relc:hover{border-color:var(--acc)}
.relatorio{padding:24px}
.relatorio .rh{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;border-bottom:2px solid var(--acc);padding-bottom:10px}
.relatorio h1{font-size:26px;margin:2px 0}
.relatorio section{margin-top:18px}
.relatorio section h3{margin-bottom:6px}
.relatorio .tw{border-radius:6px}
@media print{
  body{background:#fff}
  .relatorio{border:0;padding:0}
  .relatorio .k{border:1px solid #ccc}
  .relatorio .tw{overflow:visible;border:0}
  .relatorio th{position:static}
  .relatorio tr{break-inside:avoid}
  .relatorio th,.relatorio td{font-size:10.5px;padding:4px 5px}
  .relatorio .kp{grid-template-columns:repeat(3,1fr);gap:6px}
  .relatorio .k{padding:6px 8px}
  .relatorio .k b{font-size:17px}
  .relatorio h1{font-size:20px}
  .relatorio section{break-inside:auto}
  @page{margin:14mm}
}

/* clientes */
.f4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}
.f4 .s2{grid-column:span 2}.f4 .s3{grid-column:span 3}.f4 .s4{grid-column:1/-1}
@media(max-width:560px){.f4{grid-template-columns:1fr 1fr}.f4 .s2,.f4 .s3{grid-column:1/-1}}
.grp{font:600 13px "Barlow Semi Condensed",sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;margin:6px 0 -4px;border-top:1px solid var(--line);padding-top:10px}
.cep{display:flex;gap:6px;margin-top:3px}.cep input{flex:1;margin:0}.cep button{white-space:nowrap}
.aviso{display:block;font-size:12px;margin-top:3px;min-height:1em}.aviso.ok{color:var(--ok)}.aviso.ruim{color:var(--bad)}
.pcli p{margin:2px 0}

/* envio ao cliente */
button.contorno{border-color:var(--acc);color:var(--acc)}
.canais{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:12px 0 14px}
.canais button{flex:1;border:0;border-radius:0;padding:10px;font-size:15px;display:flex;gap:8px;justify-content:center;align-items:center}
.canais button.on{background:var(--acc);color:var(--acc-ink)}
.canais i{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--acc)}
.canais i.whatsapp{background:var(--ok)}
.canais button.on i{background:var(--acc-ink)}
.anexo{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px dashed var(--line);border-radius:6px;padding:10px 12px;margin:10px 0}
.anexo b{font-size:14px}.anexo .doc{width:30px;height:36px;border-radius:3px;background:var(--bad);color:#fff;font:700 10px sans-serif;display:grid;place-items:center;flex:none}
.passos{margin:8px 0 0;padding-left:18px;font-size:14px}.passos li{margin:3px 0}
.aviso2{background:var(--soft);border-radius:6px;padding:8px 10px;font-size:13px;color:var(--mut);margin:8px 0}
.aviso2.ruim{color:var(--bad);border:1px solid var(--bad);background:transparent}
button.pri.wa{background:var(--ok);border-color:var(--ok)}
.envios{margin-top:12px;font-size:13px}.envios ul{padding:0;margin:4px 0 0}.envios li{list-style:none;padding:4px 0;border-top:1px solid var(--line)}
.tag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;border:1px solid currentColor;margin-right:6px}
.tag.email{color:var(--acc)}.tag.whatsapp{color:var(--ok)}
.assprev{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px;margin:8px 0;max-width:640px}
.assprev img{display:block;max-width:100%;height:auto}
.assprev .sub{display:block;margin-bottom:4px}
[hidden]{display:none!important}

/* painel: produção em destaque */
.faixa{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.fx{display:flex;align-items:baseline;gap:10px;text-align:left;background:var(--surf);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font:inherit;color:var(--ink);cursor:pointer}
.fx b{font:700 28px "Barlow Semi Condensed",sans-serif;line-height:1}
.fx span{color:var(--mut);font-size:14px}
.fx.aten b{color:var(--warn)}.fx.ruim b{color:var(--bad)}
.fx:hover{border-color:var(--acc)}
.prod{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-bottom:18px}
@media(min-width:980px){.prod{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.destaque2{border-top:4px solid var(--acc);margin-bottom:0}
.hdc{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.hdc h3{margin:0;font-size:19px}
.seg-w{display:flex;width:100%;margin-bottom:10px}
.seg-w button{flex:1;font-size:13px;padding:7px 6px}
.seg-w button b{font-weight:700;margin-left:4px}
.tklist{max-height:460px;overflow:auto}
.tklist .tk{margin-bottom:6px;padding:8px 10px}
.tklist .tk label{font-size:14px}
.cg.mini .cd{min-height:38px;padding:3px 4px;font-size:13px}
.cd.atr{box-shadow:inset 0 -3px 0 var(--bad)}
.diasel{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}
.diasel h3.dsel{font-size:16px;margin:0 0 4px}
.secao{font:600 15px "Barlow Semi Condensed",sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 10px}
@media(max-width:560px){.faixa{grid-template-columns:1fr}.seg-w button{font-size:12px}}

.sub.inline{display:inline;font-size:13px}
.tklist .tk label b{font-weight:600}

.cond h3{margin:0 0 10px;font-size:15px}
.cond label .sub{display:block;margin-top:3px;font-weight:400}
.pagres{margin-top:12px;padding:10px 12px;background:var(--soft);border-radius:8px}
.pagres table{width:100%;border-collapse:collapse}
.pagres td{padding:4px 6px;border:0}
.pagres td.n{font-weight:600}
.proposta .pcond{margin:16px 0 8px}
.proposta .pcond h4{margin:0 0 6px;font-size:13px;letter-spacing:.04em}
.proposta .pcond p{margin:3px 0}
.cond .f.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
.cond h4{margin:14px 0 8px;font-size:13px;color:var(--mut);font-weight:600}
@media (max-width:700px){.cond .f.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* tarefas do dia a dia */
.novaafz{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.novaafz input[name=texto]{flex:1 1 280px;min-width:0;font-size:15px}
.novaafz input[type=date]{flex:0 0 150px}.novaafz input[type=time]{flex:0 0 110px}.novaafz select{flex:0 0 150px}
.dica{margin:-2px 0 6px}
.afz{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:4px 10px;padding:9px 6px;border-bottom:1px solid var(--line)}
.afz input{width:19px;height:19px;accent-color:var(--acc);margin:0}
.afz label{font-size:15px;color:var(--ink);cursor:pointer;overflow-wrap:anywhere}
.afz.d label{text-decoration:line-through;color:var(--mut)}
.afz .meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.afz .meta span{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--soft);color:var(--mut);white-space:nowrap}
.afz .meta span.late{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad);font-weight:600}
.afz .meta span.hr{color:var(--ink);font-weight:600}
.afz .meta span.pess{background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc)}
.afz.atr{border-left:3px solid var(--bad);padding-left:8px}
h3.gh.ruim{color:var(--bad)}h3.gh.hj{color:var(--acc)}
h3.gh span{font-weight:400;color:var(--mut);font-size:13px;margin-left:4px}
details.feitas{margin-top:14px}details.feitas summary{cursor:pointer;color:var(--mut);font-size:14px;padding:6px 0}
.hdc .cont{font:600 13px inherit;background:var(--acc);color:var(--acc-ink);border-radius:99px;padding:1px 8px;margin-left:6px;vertical-align:middle}
#pafz{margin-bottom:14px}
.afzgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));column-gap:24px}
.afzgrid .afz{grid-template-columns:auto minmax(0,1fr) auto}
@media(max-width:600px){.afz{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"c t e x" ". m m m"}
  .afz>input{grid-area:c}.afz>label{grid-area:t}.afz>[data-ed]{grid-area:e}.afz>[data-rm]{grid-area:x}
  .afz .meta{grid-area:m;justify-content:flex-start}.afz .meta:empty{display:none}
  .afzgrid .afz{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"c t" ". m"}
  .novaafz input[type=date],.novaafz input[type=time],.novaafz select{flex:1 1 30%}}

/* tipo do material */
.tipos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:6px 0 4px}
.tipo{position:relative;display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:8px;padding:10px 10px 9px;cursor:pointer;background:var(--surf)}
.tipo input{position:absolute;opacity:0;pointer-events:none}
.tipo b{font:700 22px "Barlow Semi Condensed",sans-serif;color:var(--acc);line-height:1.1}
.tipo span{font-weight:600;font-size:14px;color:var(--ink)}
.tipo small{font-size:12px;color:var(--mut);line-height:1.3}
.tipo:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,var(--surf));box-shadow:0 0 0 1px var(--acc)}
.tipo:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
#tipodica{margin:4px 0 10px}
.ut{display:inline-block;min-width:30px;text-align:center;font-size:12px;font-weight:700;padding:1px 6px;border-radius:5px;background:var(--soft);color:var(--acc)}
.segtipo{flex-wrap:wrap}
@media(max-width:760px){.tipos{grid-template-columns:repeat(2,minmax(0,1fr))}}
table.orc input:disabled{background:transparent;border-color:transparent;color:var(--mut)}
.seg button.on .sub{color:inherit;opacity:.85}
dialog:has(.tipos){width:min(800px,96vw)}
table.orc [data-o="unit"]{white-space:nowrap}table.orc td.n{white-space:nowrap}
table.orc input[type=number]{width:74px;min-width:74px}table.orc input[data-f=preco_unit],table.orc input[data-f=custo_unit]{width:92px}
table.orc input.pct{width:70px;min-width:70px}
/* fornecedores */
.subabas{margin-bottom:14px}
.forn-hd{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}
.forn-hd .resumo .k{margin-bottom:8px}
@media(max-width:900px){.forn-hd{grid-template-columns:minmax(0,1fr)}.forn-hd .resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}}
td small{display:block;color:var(--mut);font-size:12px;font-weight:400}
.tag2{font-size:12px;color:var(--mut)}
.okt{color:var(--ok)}
.st.ok_b{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.calc.big b{font-size:19px}
.liga{border:1px dashed var(--line);border-radius:8px;padding:10px 12px;margin-top:12px;background:var(--soft)}
.liga h3{margin:0 0 4px;font-size:14px}
.cmp table{margin-top:6px}.cmp tr.fonte td{background:color-mix(in srgb,var(--acc) 7%,transparent)}
.cmp .hdc h3 .inline{font-size:13px;font-weight:400}
.cr .cf{grid-column:1/-1;margin-top:-2px}
.st.caro{color:var(--warn)}
.osfotos{margin:8px 0}.osfotos>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.osfotos img{width:96px;height:96px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.osfotos .doc{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--line);border-radius:6px;font-weight:700;color:var(--mut)}
.afz .meta span.pri-alta{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad);font-weight:700}
.afz .meta span.pri-baixa{background:var(--soft);color:var(--gray)}
.afz.p-alta:not(.d) label{font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:4px}.chips span{font-size:12px;background:var(--soft);border-radius:99px;padding:1px 8px;white-space:nowrap}
.accgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.accgrid fieldset{border:1px solid var(--line);border-radius:8px;padding:6px 10px 8px;margin:0}
.accgrid legend{font-size:12px;color:var(--mut);font-weight:600;padding:0 4px}
.accgrid .chk{display:flex;margin:5px 0;font-size:14px}
@media(max-width:640px){.accgrid{grid-template-columns:1fr}}
.accgrid .chk{align-items:flex-start;gap:8px}.accgrid .chk input{flex:none;width:18px;height:18px;margin:1px 0 0}
/* fotos da OS */
.os .top .fotob{border:0;background:var(--soft);border-radius:99px;padding:1px 8px;font-size:12px;cursor:pointer;margin-left:6px}
.os img.capa{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:6px;margin:8px 0 4px;cursor:pointer;border:1px solid var(--line)}
.osfotos a{display:block;cursor:zoom-in}
.lbox{position:fixed;inset:0;z-index:50;background:rgba(10,14,18,.88);display:flex;flex-direction:column;padding:14px;gap:10px;color:#fff}
.lbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lbar b{font-size:16px}.lbar .sub{color:#c9d3dc;margin-right:auto}
.lbar .btn,.lbar button{background:#fff;color:#14202b}
.lpal{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:10px}
.lpal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.lpal iframe{width:min(900px,90vw);height:100%;border:0;background:#fff;border-radius:6px}
.lnav{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#14202b;font-size:28px;line-height:1;cursor:pointer}
.lmin{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.lmin button{width:64px;height:48px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#333;color:#fff;cursor:pointer}
.lmin button.on{border-color:#fff}.lmin img{width:100%;height:100%;object-fit:cover;display:block}
.os img.capa{object-position:center 30%}.lbar .sm{padding:8px 12px;font-size:14px}
.fsel{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.fsel label{position:relative;width:110px;border:2px solid var(--line);border-radius:8px;padding:4px;cursor:pointer;background:var(--surf)}
.fsel label.on{border-color:var(--acc)}.fsel input{position:absolute;top:8px;left:8px;width:18px;height:18px;accent-color:var(--acc)}
.fsel img{width:100%;height:80px;object-fit:cover;border-radius:5px;display:block}.fsel small{display:block;font-size:11px;color:var(--mut);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fsel .doc{display:grid;place-items:center;height:80px;font-weight:700;color:var(--mut)}
.pastaos{margin:2px 0 6px;font-size:12px;overflow-wrap:anywhere}.drst{margin:10px 0 0}
.oschip{display:inline-block;font-size:11px;font-weight:700;border-radius:5px;padding:0 6px;margin-left:4px;vertical-align:1px;background:var(--soft);color:var(--acc)}
.oschip.concluida{color:var(--ok)}.oschip.andamento{color:var(--warn)}.oschip.sem{color:var(--bad);font-weight:600}
.conflist{max-height:240px;overflow:auto}.conflist td{padding:6px 8px}
dialog:has(.conflist){width:min(860px,96vw)}
#confos .cont{background:var(--bad);color:#fff;border-radius:99px;padding:0 7px;font-size:12px;margin-left:4px}

/* ---------- catálogo, máquinas e aproveitamento ---------- */
dialog:has(.catdlg){width:min(1180px,97vw)}
dialog:has(.aprdlg){width:min(1360px,98vw)}
.cat-wrap{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;margin-top:8px}
@media(max-width:820px){.cat-wrap{grid-template-columns:1fr}}
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}
.cat{display:flex;flex-direction:column;align-items:center;gap:3px;border:1.5px solid var(--line);border-radius:10px;padding:9px 4px;background:var(--surf);text-align:center;font-weight:400}
.cat i{font-style:normal;font-size:25px;line-height:1}
.cat span{font-size:13px;font-weight:600;line-height:1.2}
.cat small{font-size:11px;color:var(--mut)}
.cat.vazia{opacity:.55}
.cat.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,var(--surf));box-shadow:0 0 0 1px var(--acc)}
.cats .sep{grid-column:1/-1;display:flex;gap:8px}
.cats .sep .cat{flex:1;flex-direction:row;justify-content:center;padding:8px}
.cats .sep .cat i{font-size:18px}
.busca{display:flex;gap:8px;margin-bottom:8px}
.lista-prod td{padding:7px 10px}
.lista-prod tbody tr.cl:hover td{background:color-mix(in srgb,var(--acc) 8%,var(--surf))}
.estrela{font-size:18px;color:#d4a017;border:0;background:none;padding:0 2px;line-height:1}
.estrela.off{color:var(--line)}
.estrela:hover{color:#d4a017}
.f2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
.f2 .w2{grid-column:span 2}.f2 .w3{grid-column:span 3}.f2 .w4{grid-column:1/-1}
.f2.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.f2{grid-template-columns:repeat(2,minmax(0,1fr))}.f2 .w3,.f2 .w4{grid-column:1/-1}}
.calcbar{display:flex;gap:18px;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--soft);margin-top:12px}
.calcbar>div{font-size:12px;color:var(--mut)}.calcbar b{display:block;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.rot{font:700 12px Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:14px 0 4px}
.apbox{border:1px dashed var(--acc);border-radius:8px;padding:8px 10px;background:var(--soft);font-size:14px}
.apbox div{margin-top:6px}
.itinfo{font-size:12px;color:var(--mut);margin-top:3px;line-height:1.35}
.itinfo button{font-size:12px;padding:0 2px}
.bob-grid{display:grid;grid-template-columns:440px minmax(0,1fr);gap:16px;align-items:start;margin-top:8px}
@media(max-width:980px){.bob-grid{grid-template-columns:1fr}}
.pecas{width:100%}.pecas td{padding:3px 4px}.pecas input{padding:5px 7px}
.pecas td:nth-child(2),.pecas td:nth-child(3),.pecas td:nth-child(4){width:78px}
.svgbox{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:10px}
.svgcab{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--mut);flex-wrap:wrap}.svgcab b{color:var(--ink)}
#asvg text{font-family:Barlow,system-ui,sans-serif}
.leg{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-top:6px}
.leg i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.leg i.sobra{background:var(--surf);border:1px solid var(--mut)}
.res4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
@media(max-width:620px){.res4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.res4 .k{padding:9px 11px}.res4 .k b{font-size:19px;white-space:nowrap}.res4 .k span{font-size:12px}
.res4 .k.acc b,b.acc{color:var(--acc)}
.aviso{border-left:4px solid var(--warn);background:var(--soft);padding:7px 10px;border-radius:6px;font-size:13px;margin-top:8px}
.apcomp{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-top:10px;align-items:start}
@media(max-width:700px){.apcomp{grid-template-columns:1fr}}
.apcomp .k{margin-bottom:8px}.apcomp .k b{font-size:19px}
.comp td{padding:6px 10px}.comp td.n{text-align:right;font-variant-numeric:tabular-nums}
.tot td{font-weight:700;border-top:2px solid var(--line)}
.eq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:16px;align-items:start}
@media(max-width:1080px){.eq-grid{grid-template-columns:1fr}}
.eq-grid tr.sel td{background:color-mix(in srgb,var(--acc) 10%,var(--surf))}
td small{display:block;color:var(--mut);font-size:12px}
.desp td{padding:6px 8px}.desp input{padding:5px 7px}
.eqadd{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.eqadd select{width:auto;max-width:100%}
.contas{font-size:14px;line-height:1.75}
.cattab input{padding:5px 8px}.cattab input.ico{width:56px;text-align:center;font-size:20px;padding:2px}
.cat-wrap>div,.bob-grid>div,.eq-grid>div,.apcomp>div{min-width:0}
.eq-grid .res4 .k b{font-size:17px}
@media(max-width:620px){.lista-prod th:nth-child(3),.lista-prod td:nth-child(3),.lista-prod th:nth-child(6),.lista-prod td:nth-child(6){display:none}
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))}.cat{padding:7px 2px}.cat i{font-size:21px}.cat span{font-size:12px}
  .busca{flex-wrap:wrap}.calcbar{gap:10px}}

/* ---------- funil de orçamentos ---------- */
.topo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.funil{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:10px;align-items:start;overflow-x:auto;padding-bottom:6px}
.funil .col{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px;min-height:120px;transition:box-shadow .1s}
.funil .col.alvo{box-shadow:0 0 0 2px var(--acc) inset}
.funil .col h3{margin:0;font-size:15px;display:flex;justify-content:space-between}
.funil .col .tt{font-size:13px;color:var(--mut);margin:2px 0 8px}.funil .col .tt b{color:var(--ink);font-size:15px}
.col.ganho{border-top:4px solid var(--ok)}.col.perdido{border-top:4px solid var(--bad)}.col.rasc{border-top:4px solid var(--gray)}.col.env{border-top:4px solid #2563eb}.col.neg{border-top:4px solid var(--warn)}
.cartao{background:var(--surf);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer}
.cartao:hover{border-color:var(--mut)}.cartao.arrastando{opacity:.45}
.cartao .t{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--mut)}
.cartao b.cli{display:block;font-size:14px;margin:2px 0 0}
.cartao .s{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartao .v{font:700 17px "Barlow Semi Condensed",sans-serif;margin:3px 0;font-variant-numeric:tabular-nums}
.barra{height:5px;border-radius:3px;background:var(--line);overflow:hidden;margin:4px 0 3px}.barra i{display:block;height:100%}
.barra .verde{background:var(--ok)}.barra .amar{background:#d97706}.barra .verm{background:var(--bad)}
.rod{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--mut);align-items:center}
.rod .ic{font-size:15px}.rod button{font-size:12px;padding:0 2px}
.atrasou{color:var(--bad);font-weight:600}
.motivo{font-size:12px;background:color-mix(in srgb,var(--bad) 12%,var(--surf));color:var(--bad);border-radius:5px;padding:1px 6px;display:inline-block}
.funil .motivos{font-size:13px;padding:8px 10px;margin:0}
.vazio-col{text-align:center;padding:10px 0}
.ops{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.op{display:inline-flex;cursor:pointer}.op input{position:absolute;opacity:0;pointer-events:none}
.op span{border:1.5px solid var(--line);border-radius:999px;padding:5px 11px;font-size:14px;color:var(--ink)}
.op:has(input:checked) span{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--surf));font-weight:600}
.op:has(input:focus-visible) span{outline:2px solid var(--acc)}
.hist{font-size:13px;border-left:2px solid var(--line);padding-left:10px;margin-top:8px}.hist div{margin-bottom:6px}.hist small{color:var(--mut);display:block}
.contatos .lin{display:flex;justify-content:space-between;align-items:center}
button.del-pri{background:var(--bad);border-color:var(--bad);color:#fff}

/* ---------- OS: % e matriz ---------- */
dialog:has(.osmatriz){width:min(1180px,97vw)}
.osmatriz{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0 12px;background:var(--surf)}
.oshd{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:center;margin-bottom:10px}
@media(max-width:760px){.oshd{grid-template-columns:1fr}}
.datas{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:3px 14px;font-size:14px}.datas span{color:var(--mut)}
@media(max-width:560px){.datas{grid-template-columns:auto minmax(0,1fr)}}
.progx{font-size:13px;color:var(--mut)}.progx b{font-size:26px;color:var(--ink);font-family:"Barlow Semi Condensed",sans-serif}
.barra.grossa{height:10px;margin:4px 0}
.late{color:var(--bad)}
.matriz th,.matriz td{text-align:center;padding:6px 5px;vertical-align:middle}.matriz th:first-child,.matriz td.itm{text-align:left}
.matriz td.itm small{display:block;color:var(--mut);font-size:12px}
.cel{display:inline-flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:400;color:var(--mut);min-width:86px;max-width:120px;border-radius:7px;padding:4px;border:1px solid var(--line);background:var(--surf);line-height:1.2}
.cel i{font-style:normal;font-size:16px}.cel span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.cel.feito{background:color-mix(in srgb,var(--ok) 13%,var(--surf));border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}
.cel.fazendo{background:color-mix(in srgb,#2563eb 13%,var(--surf));border-color:#93b4f0}
.cel.na{border-style:dashed;opacity:.55}
.cel.atr{border-color:var(--bad);color:var(--bad)}
.cel.sel{box-shadow:0 0 0 2px var(--acc)}
.mini{height:4px;border-radius:2px;background:var(--line);margin-top:3px}.mini i{display:block;height:100%;background:var(--ok);border-radius:2px}
.celbox{border:1px dashed var(--acc);border-radius:8px;padding:10px;margin-top:8px;background:var(--soft)}
.f2.g4c{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
@media(max-width:620px){.f2.g4c{grid-template-columns:repeat(2,minmax(0,1fr))}}
.celbt{display:flex;gap:6px}
.progl{display:flex;justify-content:space-between;gap:6px}

/* ---------- Ordens → Semana ---------- */
.semtopo{margin-bottom:10px}.semtopo .chk{margin-left:6px}
.capal{margin-left:auto;font-size:13px;color:var(--bad);font-weight:600}
.semana{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surf)}
.semana>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px;min-height:62px;min-width:0}
.semana .cab{background:var(--soft);font-weight:600;font-size:13px;min-height:0;text-align:center}.semana .cab small{display:block;font-weight:400;color:var(--mut)}
.semana .cab.hoje{background:color-mix(in srgb,var(--acc) 14%,var(--soft));color:var(--acc)}
.semana .pes{background:var(--soft);font-weight:600;font-size:14px;display:flex;align-items:center}.semana .pes.sem{color:var(--mut);font-weight:400}
.semana .hojec{background:color-mix(in srgb,var(--acc) 5%,var(--surf))}
.semana .dcel.alvo{box-shadow:inset 0 0 0 2px var(--acc)}
.ev{border-radius:6px;padding:4px 6px;font-size:12px;margin-bottom:4px;border-left:4px solid var(--acc);background:var(--soft);line-height:1.25;cursor:grab}
.ev b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.ev span{display:block;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev.ent{border-left-color:var(--bad)}.ev.inst{border-left-color:#9333ea}
.ev.tar{border:1px dashed var(--line);border-left:4px solid var(--gray);background:var(--surf)}
.ev.atr{background:color-mix(in srgb,var(--bad) 11%,var(--surf))}
.ev.feito{opacity:.5}.ev.arrastando{opacity:.4}
.leg .atrleg{background:color-mix(in srgb,var(--bad) 25%,var(--surf))}
.agendar{border:1px dashed var(--line);border-radius:8px;padding:8px 10px;margin-bottom:10px;background:var(--surf);font-size:13px}
.agendar>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.chipos{font-size:12px;padding:3px 8px;border-radius:999px;font-weight:600}.chipos span{font-weight:400;color:var(--mut)}.chipos i{font-style:normal;font-weight:400;color:var(--mut)}.chipos i.late{color:var(--bad)}
.diacel{background:var(--surf);border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:8px}.diacel h3{margin:0 0 6px;font-size:15px}.diacel h3 small{color:var(--mut);font-weight:400;margin-left:6px}
.diacel.hj{border-color:var(--acc)}

/* ---------- filtros, totais e seleção (Saídas / Financeiro) ---------- */
.drop{position:relative;min-width:170px;flex:1}
.drop summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;font-size:13px;color:var(--mut)}
.drop summary::-webkit-details-marker{display:none}
.drop summary .dv{margin-top:3px;font-size:15px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:8px 28px 8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drop summary .dv::after{content:"▾";position:absolute;right:10px;color:var(--mut)}
.drop[open] summary .dv{border-color:var(--acc)}
.dropm{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surf);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:8px 12px;z-index:6;width:230px}
.dropm label{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:14px;margin:4px 0}
.dropm input{width:16px;height:16px;accent-color:var(--acc)}
.dropb{display:flex;justify-content:space-between;margin-top:6px}
.tots{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:10px}
.tots .k b{font-size:21px}.tots .k.bad b{color:var(--bad)}.tots .k.okk b{color:var(--ok)}
th.ck,td.ck{width:30px;text-align:center}td.ck input,th.ck input{width:17px;height:17px;accent-color:var(--acc)}
.seltot{position:sticky;bottom:8px;z-index:4;background:var(--ink);color:var(--bg);border-radius:8px;padding:8px 14px;display:flex;gap:14px;align-items:center;font-size:14px;margin-top:8px;flex-wrap:wrap}
.seltot b{font-size:16px}.seltot .r{margin-left:auto}
.seltot button,.seltot select{background:var(--surf);color:var(--ink);border:0}.seltot button.lnk{background:none;color:var(--bg);text-decoration:underline}
tr.inativa td{opacity:.6}
/* ---------- compras ---------- */
.kp4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:620px){.kp4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pcgrid tr.sel td{background:color-mix(in srgb,var(--acc) 10%,var(--surf))}
.stp{display:flex;gap:4px;margin:8px 0}.stp span{flex:1;text-align:center;font-size:12px;padding:5px;border-radius:6px;background:var(--soft);color:var(--mut)}
.stp span.on{background:var(--acc);color:var(--acc-ink);font-weight:600}.stp span.ok{background:color-mix(in srgb,var(--ok) 18%,var(--surf));color:var(--ok)}.stp span.cancel{background:var(--bad);color:#fff}
.it td{padding:6px 8px}.it input{padding:5px 7px}.it td small{display:block;color:var(--mut);font-size:12px}
.f2.g3c{grid-template-columns:repeat(3,minmax(0,1fr))}.f2.g3c .w2{grid-column:span 2}
@media(max-width:620px){.f2.g3c{grid-template-columns:1fr 1fr}}
.pcbt{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pcbt .btn{display:inline-flex;align-items:center;text-decoration:none}
.liga{border:1px dashed var(--line);border-radius:8px;padding:10px 12px;margin-top:12px;background:var(--soft)}

/* ---------- painel personalizável ---------- */
div.secao{display:flex;align-items:center;gap:10px;margin:20px 0 8px;text-transform:none;letter-spacing:0;font:inherit;color:inherit}
div.secao h2{margin:0;font-size:19px}
.lockb{font-size:12px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:1px 8px;background:var(--surf)}
div.secao .r{margin-left:auto}
.g2p{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.gfin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.gfin .larga{grid-column:1/-1}
@media(max-width:900px){.g2p,.g3,.gfin{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.g2p .card,.g3 .card,.gfin .card{margin:0}
.k small{display:block;font-size:12px;color:var(--mut);margin-top:2px}.k.aten b{color:var(--warn)}.k.cl{cursor:pointer}
.up{color:var(--ok)}.down{color:var(--bad)}
.lin2{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.lin2:last-child{border:0}
.lin2 small{color:var(--mut);display:block;font-size:12px}.lin2.cl,.lin2 .cl{cursor:pointer}
.oscard{border:1px solid var(--line);border-radius:8px;padding:7px 10px;margin-bottom:8px;background:var(--surf);cursor:pointer}
.oscard .t{display:flex;justify-content:space-between;font-size:12px;color:var(--mut)}.oscard b{display:block;font-size:14px}
.ocup{height:10px;border-radius:5px;background:var(--line);overflow:hidden;margin:3px 0 8px}.ocup i{display:block;height:100%;background:var(--acc)}.ocup i.cheio{background:var(--bad)}
.chart{display:flex;align-items:flex-end;gap:8px;height:160px;padding:6px 4px 0;border-bottom:1px solid var(--line)}
.chart .m{flex:1;display:flex;gap:2px;align-items:flex-end;height:100%}
.chart .m i{flex:1;border-radius:3px 3px 0 0;display:block;min-height:1px}
.chart .ent{background:var(--ok)}.chart .sai{background:var(--bad);opacity:.8}
.mesl{display:flex;gap:8px;font-size:11px;color:var(--mut);padding:2px 4px}.mesl span{flex:1;text-align:center}
dialog:has(.pers){width:min(520px,96vw)}
.pers .grp{font:700 12px Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:12px 0 4px}
.pers .opt{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;margin-bottom:5px;font-size:14px;background:var(--surf)}
.pers .opt.fixo{background:var(--soft);color:var(--mut)}.pers .opt .mv{margin-left:auto;display:flex}.pers .opt .chk{font-size:14px}
.lockb{white-space:nowrap}div.secao{flex-wrap:wrap}
dialog:has(.contas-dlg){width:min(1040px,97vw)}
.maqcustos .blk{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:12px;background:var(--surf)}
.maqcustos .blk h3{margin:0 0 6px;font-size:15px;display:flex;justify-content:space-between;gap:8px}
.maqcustos .blk h3 span{color:var(--acc);font-size:15px}
.maqcustos .mt{width:100%}.maqcustos .mt td{padding:4px 5px}.maqcustos .mt input,.maqcustos .mt select{padding:5px 7px}
.maqcustos .ex,.ex{font-size:12px;color:var(--mut);margin:6px 0 0}
.falta{color:var(--warn);font-weight:600}
.maqcustos input::placeholder{color:var(--bad);opacity:.7}
.res4 .k small{display:block;font-size:11px;color:var(--mut)}
.maqcustos .mt select{min-width:74px}
.maqcustos .mt td:first-child{width:44%}
.maqcustos .dura{display:flex;gap:4px;align-items:center}.maqcustos .dura select{min-width:0;width:auto}
.maqcustos .pmx{display:block;font-size:11px;white-space:nowrap}
#eqmt tr.mt1 td{border-bottom:0;padding-bottom:0}#eqmt tr.mt1 td:first-child{width:auto}#eqmt tr.mt1 input{width:100%;font-weight:600}
#eqmt tr.mt2 td:first-child{width:auto}#eqmt tr.mt2 td{padding-top:3px}#eqmt tr.mt2 input[data-c=valor]{width:100%!important;max-width:120px}
@media (max-width:600px){.maqcustos table.mt:has(#eqmt) thead{display:none}
#eqmt tr.mt2{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:0 0 6px}#eqmt tr.mt2 td{display:block;padding:2px 4px}
#eqmt tr.mt2 td:nth-child(1){flex:0 0 96px}#eqmt tr.mt2 td:nth-child(2){flex:1 1 150px}#eqmt tr.mt2 td:nth-child(3){flex-basis:100%;text-align:left}#eqmt tr.mt2 td:nth-child(4){display:none}
#eqmt tr.mt2 td:nth-child(3) .pmx{display:inline;margin-left:6px}#eqmt .dura select{flex:1;min-width:0}}
/* ajudante / terceirizado */
.ieq{width:100%;margin-top:4px}.ieq td{padding:4px 5px;vertical-align:top}.ieq select{max-width:220px}.ieq select[data-e=cobra]{width:110px}
.ieq .ex{display:block;font-size:11px;white-space:nowrap}
.tagq{display:inline-block;font-size:11px;padding:1px 7px;border-radius:9px;background:var(--acc);color:#fff;margin:3px 0 0}.tagq.t{background:#8a5cf6}
.osequipe{margin:6px 0;padding:8px 10px;border-radius:8px;background:rgba(127,127,127,.09);font-size:14px}
.eqptab input[data-k=nome]{min-width:220px}
@media (max-width:700px){.ieq thead{display:none}.ieq tr{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line,#ddd);padding:4px 0}.ieq td{display:block}.ieq td:first-child{flex-basis:100%}}
/* resultado / projeção */
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 10px}
.chip{padding:6px 12px;border-radius:18px;border:1px solid var(--line);background:var(--surf);color:var(--ink);font-size:13px;cursor:pointer}
.chip.on{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}
.chips .inl{display:flex;align-items:center;gap:4px;font-size:13px}.chips .inl input{width:auto}
.kpis5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:4px 0 12px}.kpis5.k3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.kpis5 .k{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.kpis5 .k span{font-size:13px;color:var(--mut)}.kpis5 .k b{display:block;font-size:21px;margin:2px 0}.kpis5 .k small{color:var(--mut);font-size:12px}
.kpis5 .pos b,.restab .pos{color:var(--ok)}.kpis5 .neg b,.restab .neg{color:var(--bad)}
.resg,.pjg{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.restab{width:100%}.restab td,.restab th{padding:7px 9px}.restab tfoot td{font-weight:700;border-top:2px solid var(--line)}
.graf{width:100%;height:auto;display:block}.graf .gl{stroke:var(--line);stroke-width:1}.graf .g0{stroke:var(--mut);stroke-width:1}
.graf .gm{stroke:var(--mut);stroke-dasharray:4 4}.graf .gt{fill:var(--mut);font-size:11px}
.gleg{font-size:12px;color:var(--mut);display:flex;flex-wrap:wrap;gap:4px 12px;margin:4px 0 8px}.gleg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.tagp{background:#7c3aed;color:#fff;border-radius:6px;padding:2px 8px;font-size:12px;margin-left:6px;vertical-align:3px}
.pjt td{padding:4px 5px}.pjt input[data-c=descricao]{min-width:180px}
@media (max-width:900px){.kpis5{grid-template-columns:repeat(2,minmax(0,1fr))}.resg,.pjg{grid-template-columns:1fr}}
.pjt select{min-width:104px}.pjt input[type=month]{min-width:150px}.pjt input[data-c=descricao]{min-width:200px}
.resg>*,.pjg>*{min-width:0}.pjg{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
#pjkpi .kpis5.k3{margin:0 0 12px}
.tagfx{display:inline-block;font-size:12px;padding:2px 8px;border-radius:9px;color:#fff}.tagfx.pl{background:#7c3aed}.tagfx.sl{background:#0b7a75}
.fxtot{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mut)}.fxtot b{color:var(--ink)}
/* conciliação */
.kpis5 .roxo b,.restab .roxo{color:#7c3aed}.kpis5 .fim{border:2px solid var(--acc)}
.ccg{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.cctab .ck{width:30px}.cctab td{vertical-align:top}
.tgo{font-size:11px;padding:2px 8px;border-radius:8px;color:#fff;white-space:nowrap;background:#64748b}.tgo.c{background:#0b7a75}.tgo.m{background:#7c3aed}.tgo.mp{background:#a855f7}
.conf{padding:10px 12px;border-radius:10px;background:#fef9c3;color:#713f12;margin-top:10px;font-size:14px}.conf.ok{background:#dcfce7;color:#14532d}
.semdata{margin-top:12px;border-color:#f59e0b}
@media (max-width:900px){.ccg{grid-template-columns:1fr}}
.tgo.aj{background:#94a3b8;color:#1e293b}tr.semdt td{background:rgba(250,204,21,.18)}
/* relatórios com gráficos */
.rcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 12px}
.rcards .k{border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}.rcards .k span{font-size:12.5px;color:var(--mut)}.rcards .k b{display:block;font-size:20px;margin:2px 0}.rcards .k small{color:var(--mut);font-size:12px}
.rcards .k.dest{border:2px solid #7c3aed;background:rgba(124,58,237,.07)}.rcards .k.dest b{color:#7c3aed;font-size:23px}.rcards .k.pos b{color:var(--ok)}.rcards .k.neg b{color:var(--bad)}.rcards .k.largo{grid-column:span 2}
.rnota{padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.6;margin:6px 0 4px;border-left:4px solid var(--ok);background:rgba(22,163,74,.08)}.rnota.roxo{border-color:#7c3aed;background:rgba(124,58,237,.08)}
.rgraf{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.rgraf .largo{grid-column:1/-1}.graf .gv{fill:var(--ink);font-size:12px;font-weight:700}
@media (max-width:800px){.rcards{grid-template-columns:1fr 1fr}.rgraf{grid-template-columns:1fr}}
@media print{.rcards .k{border:1px solid #ccc}.rgraf section{break-inside:avoid}.rnota{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rcards .k.dest{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* fases do acerto */
.fasecard{margin-top:12px}.fases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 12px}
.fase{padding:11px 13px;border:2px solid var(--line);background:var(--surf);font-size:13.5px;color:var(--mut)}.fase:first-child{border-radius:12px 0 0 12px}.fase:last-child{border-radius:0 12px 12px 0}
.fase b{display:block;font-size:15px;color:var(--ink);margin:2px 0 3px}.fase .n{font-size:11.5px;font-weight:700;color:var(--acc)}.fase.at{border-color:var(--acc);background:rgba(16,185,129,.09)}.fase.ok{opacity:.7}
.pbar{height:12px;border-radius:7px;background:var(--soft);overflow:hidden;margin:6px 0 3px;border:1px solid var(--line)}.pbar i{display:block;height:100%;background:#0b7a75}.pbar.r i{background:#7c3aed}
.fprog{margin-bottom:10px}.fprog .ok,.fasecard .ok{color:var(--ok)}
.tagf{font-size:12px;padding:1px 8px;border-radius:7px;background:var(--soft);border:1px solid var(--line);white-space:nowrap}.tagf.a{background:rgba(124,58,237,.12);color:#7c3aed;border-color:transparent;font-weight:700}.tagf.l{background:rgba(217,119,6,.14);color:#b45309;border-color:transparent;font-weight:700}
@media (max-width:800px){.fases{grid-template-columns:1fr}.fase:first-child{border-radius:12px 12px 0 0}.fase:last-child{border-radius:0 0 12px 12px}}
.relatorio tr.rdest td{background:rgba(250,204,21,.2);font-weight:600}@media print{.relatorio tr.rdest td{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* barra de baixo no celular e app instalado */
nav.baixo{display:none}
@media(max-width:760px){
  header.top nav,header.top .eu{display:none}
  .top .in{padding:8px 16px}
  nav.baixo{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--surf);
    border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0));box-shadow:0 -2px 10px rgba(0,0,0,.06)}
  nav.baixo button{display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;color:var(--mut);padding:6px 2px;
    font:600 12px "Barlow Semi Condensed",Barlow,sans-serif;border-radius:10px;min-height:52px;justify-content:center;min-width:0}
  nav.baixo button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  nav.baixo svg{width:24px;height:24px;fill:currentColor}
  nav.baixo button.on{color:var(--acc);background:var(--soft);box-shadow:none}
  main{padding-bottom:calc(90px + env(safe-area-inset-bottom,0))}
  #toast{bottom:calc(76px + env(safe-area-inset-bottom,0))!important}
}
.maisg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.maisg button{padding:14px 10px;text-align:left;font-size:16px}
.maisg button.on{border-color:var(--acc);color:var(--acc)}
@media(display-mode:standalone){header.top{padding-top:max(env(safe-area-inset-top,0),4px)}}
.tgnome{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}
.tgnome details{margin-top:6px}.tgnome ol{margin:6px 0 4px 18px;padding:0}

/* medidas e desenhos */
.medbox .lin,.osmed .lin{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.medbox h3,.osmed h3{white-space:nowrap}
.medup{display:inline-flex;align-items:center;gap:4px;cursor:pointer;margin:0;color:var(--ink)}
.medup.carregando{opacity:.6;pointer-events:none}
.medg{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.medi{position:relative;min-width:0}
.medi a{display:block;aspect-ratio:1;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--soft)}
.medi img{width:100%;height:100%;object-fit:cover;display:block}
.medpdf{display:flex;align-items:center;justify-content:center;height:100%;font:700 18px "Barlow Semi Condensed",sans-serif;color:var(--bad)}
.medi small{display:block;font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.medi [data-mdel]{position:absolute;top:2px;right:2px;background:var(--surf);border-radius:50%;width:24px;height:24px;padding:0;line-height:1}
.osmed{border:1px solid var(--line);border-radius:8px;padding:10px;margin:10px 0;background:var(--soft)}

.gtipos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;margin-bottom:6px}
.gpassos{margin:8px 0;font-size:14px}.gpassos ol{margin:8px 0 4px 18px;padding:0}.gpassos li{margin-bottom:6px}
.copiar{display:flex;gap:6px;align-items:center;margin:4px 0;flex-wrap:wrap}.copiar code{background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:4px 6px;word-break:break-all}
.drst{display:grid;gap:2px;margin-top:10px;font-size:14px}

/* OS: cliente / trabalho e entrega em destaque */
.os .top2{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.os .ident{min-width:0}
.ct{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;align-items:baseline;margin-top:2px}
.ct .lb{font:600 11px Barlow,sans-serif;color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
.ct .v1{font:700 20px/1.2 "Barlow Semi Condensed",sans-serif;overflow-wrap:anywhere}
.ct .v2{font-size:15px;overflow-wrap:anywhere}
.os .ent{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;flex:none;max-width:52%}
.entb{display:inline-flex;gap:5px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end;border:0;border-radius:8px;padding:4px 9px;font:600 14px "Barlow Semi Condensed",sans-serif}
.entb b{font-size:16px}
.entb.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.entb.perto{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}
.entb.late{background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad)}
.entb.sem{background:var(--soft);color:var(--mut);font-weight:500;cursor:pointer}
@media(max-width:560px){.os .top2{flex-direction:column}.os .ent{align-items:flex-start;max-width:none;text-align:left;flex-direction:column-reverse}}

.box2{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:12px;background:var(--soft)}
.box2 h3{margin:0 0 6px;font-size:15px}
table.tparc{width:100%;font-size:14px;margin-top:6px}
table.tparc td,table.tparc th{padding:5px 6px}
table.tparc input{padding:5px 7px;background:var(--surf)}
table.tparc tfoot td{font-weight:600}

.cobrar{border:2px solid var(--warn);border-radius:10px;padding:12px 14px;background:var(--surf);margin-bottom:12px}
.cobrar h3{margin:0 0 8px}
.cobrar td .sub{display:block}
.cobbt button{margin-left:2px}
td.late,td .late,.sub.late{color:var(--bad)}

.kp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.kp3>div{background:var(--surf);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.kp3 b{display:block;font:700 24px "Barlow Semi Condensed",sans-serif}
.kp3 span{font-size:13px;color:var(--mut)}
.kp3 .dest{border:2px solid var(--acc)}
.okt{color:var(--ok)}
@media(max-width:560px){.kp3{grid-template-columns:1fr}}

.cr .cac{width:auto;flex:none;padding:6px 4px;font-size:13px}
.chips2{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0}

/* custo detalhado do item */
.cdrow td{background:var(--soft);padding:6px 10px 10px!important}
.cdbox{max-width:760px}
table.cdt{width:100%;font-size:13.5px;border-collapse:collapse}
table.cdt th{font-size:12px;color:var(--mut);font-weight:600;text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}
table.cdt td{padding:4px 6px;border-bottom:1px solid var(--line)}
table.cdt .n{text-align:right;white-space:nowrap}
table.cdt tfoot td{font-weight:600;border-bottom:0}
table.cdt input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc)}
.tagc{display:inline-block;font:700 10.5px Barlow,sans-serif;letter-spacing:.03em;border-radius:4px;padding:1px 5px;margin-right:6px;vertical-align:1px}
.tagc.tm{background:color-mix(in srgb,#3b82f6 20%,transparent);color:#3b82f6}.tagc.tq{background:color-mix(in srgb,#a855f7 20%,transparent);color:#a855f7}
.tagc.td{background:color-mix(in srgb,#f59e0b 22%,transparent);color:#d97706}.tagc.te{background:color-mix(in srgb,#10b981 20%,transparent);color:#0f9f6e}
.tagc.mk{background:color-mix(in srgb,var(--acc) 20%,transparent);color:var(--acc)}.tagc.emp{background:var(--surf);color:var(--mut);border:1px solid var(--line)}
.cbar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:6px 0 8px;background:var(--soft)}.cbar i{display:block}
.clg{display:grid;grid-template-columns:auto 1fr auto;gap:3px 8px;font-size:14px;align-items:center}.clg i{width:10px;height:10px;border-radius:2px}
.ctipo .lin{display:flex;justify-content:space-between;gap:8px;margin:3px 0}

.cdlanc{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:8px 0;background:var(--soft)}
.cdlanc summary{cursor:pointer}
.cdlanc table{margin-top:6px}

.actt td .sub{display:block}.atdet td{background:var(--soft)}
.atit{margin:4px 0}.atit .sub{display:inline-block!important;margin-left:10px}