/* ===== Tokens ===== */
:root{
  --ciano:#2fd4ee; --lime:#9fe34b; --amber:#f6b73c; --magenta:#e14fd2; --violeta:#b18cff;
  --grafite:#14171c; --grafite-2:#1a1e24;
  --raio:14px; --raio-p:10px;
  --fonte-titulo:"Space Grotesk",system-ui,sans-serif;
  --fonte-corpo:"Inter",system-ui,sans-serif;
  --fonte-mono:"JetBrains Mono",ui-monospace,monospace;
  --topbar-alt:64px;
}
html[data-tema="escuro"]{
  --fundo:#0e1116; --superficie:#161b22; --cartao:#1a212b;
  --borda:rgba(255,255,255,.08); --borda-forte:rgba(255,255,255,.14);
  --texto:#e8edf2; --texto-2:#9aa7b4; --texto-3:#6b7885;
  --sombra:0 10px 30px rgba(0,0,0,.35);
}
html[data-tema="claro"]{
  --fundo:#f6f7f4; --superficie:#ffffff; --cartao:#ffffff;
  --borda:rgba(20,30,40,.10); --borda-forte:rgba(20,30,40,.18);
  --texto:#1c2530; --texto-2:#55636f; --texto-3:#8794a0;
  --sombra:0 10px 24px rgba(25,35,45,.08);
}
html[data-accent="ciano"]{--accent:var(--ciano)}
html[data-accent="lime"]{--accent:var(--lime)}
html[data-accent="amber"]{--accent:var(--amber)}
html[data-accent="magenta"]{--accent:var(--magenta)}
html[data-accent="violeta"]{--accent:var(--violeta)}

*{box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%} /* v0.9.20: body com height fixa fazia a topbar parar de grudar depois de uma tela de rolagem */
body{
  font-family:var(--fonte-corpo); font-size:15px; line-height:1.5;
  background:var(--fundo); color:var(--texto);
  transition:background .25s ease, color .25s ease;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}

/* ===== Topbar (grafite sempre, nos dois temas — identidade v6) ===== */
.topbar{
  position:sticky;top:0;z-index:40;height:var(--topbar-alt);
  display:flex;align-items:center;gap:14px;padding:0 16px;
  background:var(--grafite);color:#e8edf2;
}
.faixa-tricolor{
  position:sticky;top:var(--topbar-alt);z-index:39;height:3px;
  background:linear-gradient(90deg,var(--marca-1,var(--ciano)),var(--marca-2,var(--lime)),var(--marca-3,var(--magenta))); /* v0.9.79 — cores da marca (marca_estilo_tela) */
}
.hamburguer{display:none;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center}
.hamburguer:hover{background:rgba(255,255,255,.08)}
.hamburguer svg{width:22px;height:22px;stroke:#e8edf2;stroke-width:2;fill:none;stroke-linecap:round}

.marca{display:flex;align-items:center;gap:10px;white-space:nowrap}
.marca .cubo{width:26px;height:26px;flex:0 0 auto}
.marca strong{font-family:var(--fonte-titulo);font-weight:700;font-size:15px;letter-spacing:.06em}
.marca em{font-style:normal;color:#9aa7b4;font-size:13px;border-left:1px solid rgba(255,255,255,.18);padding-left:10px;margin-left:2px}

/* ===== Chavezinha de contexto ===== */
.chavezinha{
  display:flex;gap:4px;margin:0 auto;padding:4px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  overflow-x:auto;scrollbar-width:none;
}
.chavezinha::-webkit-scrollbar{display:none}
.chave{
  height:36px;padding:0 16px;border-radius:999px;white-space:nowrap;
  font-weight:600;font-size:13.5px;color:#b7c2cc;
  display:flex;align-items:center;gap:8px;transition:all .18s ease;
}
.chave .ponto{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:currentColor;opacity:.55}
.chave:hover{color:#fff;background:rgba(255,255,255,.07)}
.chave[aria-selected="true"]{background:var(--cor-chave);color:var(--cor-chave-tx,#10141a)} /* v0.9.135 — texto legível em cor escura */
.chave[aria-selected="true"] .ponto{opacity:1;background:var(--cor-chave-tx,#10141a)}
.chave[data-ctx="geral"]{--cor-chave:var(--magenta)}
.chave[data-ctx="empresas"]{--cor-chave:var(--ciano)}
.chave[data-ctx="avulsos"]{--cor-chave:var(--lime)}
.chave[data-ctx="imp3d"]{--cor-chave:var(--violeta)}
.chave[data-ctx="meu"]{--cor-chave:var(--amber)}

.topo-direita{display:flex;align-items:center;gap:10px;margin-left:auto}
.busca{
  display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;
  border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);
}
.busca svg{width:16px;height:16px;stroke:#9aa7b4;stroke-width:2;fill:none;stroke-linecap:round}
.busca input{
  border:0;background:transparent;color:#e8edf2;width:210px;font:inherit;font-size:14px;
}
.busca input::placeholder{color:#78848f}
.busca input:focus{outline:none}
.tema-btn{
  height:44px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:600;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#cfd8e0;
}
.tema-btn:hover{background:rgba(255,255,255,.12)}
.tema-btn span{color:#8b97a2;font-weight:500}
.avatar{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--fonte-titulo);font-weight:700;font-size:13px;color:#10141a;
  background:linear-gradient(135deg,var(--ciano),var(--lime));
}

/* ===== Corpo: menu + conteúdo ===== */
.corpo{display:flex;min-height:calc(100vh - var(--topbar-alt) - 3px)}
.menu{
  width:248px;flex:0 0 auto;padding:18px 12px 12px;
  background:var(--superficie);border-right:1px solid var(--borda);
  display:flex;flex-direction:column;gap:2px;
  transition:background .25s ease;
}
.grupo-rotulo{
  margin:16px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--texto-3);
}
.item{
  display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;
  border-radius:var(--raio-p);color:var(--texto-2);font-weight:500;font-size:14px;
  width:100%;text-align:left;position:relative;
}
.item:hover{background:color-mix(in srgb,var(--texto) 6%,transparent);color:var(--texto)}
.item .marcador{
  width:9px;height:9px;flex:0 0 auto;transform:rotate(45deg);border-radius:2px;
  background:var(--texto-3);opacity:.5;transition:all .18s ease;
}
.item.ativo{color:var(--texto);background:color-mix(in srgb,var(--accent) 13%,transparent)}
.item.ativo .marcador{background:var(--accent);opacity:1;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}
.item .seta{margin-left:auto;width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.grupo.aberto .grupo-toggle .seta{transform:rotate(90deg)}
.sub{display:none;flex-direction:column;gap:2px;margin:2px 0 4px}
.grupo.aberto .sub{display:flex}
.sub .item{padding-left:31px;min-height:40px;font-size:13.5px}
.sub .item .marcador{width:7px;height:7px}
.item .tag{
  margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.04em;
  padding:2px 8px;border-radius:999px;border:1px dashed var(--borda-forte);color:var(--texto-3);
}
.item.futuro{color:var(--texto-3)}
.item.futuro .marcador{border:1px dashed var(--texto-3);background:transparent;opacity:.7}
.menu-rodape{margin-top:auto;padding:12px;font-size:11.5px;color:var(--texto-3);font-family:var(--fonte-mono)}
.pano{display:none}

/* ===== Conteúdo ===== */
.conteudo{flex:1;min-width:0;padding:26px 30px 60px;max-width:1120px}
.cabecalho-pagina{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cabecalho-pagina h1{
  margin:0;font-family:var(--fonte-titulo);font-weight:600;font-size:26px;letter-spacing:-.01em;
}
.badge-contexto{
  font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;
  background:color-mix(in srgb,var(--accent) 15%,transparent);
  color:var(--texto);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
  display:flex;align-items:center;gap:7px;
}
.badge-contexto::before{content:"";width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:var(--accent)}
.subtitulo{margin:6px 0 24px;color:var(--texto-2);font-size:14.5px;max-width:640px}

/* KPIs */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:26px}
.kpi{display:flex;flex-direction:column;color:inherit;text-decoration:none; /* v0.9.214 — rótulo, valor e apoio um embaixo do outro (eram spans soltos na mesma linha) */
  background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);
  padding:16px 18px;box-shadow:var(--sombra);transition:transform .15s ease,border-color .15s ease;
}
.kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--borda))}
.kpi .rotulo{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-3)}
.kpi .valor{font-family:var(--fonte-mono);font-weight:600;font-size:clamp(19px,2.3vw,28px);margin-top:6px;white-space:nowrap} /* v0.9.223 — o valor numa linha só; a letra diminui em tela média */
.kpi .apoio{font-size:12.5px;color:var(--texto-2);margin-top:4px}
.kpi.alerta .valor{color:var(--amber)}
@media (max-width:560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:12px 13px}.kpi .valor{font-size:20px}} /* v0.9.214 — no celular, dois números por linha */

/* Painéis e listas */
.paineis{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.painel{
  background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);
  padding:18px 20px;box-shadow:var(--sombra);
}
.painel h2{margin:0 0 14px;font-family:var(--fonte-titulo);font-weight:600;font-size:16px}
.linha{
  display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--borda);
  font-size:14px;
}
.linha:first-of-type{border-top:0}
.hora{font-family:var(--fonte-mono);font-size:12.5px;color:var(--texto-3);width:52px;flex:0 0 auto}
.origem{width:9px;height:9px;border-radius:2px;transform:rotate(45deg);flex:0 0 auto}
.origem.empresa{background:var(--ciano)}
.origem.avulso{background:var(--lime)}
.origem.pessoal{background:var(--amber)}
.linha .texto-linha{min-width:0}
.linha .texto-linha small{display:block;color:var(--texto-3);font-size:12px}
.chip{
  margin-left:auto;flex:0 0 auto;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;
  background:color-mix(in srgb,var(--texto) 7%,transparent);color:var(--texto-2);
}
.chip.ok{background:color-mix(in srgb,var(--lime) 18%,transparent);color:var(--texto)}
.chip.atencao{background:color-mix(in srgb,var(--amber) 20%,transparent);color:var(--texto)}
.legenda{display:flex;gap:16px;margin-top:14px;font-size:12px;color:var(--texto-3);flex-wrap:wrap}
.legenda span{display:flex;align-items:center;gap:6px}

/* Página genérica */
.placeholder{
  background:var(--cartao);border:1px dashed var(--borda-forte);border-radius:var(--raio);
  padding:34px;text-align:center;color:var(--texto-2);max-width:560px;
}
.placeholder .cubo{width:34px;height:34px;margin:0 auto 12px;opacity:.85}
.placeholder strong{color:var(--texto);font-family:var(--fonte-titulo);font-size:16px;display:block;margin-bottom:6px}

.pagina{display:none}
.pagina.visivel{display:block}
.ctx{display:none}
.ctx.visivel{display:block}

/* Selo de prévia */
.selo{
  position:fixed;right:14px;bottom:14px;z-index:50;
  font-family:var(--fonte-mono);font-size:11.5px;color:var(--texto-2);
  background:var(--superficie);border:1px solid var(--borda);border-radius:999px;
  padding:7px 14px;box-shadow:var(--sombra);
}

/* ===== Responsivo ===== */
@media (max-width:1080px){.paineis{grid-template-columns:1fr}}
@media (max-width:960px){
  .hamburguer{display:flex}
  .menu{
    position:fixed;left:0;top:0;bottom:0;z-index:60;width:270px;
    transform:translateX(-105%);transition:transform .22s ease;
    box-shadow:0 0 40px rgba(0,0,0,.4);padding-top:20px;
  }
  .menu.aberto{transform:translateX(0)}
  .pano{position:fixed;inset:0;background:rgba(8,10,14,.5);z-index:55}
  .menu.aberto ~ .pano{display:block}
  .busca{display:none}
}
@media (max-width:720px){
  .marca em{display:none}
  .tema-btn span{display:none}
  .conteudo{padding:20px 16px 60px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ===== Acréscimos v0.1 (fundação) ===== */
.nota-exemplo{ /* v0.9.55 — era flex: um link no meio da frase virava "bloco" e o rodapé da fila quebrava em três pedaços */
  margin:12px 0 20px;font-size:12.5px;line-height:1.45;color:var(--texto-3);
  position:relative;padding-left:15px;
}
.campo .dica{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:var(--texto-3)}
.campo .dica strong{color:var(--texto-2)}
.nota-exemplo::before{content:"";position:absolute;left:1px;top:5px;width:7px;height:7px;border-radius:2px;
  transform:rotate(45deg);border:1px dashed var(--texto-3)}
.chip.erro{background:color-mix(in srgb,var(--magenta) 22%,transparent);color:var(--texto)}
.placeholder a{color:var(--accent);font-weight:600}
.acao{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;
  border-radius:12px;font-weight:600;font-size:14px;
  background:color-mix(in srgb,var(--accent) 18%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--texto);
}
.acao:hover{background:color-mix(in srgb,var(--accent) 28%,transparent)}
.diag-detalhe{font-family:var(--fonte-mono);font-size:12px;color:var(--texto-3)}

/* ===== Troca de contexto 100% via CSS ===== */
.so-ctx{display:none}
html[data-contexto="geral"]    .so-ctx-geral,
html[data-contexto="empresas"] .so-ctx-empresas,
html[data-contexto="avulsos"]  .so-ctx-avulsos,
html[data-contexto="meu"]      .so-ctx-meu{display:block}
.badge-contexto .so-ctx{display:none}
html[data-contexto="geral"]    .badge-contexto .so-ctx-geral,
html[data-contexto="empresas"] .badge-contexto .so-ctx-empresas,
html[data-contexto="avulsos"]  .badge-contexto .so-ctx-avulsos,
html[data-contexto="meu"]      .badge-contexto .so-ctx-meu{display:inline}
html[data-contexto="geral"]    .ctx[data-ctx="geral"],
html[data-contexto="empresas"] .ctx[data-ctx="empresas"],
html[data-contexto="avulsos"]  .ctx[data-ctx="avulsos"],
html[data-contexto="meu"]      .ctx[data-ctx="meu"]{display:block}
html[data-contexto="geral"]    .chave[data-ctx="geral"],
html[data-contexto="empresas"] .chave[data-ctx="empresas"],
html[data-contexto="avulsos"]  .chave[data-ctx="avulsos"],
html[data-contexto="imp3d"]    .chave[data-ctx="imp3d"],
html[data-contexto="meu"]      .chave[data-ctx="meu"]{background:var(--cor-chave);color:#10141a}
html[data-contexto="geral"]    .chave[data-ctx="geral"] .ponto,
html[data-contexto="empresas"] .chave[data-ctx="empresas"] .ponto,
html[data-contexto="imp3d"]    .chave[data-ctx="imp3d"] .ponto,
html[data-contexto="avulsos"]  .chave[data-ctx="avulsos"] .ponto,
html[data-contexto="meu"]      .chave[data-ctx="meu"] .ponto{opacity:1;background:#10141a}

/* ===== Layout solto (login / primeiro acesso) ===== */
body.solto{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.coluna-solta{width:100%;max-width:420px}
.cartao-entrar{
  background:var(--cartao);border:1px solid var(--borda);border-radius:18px;
  padding:34px 32px;box-shadow:var(--sombra);
}
.cartao-entrar .cubo{width:42px;height:42px;margin-bottom:14px}
.cartao-entrar h1{font-family:var(--fonte-titulo);font-weight:600;font-size:21px;margin:0 0 4px}
.cartao-entrar p{color:var(--texto-2);font-size:13.5px;margin:0 0 20px;line-height:1.5}
.faixa-mini{height:3px;border-radius:99px;background:linear-gradient(90deg,var(--marca-1,var(--ciano)),var(--marca-2,var(--lime)),var(--marca-3,var(--magenta))); /* v0.9.79 — cores da marca (marca_estilo_tela) */margin:0 0 22px}
.campo{display:block;margin-bottom:14px}
.campo span{display:block;font-size:12.5px;font-weight:600;color:var(--texto-2);margin-bottom:6px}
.campo input{
  width:100%;height:44px;padding:0 14px;border-radius:12px;
  border:1px solid var(--borda-forte);background:var(--superficie);
  color:var(--texto);font:inherit;font-size:14.5px;
}
.campo input:focus{outline:2px solid var(--accent);outline-offset:1px}
.botao-cheio{
  width:100%;height:46px;border-radius:12px;font-weight:700;font-size:14.5px;
  background:linear-gradient(90deg,var(--ciano),var(--lime));color:#10141a;margin-top:8px;
}
.botao-cheio:hover{filter:brightness(1.07)}
.erro-form{
  background:color-mix(in srgb,var(--magenta) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--magenta) 40%,transparent);
  border-radius:12px;padding:11px 14px;font-size:13.5px;margin-bottom:16px;
}
.rodape-solto{margin-top:16px;text-align:center;font-size:11.5px;color:var(--texto-3);font-family:var(--fonte-mono)}
.sair-form{display:flex;align-items:center;gap:10px;margin:0}
.paineis+.paineis{margin-top:14px}
.linha.linha-acao{border-top:0;padding-top:16px}

/* ===== Administração (Etapa 1.2) ===== */
.abas{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.aba{
  display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:10px;
  font-weight:600;font-size:13.5px;color:var(--texto-2);border:1px solid var(--borda);
}
.aba:hover{color:var(--texto);border-color:var(--borda-forte)}
.aba.ativa{
  color:var(--texto);background:color-mix(in srgb,var(--accent) 14%,transparent);
  border-color:color-mix(in srgb,var(--accent) 40%,transparent);
}
.flash{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;
  font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;
  background:color-mix(in srgb,var(--lime) 18%,transparent);
}
.flash::before{content:"";width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:var(--lime)}
.painel-form{max-width:640px;margin-bottom:16px}
.painel-form .campo input,.painel-form .campo select{
  width:100%;height:44px;padding:0 14px;border-radius:12px;
  border:1px solid var(--borda-forte);background:var(--superficie);
  color:var(--texto);font:inherit;font-size:14.5px;
}
.painel-form .campo input:disabled{opacity:.55}
.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--accent)}
.painel-form .check input,.painel-form .campo .check input{width:18px;height:18px;padding:0;flex:none;border-radius:4px} /* v0.9.218 — caixinha e bolinha nunca herdam o tamanho dos campos */
.pg-grupo{border:0;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.pg-grupo legend{font-weight:600;font-size:13.5px;color:var(--texto-2);padding:0;margin-bottom:2px}
.pg-opcoes{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:0;align-items:center}.pg-opcoes .check{white-space:nowrap}
.pg-parcelas{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.pg-parcelas input[type=number]{width:4.5rem;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit}.pg-parcelas input.apagado{opacity:.45}
.acoes-form{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap} /* v0.9.218 — no celular os botões descem em vez de espremer o texto */
.linha-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.linha-form select{height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px;max-width:100%} /* v0.9.244 — campos em linha (fora do .campo) com a cara dos outros */
.titulo-secao{font-family:var(--fonte-titulo);font-weight:600;font-size:16px;margin:24px 0 4px}
.grupo-perm{
  font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--texto-3);margin:18px 0 4px;
}
.mini-select select{
  height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);
  background:var(--superficie);color:var(--texto);font:inherit;font-size:13px;
}
.link-linha{font-weight:600}
.link-linha:hover{color:var(--accent)}

/* ===== Módulo Impressão 3D ===== */
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.dupla{grid-template-columns:1fr}}
.res{font-family:var(--fonte-mono);font-size:13.5px;margin-left:auto}
.valor-final-caixa{
  margin-top:16px;padding:16px 18px;border-radius:14px;
  background:color-mix(in srgb,var(--accent) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
  display:flex;flex-direction:column;gap:2px;
}
.valor-final-caixa .rotulo{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2)}
.valor-final{font-family:var(--fonte-mono);font-weight:600;font-size:30px}
.valor-final-caixa .apoio{font-size:12.5px;color:var(--texto-2)}

/* Impressão genérica: some a moldura da Central (v0.9.19 — a proposta impressa da calculadora antiga saiu) */
@media print{
  .topbar,.faixa-tricolor,.menu,.pano,.selo,.cabecalho-pagina,.subtitulo,.nota-exemplo{display:none!important}
  body{background:#fff;color:#111}
  .corpo{display:block}
  .conteudo{padding:0;max-width:none}
}

/* ===== Clientes e anexos ===== */
.busca{flex:1;height:44px;padding:0 13px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:2px 22px;margin:0 0 8px}
@media(max-width:640px){.ficha{grid-template-columns:1fr}}
.ficha dt{color:var(--texto-3);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:10px}
.ficha dd{margin:0;font-size:14.5px}
.secao-modulo{border-left:3px solid var(--magenta)}
.secao-modulo h2 small{font-family:var(--fonte-corpo);font-weight:500;color:var(--texto-3);font-size:11.5px;margin-left:8px}
.anexo-lista{list-style:none;margin:8px 0 0;padding:0}
.anexo-lista li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--borda);border-radius:10px;margin-bottom:6px;font-size:13.5px}
.anexo-lista .tam{margin-left:auto;font-family:var(--fonte-mono);font-size:12px;color:var(--texto-3);white-space:nowrap}
.anexo-lista form{margin:0}
.caixa{display:flex;align-items:center;gap:10px}
.caixa input[type=checkbox]{width:18px;height:18px}
.aviso-ambar{display:none;margin-top:10px;padding:10px 14px;border-radius:12px;font-size:13px;background:color-mix(in srgb,var(--ambar,#f6b73c) 16%,transparent);border:1px solid color-mix(in srgb,var(--ambar,#f6b73c) 45%,transparent)}

/* ---- Atendimento (v0.6.1) ---- */
.chip.ciano{border-color:#2fd4ee;color:#2fd4ee}
.chip.lime{border-color:#9fe34b;color:#8fcf3f}
.chip.ambar{border-color:#f5a524;color:#e09a1f}
.chip.vermelho{border-color:#ff5470;color:#ff5470}
.chip.cinza{opacity:.75}
.aten-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:8px 0 4px}
.aten-fotos img{width:100%;height:96px;object-fit:cover;border-radius:8px;border:1px solid rgba(127,127,127,.25);display:block}
.aten-assinatura{max-width:320px;width:100%;background:#fff;border:1px solid rgba(127,127,127,.3);border-radius:8px;padding:6px;margin:6px 0}
.aten-termos{font-size:13px;line-height:1.55;opacity:.9;margin-top:8px}
.aten-termos ol{padding-left:18px}

/* ===== v0.6.2 — contexto no servidor, menus por contexto, colunas fixas ===== */
.chavezinha form{display:contents}
.menu form.form-item{display:contents}
.menu button.item{width:100%;background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}
.chip.info{background:color-mix(in srgb,var(--ciano) 22%,transparent);color:var(--texto)}

.aviso-contexto{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;
  padding:10px 14px;border:1px solid color-mix(in srgb,var(--amber) 45%,transparent);
  border-radius:10px;background:color-mix(in srgb,var(--amber) 12%,transparent);font-size:14px}
.aviso-contexto form{margin-left:auto}

/* Lista em colunas fixas: texto | etiquetas (status+financeiro) | valor */
.lista-colunas .linha-os{display:grid;grid-template-columns:minmax(0,1fr) max-content 104px;
  gap:6px 14px;align-items:center;padding:11px 0;border-top:1px solid var(--borda)}
.lista-colunas .linha-os:first-of-type{border-top:0}
.linha-os .col-texto{min-width:0}
.linha-os .col-texto small{display:block;color:var(--texto-3);font-size:12px}
.linha-os .col-etiquetas{display:grid;grid-template-columns:172px 92px;gap:8px;align-items:center}
.linha-os .cel{min-width:0;display:flex}
.linha-os .chip{max-width:100%;white-space:normal;overflow-wrap:anywhere} /* v0.9.39 — sem cortar o texto */
.linha-os .col-valor{font-family:"JetBrains Mono",monospace;font-size:13.5px;text-align:right;white-space:nowrap}
@media (max-width:760px){
  .lista-colunas .linha-os{grid-template-columns:minmax(0,1fr) max-content;
    grid-template-areas:"texto valor" "etiquetas etiquetas"}
  .linha-os .col-texto{grid-area:texto}
  .linha-os .col-valor{grid-area:valor}
  .linha-os .col-etiquetas{grid-area:etiquetas;grid-template-columns:max-content max-content;justify-content:start}
}

/* ===== v0.6.3 — pente fino de leitura ===== */
/* Linhas da lista: mais ar, texto de apoio mais legível */
.lista-colunas .linha-os{padding:14px 0;gap:6px 18px}
.linha-os .col-texto small{color:var(--texto-2);font-size:12.5px;margin-top:2px}
.linha-os .link-linha{font-weight:600}
.painel h2{margin-bottom:14px}
.linha-os .col-etiquetas{grid-template-columns:158px 88px}
/* Seção de histórico na ficha do cliente */
.secao-linhas .linha-os{padding:10px 0}

/* ===== v0.6.4 — operação de OS, topbar limpo, cadastro em colunas ===== */
.acao.secundaria{background:transparent;border:1px solid var(--borda);color:var(--texto)}
.acao.perigo{background:color-mix(in srgb,var(--magenta) 20%,transparent);border:1px solid color-mix(in srgb,var(--magenta) 45%,transparent);color:var(--texto)}
.barra-acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--borda)}
.barra-acoes form{display:flex;gap:8px;align-items:center}
.barra-acoes select{padding:9px 10px;border-radius:8px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit}

/* Formulário de OS */
.form-os .campo{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:13.5px;color:var(--texto-2)}
.form-os .campo small{color:var(--texto-3);font-weight:400}
.form-os input[type=text],.form-os select,.form-os textarea{
  padding:10px 12px;border-radius:8px;border:1px solid var(--borda);background:var(--cartao);
  color:var(--texto);font:inherit;width:100%}
.form-os textarea{resize:vertical}
.campos-2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
@media (max-width:760px){.campos-2{grid-template-columns:1fr}}
.linha-check{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--borda);cursor:pointer}
.linha-check:first-of-type{border-top:0}
.linha-check input{width:18px;height:18px;accent-color:var(--accent)}
.erro-form{margin:0 0 14px;padding:10px 14px;border-radius:10px;font-size:14px;
  border:1px solid color-mix(in srgb,var(--magenta) 45%,transparent);
  background:color-mix(in srgb,var(--magenta) 12%,transparent)}
.flash{margin:0 0 14px;padding:10px 14px;border-radius:10px;font-size:14px;
  border:1px solid color-mix(in srgb,var(--lime) 45%,transparent);
  background:color-mix(in srgb,var(--lime) 14%,transparent)}

/* Checklist clicável */
.linha-checklist{display:flex;gap:12px;align-items:flex-start}
.check-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--borda);
  background:var(--cartao);color:var(--texto-2);font-size:15px;cursor:pointer;flex:0 0 auto}
.check-btn.feito{background:color-mix(in srgb,var(--lime) 22%,transparent);color:var(--texto);border-color:color-mix(in srgb,var(--lime) 45%,transparent)}

/* Upload por fase */
.form-midia{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 16px}
.form-midia input[type=file]{font-size:13px;color:var(--texto-2)}

/* Menu do usuário no topo */
.usuario-menu{position:relative}
.avatar-btn{cursor:pointer;border:0}
.usuario-painel{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;z-index:40;
  background:var(--cartao);border:1px solid var(--borda);border-radius:12px;box-shadow:var(--sombra);
  padding:8px;display:none;flex-direction:column;gap:4px}
/* v0.9.69 — abre e fecha só no CLIQUE (antes abria no hover e o vão de 8px entre o avatar e o quadro fechava o menu
   no meio do caminho do mouse — pedido do Hudson). Fecha clicando fora, no avatar de novo ou com Esc (central.js). */
.usuario-menu.aberto .usuario-painel{display:flex}
.usuario-nome{font-size:12px;color:var(--texto-3);padding:6px 10px 8px;border-bottom:1px solid var(--borda)}
.usuario-item{display:block;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;
  background:none;color:var(--texto);font:inherit;font-size:13.5px;cursor:pointer}
.usuario-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.usuario-painel form{display:contents}

/* Cadastro em colunas fixas */
.etiquetas-cli{grid-template-columns:130px 44px}
.busca-lista{display:flex;gap:10px;margin-bottom:6px}
.busca-lista input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit}

/* ===== v0.6.5 — respiro, botões em linha própria, blocos do v6 ===== */
.painel{margin-bottom:16px}
.painel h2{margin-bottom:14px}
.linha-os{gap:8px 22px}
.col-etiquetas{gap:12px}
.chip{padding:4px 11px}
.secao-modulo{padding:18px 20px 16px}
.secao-modulo h2 small{margin-left:8px}
.linha-acoes-topo{display:flex;justify-content:flex-end;margin:0 0 14px}
.opcoes-radio{display:flex;flex-wrap:wrap;gap:8px 14px;margin:4px 0}
.opcao-radio{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--texto-2);
  border:1px solid var(--borda);border-radius:9px;padding:8px 12px;cursor:pointer;background:var(--cartao)}
.opcao-radio input{accent-color:var(--accent);width:15px;height:15px}
.opcao-radio:has(input:checked){border-color:color-mix(in srgb,var(--accent) 55%,transparent);
  background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--texto)}
.servico-extra{border:1px dashed var(--borda);border-radius:10px;padding:12px 14px;margin-top:12px}
.rotulo-extra{font-size:12.5px;color:var(--accent);font-weight:600}
.rotulo-extra small{color:var(--texto-3);font-weight:400}

/* Cadastro de cliente: campos que só existem em Pessoa Jurídica */
#formCli[data-tipo="pf"] .so-pj{display:none}

/* v0.6.7 — balão de backup, alerta de arquivos e badge de serviço */
.aviso-backup{border:1px solid var(--borda, #e2ded4);border-radius:10px;padding:12px 14px;background:rgba(255,247,230,.5)}
.aviso-backup .cab-backup{font-size:13px;margin:0 0 10px}
.op-backup .texto-linha .link-linha{letter-spacing:.02em}
.op-backup.risco .link-linha{color:#c77b00}
.alerta-arquivos{margin-top:12px;padding:10px 12px;border:1px solid #e8c777;border-radius:8px;background:#fff7e6;font-size:13px;line-height:1.5}
.chip-backup{display:inline-block;margin-left:6px;color:#6a9a00;font-weight:600}

/* v0.6.8 — cabeçalho de ações da OS */
.acao-status{flex-wrap:wrap}
.acao-status .campo-mini{display:flex;flex-direction:column;gap:4px}
.acao-status .campo-mini.cresce{flex:1;min-width:220px}
.mini-rotulo{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3,#8a8577);font-weight:600}
.acao-status input[name=obs]{padding:9px 10px;border-radius:8px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit;width:100%}
.botoes-os{border-top:0;padding-top:0;margin-top:10px}
/* radios e tiques dentro de .campo: nunca herdar o tamanho de campo de texto */
.campo .opcoes-radio input,.opcoes-radio input,.aviso-backup .linha-check input{width:auto;height:auto;min-height:0;padding:0;margin:0 4px 0 0;box-shadow:none;flex:none}

/* v0.6.9 — leitura do os-ver no layout do v6 */
.eyebrow{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3,#8a8577)}
.num-os{font-size:26px;margin:2px 0 4px;letter-spacing:.02em}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.hash-mini{font-size:10.5px;color:var(--texto-3,#8a8577);word-break:break-all}
.painel-ok{border-color:#6a9a00 !important;background:rgba(154,205,50,.07)}
.painel-pendente{border-color:#1786b5 !important}
.painel-atencao{border-color:#c77b00 !important}
.txt-ok{color:#6a9a00}
.txt-atencao{color:#c77b00}
.pilula-hw{display:inline-block;font-size:12px;border:1px solid var(--borda);border-radius:6px;padding:2px 8px;margin:0 4px 4px 0;background:var(--cartao)}
.pilula-hw .pilula-rotulo{color:var(--texto-3,#8a8577)}
.linha-valor{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--borda)}
.linha-valor .etapas-srv{font-size:12px;color:var(--texto-3,#8a8577)}
.linha-valor .valor-srv{white-space:nowrap}
.totalbar-os{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:2px solid var(--texto);font-weight:700;font-size:15px}
.timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--borda)}
.timeline li{position:relative;padding:0 0 12px 12px;font-size:13.5px}
.timeline li::before{content:'';position:absolute;left:-19px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--texto-3,#8a8577)}
.timeline .quando{font-size:11px;color:var(--texto-3,#8a8577)}

/* v0.7.0 — hidden respeitado, duas colunas, títulos destacados */
[hidden]{display:none !important}
.duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.duas-colunas{grid-template-columns:1fr}}
.rotulo-coluna{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3,#8a8577);font-weight:700;margin:0 0 4px}
.painel>h2:first-child{font-size:16.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:8px;border-bottom:2px solid var(--borda);margin-bottom:12px}
.nota-interna{opacity:.85}

/* v0.7.1 — pares rótulo/valor alinhados no painel Retirada e entrega */
.dl-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.dl-mini .par{display:flex;flex-direction:column;gap:2px;min-width:0}
.dl-mini .valor{font-size:13.5px;color:var(--texto);overflow-wrap:anywhere}

/* v0.7.3 — atendimento rápido */
.fila-rapido{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--borda,#e5e5e5)}
.fila-rapido:last-child{border-bottom:0}
.aviso-ok{border-left:4px solid #4caf50}

/* v0.7.4 — respiro na tela do rápido */
#formRapido .dica{display:block;margin-top:8px;line-height:1.45}

/* v0.7.8 — botão do rápido: largura total, respiro antes da fila */
#formRapido .acoes-form{margin:14px 0 18px}

/* v0.8.0 — cards de serviço: cor, ícone, título forte, detalhes no toque */
.srv-card{border:1px solid var(--borda,#e5e5e5);border-left:4px solid var(--sc,#28c8dc);border-radius:10px;padding:9px 12px;margin-bottom:8px;background:var(--cartao)}
.srv-topo{display:flex;align-items:center;gap:10px;cursor:pointer}
.srv-ico{flex:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;background:color-mix(in srgb,var(--sc,#28c8dc) 18%,var(--cartao))}
.srv-nome{flex:1;min-width:0}
.srv-titulo{display:inline-block;text-transform:uppercase;font-weight:600;font-size:12.5px;letter-spacing:.04em;margin-right:4px}
.srv-resumo{display:block;font-size:11.5px;opacity:.75}
.srv-mini{font-size:10px;padding:1px 7px;vertical-align:2px}
.srv-precos{flex:none;white-space:nowrap;text-align:right}
.srv-abre{flex:none;border:0;background:transparent;font-size:15px;cursor:pointer;color:inherit;opacity:.6;padding:4px 6px}
.srv-det{margin:8px 0 2px 40px;font-size:12.5px}
.srv-det p{margin:0 0 6px}
.srv-aviso{padding:7px 9px;border-radius:8px;background:#fdf3e3;color:#b45309}
@media (max-width:640px){.srv-precos{display:flex;flex-direction:column;gap:2px;align-items:flex-end}}

/* v0.8.2 — hierarquia de preço nos cards: principal em evidência, expresso discreto */
.srv-precos{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.srv-preco-main{font-size:16.5px;font-weight:700;line-height:1.15}
.srv-preco-exp{font-size:11px;opacity:.65}

/* v0.8.3 — logística em duas colunas com as cores da casa */
.log-colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.log-col{border:1px solid var(--borda,#e5e5e5);border-left:4px solid var(--lc);border-radius:10px;padding:10px 12px;background:var(--cartao)}
.log-retirada{--lc:#28c8dc}
.log-entrega{--lc:#9fe000}
.log-titulo,.log-col .rotulo-coluna{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.log-retirada .log-titulo,.log-retirada .rotulo-coluna{color:#0e7490}
.log-entrega .log-titulo,.log-entrega .rotulo-coluna{color:#4d7c0f}
.log-col .campo{margin-bottom:8px}
@media (max-width:640px){.log-colunas{grid-template-columns:1fr}}

/* v0.8.4 — clientes redondos: linha de prédio no form, ficha em blocos */
.tripla-predio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ficha-bloco{border:1px solid var(--borda,#e5e5e5);border-radius:10px;padding:9px 11px}
.acao.secundaria{background:transparent;border:1px solid var(--borda,#ccc);color:inherit}
@media (max-width:640px){.tripla-predio{grid-template-columns:1fr 1fr}}

/* v0.8.5 — revisões: fila acionável na lista e na ficha */
.rev-linha{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--borda,#e5e5e5);border-left:4px solid var(--rc,#f5a623);border-radius:10px;padding:8px 10px;margin-bottom:6px}
.rev-6m{--rc:#f5a623}.rev-12m{--rc:#8b5cf6}
.rev-info{flex:1;min-width:170px;font-size:13px}
.rev-grupo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:10px 0 6px}
.rev-grupo-6m{color:#b45309}.rev-grupo-12m{color:#6d28d9}
.rev-form{display:inline;margin:0}
.rev-wa{background:#16a34a;border-color:#16a34a;color:#fff;font-size:12px;padding:6px 10px}
.rev-btn{font-size:12px;padding:6px 10px;background:transparent;border:1px solid var(--borda,#ccc);color:inherit}
.rev-cinza{opacity:.6}
.rev-hist{font-size:12px;opacity:.8;margin:8px 0 0}

/* v0.8.6 — tela de Configurações */
.linha-veiculo{display:flex;align-items:center;gap:10px;border:1px solid var(--borda,#e5e5e5);border-radius:10px;padding:8px 12px;margin-bottom:6px}
.veic-nome{flex:1;font-size:13.5px}
.veic-inativo .veic-nome{opacity:.55;text-decoration:line-through}
.form-inline{display:inline;margin:0}
.btn-mini{font-size:11.5px;padding:5px 10px}
.form-veic-add{display:flex;gap:8px;margin-top:10px}
.form-veic-add input{flex:1}
.srv-inativo{opacity:.6}
.cfg-srv-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cfg-srv-flags{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 2px;font-size:13px}
.cfg-srv-flags label{display:flex;align-items:center;gap:6px;cursor:pointer}
#servico .srv-det{margin-left:0}
#servico .srv-det form{margin-top:4px}
input[type=color]{min-height:38px;padding:2px}
@media (max-width:760px){.cfg-srv-grid{grid-template-columns:1fr 1fr}}

/* v0.8.7 — blocos coloridos por assunto (modelo aprovado): borda, tom leve, título em destaque.
   Mesma cor = mesmo assunto em qualquer tela. Blocos com ESTADO (assinatura, checklist,
   termo de entrega) continuam colorindo pelo andamento. */
.painel.pcor, .painel-form.pcor{border-left:4px solid var(--pc);background:color-mix(in srgb,var(--pc) 5%,var(--cartao))}
.pcor>h2{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13.5px;color:var(--pct,var(--pc))}
.pcor>h2 small{text-transform:none;letter-spacing:0;font-weight:400;font-size:11px}
.pcor>h2 .chip{text-transform:none;letter-spacing:0}
html[data-tema="escuro"] .painel.pcor, html[data-tema="escuro"] .painel-form.pcor{background:color-mix(in srgb,var(--pc) 9%,var(--cartao))}
html[data-tema="escuro"] .pcor>h2{color:var(--pc)}
/* v0.8.11 — balões neutros (só os 3 escolhidos: catálogo, backup, logística do Editar OS) */
.pcor.pneutro{--pc:#aab3bb;background:var(--cartao)}
.pcor.pneutro>h2{color:var(--texto)}
html[data-tema="escuro"] .pcor.pneutro{--pc:#596470;background:var(--cartao)}
html[data-tema="escuro"] .pcor.pneutro>h2{color:var(--texto)}

/* v0.9.0 — orçamento: builder e bloco na OS */
.orc-linha{display:grid;grid-template-columns:1fr 130px auto;gap:8px;margin-bottom:6px;align-items:center}
.orc-linha .orc-detalhe{grid-column:1/-1;font-size:12.5px;opacity:.85}
.orc-item-ver{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--borda);border-radius:10px;padding:9px 12px;margin-bottom:6px;font-size:13.5px}
.orc-item-ver .orc-desc{flex:1}
.orc-sim{border-color:var(--lime)}
.orc-nao{opacity:.55}
.orc-flag{font-weight:700}
.totalbar-orc{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:2px solid var(--borda-forte);font-size:13.5px}
.orc-linha-os{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--borda);border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:13px}
.orc-vz{font-weight:700}
.orc-res{color:var(--texto-2)}
.orc-acoes{margin-left:auto;display:flex;align-items:center;gap:10px}
@media (max-width:640px){.orc-linha{grid-template-columns:1fr 100px auto}}

/* v0.9.6 — Relatórios · Comissões: navegação por mês, cards por analista, OS a OS */
.rel-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 10px}
.rel-mes{font-size:17px}
.rel-resumo{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 14px}
.rel-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:12px}
.rel-card{display:flex;flex-direction:column;gap:3px;background:var(--cartao);border:1px solid var(--borda);border-left:4px solid var(--rc);border-radius:10px;padding:11px 14px}
.rel-card .rel-nome{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:var(--rct,var(--rc))}
.rel-card .rel-valor{font-family:"JetBrains Mono",monospace;font-size:19px}
.rel-card .rel-sub{font-size:12px;color:var(--texto-2)}
html[data-tema="escuro"] .rel-card .rel-nome{color:var(--rc)}
.rel-tab{overflow-x:auto}
.rel-row{display:grid;grid-template-columns:110px minmax(140px,1.4fr) minmax(110px,1fr) 125px 105px 105px;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--borda);font-size:13.5px;min-width:700px}
.rel-row:last-child{border-bottom:0}
.rel-head{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2)}
.rel-foot{border-top:2px solid var(--borda-forte);font-weight:700}
.rel-num{font-family:"JetBrains Mono",monospace;font-size:13px;text-align:right;white-space:nowrap}

/* v0.9.7 — comissão: balão na OS, seções no cadastro do funcionário */
.com-linha{font-size:13.5px;margin:0 0 6px}
.com-destaque{font-size:16px;margin:0 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.com-sub{font-size:12.5px;color:var(--texto-2);margin:0}
.fsec-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.fsec-chip{display:flex;flex-direction:column;gap:1px;background:var(--cartao);border:1px solid var(--borda);border-radius:10px;padding:9px 14px;min-width:130px}
.fsec-chip small{font-size:11.5px;color:var(--texto-2)}
.fsec-chip strong{font-size:17px}
.fsec-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--borda);padding:7px 2px;font-size:13.5px}
.fsec-linha:last-of-type{border-bottom:0}
.fsec-cli{color:var(--texto-2);flex:1;min-width:120px}
.fsec-dt{font-size:12.5px;color:var(--texto-2)}
.fsec-val{margin-left:auto;white-space:nowrap}
.fsec-mais{margin:8px 0 0;font-size:13px}

/* v0.9.12 — ficha do cliente no padrão da OS: balões Contato (ciano) e Endereço (laranja) */
.duas-colunas-paineis>.painel{margin:0;height:100%}
.duas-colunas-paineis{margin-bottom:16px}
.chegada-box{background:color-mix(in srgb,#f5a623 10%,var(--cartao));border:1px solid #f5a623;border-radius:8px;padding:8px 12px;font-size:13px;margin-top:6px}
.chegada-box strong{color:#b45309}
html[data-tema="escuro"] .chegada-box strong{color:#f5a623}

/* v0.9.13 — avaliação no Google na ficha do cliente */
.gav{margin-top:10px;border-top:1px dashed var(--borda);padding-top:8px}
.gav-rotulo{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-2);font-weight:700;margin:0 0 3px}
.gav-est{margin:0 0 6px;font-size:13.5px}
.gav-est small{color:var(--texto-2);font-weight:400}
.gav-acoes{display:flex;gap:8px;flex-wrap:wrap}
.gav-acoes form{margin:0}
.gav-nota{margin:4px 0 0;font-size:12px;color:var(--texto-2)}

/* v0.9.14 — lista de clientes em colunas alinhadas: Cliente · Relação · Google · Revisão */
.cli-row{display:grid;grid-template-columns:minmax(0,1.6fr) 150px 110px 160px;gap:24px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--borda)}
.cli-row:last-child{border-bottom:0}
.cli-head{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-2);border-bottom:2px solid var(--borda-forte);padding:6px 2px}
.cli-nome small{display:block;color:var(--texto-2);font-size:12.5px}
.cli-rel{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.cli-rev .chip{white-space:nowrap}
.cli-marca{display:block;font-size:11px;color:var(--texto-2);margin-top:2px}
.cli-vazio{color:var(--texto-2);font-size:12.5px}
@media(max-width:760px){.cli-head{display:none}.cli-row{grid-template-columns:1fr 1fr}.cli-nome{grid-column:1/-1}}

/* v0.9.16 — preencher menos: chips de sugestão do problema */
.sug-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.sug-chips .sug{border:1px solid var(--borda);background:var(--cartao);border-radius:999px;padding:3px 12px;font-size:12.5px;cursor:pointer;color:var(--texto)}
.sug-chips .sug:hover{border-color:#9fe000;background:color-mix(in srgb,#9fe000 10%,var(--cartao))}
.acao-status-prox{display:flex;align-items:center;margin-right:12px}

/* ===== v0.9.18 — Projetos 3D (prefixo p3d-) =====
   Editor em balões por objetivo (coluna larga) + preço vivo grudado à direita; lista com fila; configurações com estoque. */
.p3d-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
.p3d-esq,.p3d-dir{min-width:0}
.p3d-dir{position:sticky;top:calc(var(--topbar-alt) + 3px + 14px)}
.p3d-dir .painel{max-height:calc(100vh - var(--topbar-alt) - 72px);overflow:auto;scrollbar-width:thin}
@media (max-width:1180px){.p3d-grid{grid-template-columns:1fr}.p3d-dir{position:static}.p3d-dir .painel{max-height:none;overflow:visible}}
#p3d-editor~.p3d-grid .painel-form,.p3d-grid .painel-form{max-width:none}
.pcor>h2 .p3d-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;font-size:12px;margin-right:8px;background:color-mix(in srgb,var(--pc) 22%,transparent);color:var(--pct,var(--pc));font-family:var(--fonte-mono)}
html[data-tema="escuro"] .pcor>h2 .p3d-num{color:var(--pc)}
.p3d-rot{display:block;font-size:12.5px;font-weight:600;color:var(--texto-2);margin:0 0 6px}
.p3d-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.p3d-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borda-forte);background:var(--superficie);border-radius:999px;padding:0 13px;min-height:34px;font-size:13px;color:var(--texto);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
.p3d-chip:hover{border-color:color-mix(in srgb,var(--pc,var(--accent)) 60%,var(--borda-forte))}
.p3d-chip.on{border-color:var(--pc,var(--accent));background:color-mix(in srgb,var(--pc,var(--accent)) 18%,transparent);font-weight:600}
.p3d-chip.on::before{content:"✓";font-size:11px;opacity:.9}
.p3d-chip.so::before{content:none}
.p3d-chip small{font-weight:400;color:var(--texto-3)}
.p3d-dica{font-size:12px;line-height:1.45;color:var(--texto-3);margin:-6px 0 12px;overflow-wrap:anywhere}
.p3d-dica strong{color:var(--texto-2)}
.p3d-aviso{display:block;line-height:1.5;border-radius:10px;padding:9px 12px;font-size:12.5px;margin:0 0 12px;background:color-mix(in srgb,var(--amber) 14%,transparent);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent)}
.p3d-aviso.ok{background:color-mix(in srgb,var(--lime) 12%,transparent);border-color:color-mix(in srgb,var(--lime) 40%,transparent)}
.p3d-aviso.info{background:color-mix(in srgb,var(--ciano) 10%,transparent);border-color:color-mix(in srgb,var(--ciano) 35%,transparent)}
.p3d-grid .campo textarea{width:100%;min-height:64px;padding:10px 14px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14.5px;resize:vertical}
.p3d-grid .campo textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.p3d-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.p3d-grid .painel-form .p3d-curto{width:90px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;text-align:center}
.p3d-mini-in{height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13px;width:180px}
.acao.p3d-mini{min-height:34px;padding:0 10px;font-size:13px}
.p3d-salvo{font-size:12px;color:var(--texto-3)}
.p3d-salvo.ok{color:#7fb800}.p3d-salvo.pendente{color:var(--texto-2)}.p3d-salvo.erro{color:#e05a5a;font-weight:600}
html[data-tema="escuro"] .p3d-salvo.ok{color:#b6ef5a}
/* arquivos e fotos */
.p3d-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:0 0 10px}
.p3d-foto{border:1px solid var(--borda);border-radius:12px;overflow:hidden;background:var(--superficie);margin:0}
.p3d-foto .img{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--pc,var(--magenta)) 25%,var(--cartao)),color-mix(in srgb,var(--ciano) 18%,var(--cartao)))}
.p3d-foto .img img{width:100%;height:100%;object-fit:cover;display:block}
.p3d-foto .img form{position:absolute;top:6px;right:6px;margin:0}
.p3d-foto .p3d-x{width:24px;height:24px;border-radius:7px;background:rgba(0,0,0,.55);color:#fff;font-size:14px;line-height:1;border:0;cursor:pointer}
.p3d-foto figcaption{padding:6px 8px;font-size:11.5px;color:var(--texto-2);display:flex;flex-direction:column;gap:5px}
.p3d-foto figcaption span{overflow-wrap:anywhere} /* v0.9.39 — nome inteiro */
.p3d-foto figcaption form{margin:0}
.p3d-foto .olho{border:1px solid var(--borda-forte);border-radius:999px;padding:2px 8px;font-size:11px;background:var(--cartao);color:var(--texto-2);cursor:pointer}
.p3d-foto .olho.on{border-color:var(--lime);background:color-mix(in srgb,var(--lime) 18%,transparent);color:var(--texto)}
.p3d-upload{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}
.p3d-upload .campo{flex:1;min-width:220px}
.anexo-lista li .aba{min-height:28px;padding:0 9px}
.anexo-lista li form{margin:0 0 0 auto}
/* impressões: duas fileiras por linha (nome + tipo · números) */
.p3d-imp{display:grid;grid-template-columns:minmax(0,1fr) 200px 30px;grid-template-areas:"nome tipo rm" "nums nums nums" "fils fils fils";gap:8px 8px;align-items:center;padding:10px 0;border-top:1px solid var(--borda)}
.p3d-imp>.c-nome{grid-area:nome;min-width:0}.p3d-imp>.c-tipo{grid-area:tipo;min-width:0}.p3d-imp>.c-rm{grid-area:rm}.p3d-imp>.c-nums{grid-area:nums;min-width:0}.p3d-imp>.c-fils{grid-area:fils;min-width:0}
.p3d-imp .c-fils .fil{display:flex;gap:6px;align-items:center;margin:0 0 5px}
.p3d-grid .p3d-imp .c-fils select{flex:1;min-width:0;height:32px;font-size:12.5px;padding:0 6px}
.p3d-grid .p3d-imp .c-fils input.num{width:76px;height:32px;flex:none}
.p3d-imp .c-fils .un{font-size:11px;color:var(--texto-3)}
.p3d-imp .c-fils .sw{width:14px;height:14px;border-radius:4px;border:1px solid var(--borda-forte);flex:none}
.p3d-imp .c-fils .rm-fil{width:26px;height:26px;border-radius:7px;border:1px solid var(--borda);background:transparent;color:var(--texto-3);cursor:pointer;flex:none}
.p3d-imp .c-fils .add-fil{border:1px dashed var(--borda-forte);background:transparent;color:var(--texto-2);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer;font:inherit;font-size:12px}
.p3d-imp .c-fils .add-fil small{color:var(--texto-3)}
.p3d-grid .p3d-imp input,.p3d-grid .p3d-imp select{width:100%;min-width:0;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13.5px}
.p3d-grid .p3d-imp input.num{text-align:right;font-family:var(--fonte-mono)}
.p3d-imp .c-nums{display:grid;grid-template-columns:repeat(4,minmax(0,72px)) minmax(0,1fr);gap:8px;align-items:end}
/* v0.9.21 — conjunto de peças: cada mesa imprime 1 vez por cópia; a coluna "rende" sai da vista */
.p3d-conj .p3d-imp .c-rende{display:none}
.p3d-imp .c-pecas{display:none}
.p3d-conj .p3d-imp .c-pecas{display:block}
.p3d-grid input.p3d-auto{color:var(--texto-2);background:color-mix(in srgb,var(--superficie) 70%,var(--borda))}
.p3d-cli{border:1px solid color-mix(in srgb,var(--magenta) 40%,var(--borda));border-radius:12px;padding:10px 12px;background:var(--superficie)}
.p3d-cli .linha{padding:5px 0}
.p3d-cli .texto-linha b{font-size:14px}
/* v0.9.27 — conferência antes de enviar */
.p3d-conf{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}
.p3d-conf .ci{display:flex;gap:9px;align-items:flex-start;padding:8px 11px;border-radius:10px;border:1px solid var(--borda);background:var(--superficie);font-size:13px;line-height:1.4}
.p3d-conf .ci i{font-style:normal;flex:none;width:20px;text-align:center}
.p3d-conf .ci.erro{border-color:color-mix(in srgb,var(--magenta) 55%,var(--borda));background:color-mix(in srgb,var(--magenta) 8%,var(--superficie))}
.p3d-conf .ci.aviso{border-color:color-mix(in srgb,var(--laranja,#f5a623) 55%,var(--borda));background:color-mix(in srgb,var(--laranja,#f5a623) 8%,var(--superficie))}
.p3d-conf .ci.ok{color:var(--texto-2)}
.p3d-conf .ci.cab{font-weight:700;border-style:dashed}
.p3d-conf-ok{margin:0 0 10px;font-size:13.5px}
.p3d-conf-ok b{font-weight:600}
.p3d-imp .l,.p3d-ac .l{display:block;font-size:10.5px;color:var(--texto-3);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:3px}
.p3d-imp .custo,.p3d-ac .custo{font-family:var(--fonte-mono);font-size:13px;text-align:right;white-space:nowrap;min-width:0;align-self:end;padding-bottom:6px}
.p3d-imp .custo small,.p3d-ac .custo small{display:block;font-size:10.5px;color:var(--texto-3);white-space:normal}
.p3d-imp .rm,.p3d-ac .rm{width:30px;height:30px;border-radius:8px;border:1px solid var(--borda);background:transparent;color:var(--texto-3);font-size:14px;cursor:pointer}
.p3d-imp .rm:hover,.p3d-ac .rm:hover{color:var(--texto);border-color:var(--borda-forte)}
.p3d-imp.t-prototipo,.p3d-imp.t-reimp_erro{background:color-mix(in srgb,var(--violeta) 8%,transparent);border-radius:10px;padding-left:8px;padding-right:8px;border-top-color:transparent;margin-top:4px}
.p3d-imp.t-reimp_cliente{background:color-mix(in srgb,var(--amber) 10%,transparent);border-radius:10px;padding-left:8px;padding-right:8px;border-top-color:transparent;margin-top:4px}
.p3d-imp.t-estimativa{background:color-mix(in srgb,var(--ciano) 9%,transparent);border-radius:10px;padding-left:8px;padding-right:8px;border-top-color:transparent;margin-top:4px}
@media (max-width:520px){.p3d-imp{grid-template-columns:minmax(0,1fr) 30px;grid-template-areas:"nome rm" "tipo tipo" "nums nums"}.p3d-imp .c-nums{grid-template-columns:repeat(4,minmax(0,1fr))}.p3d-imp .c-nums .custo{grid-column:1/-1;text-align:left;padding-top:4px}}
.p3d-orig{display:block;font-size:11px;color:var(--texto-3);margin-top:3px}
.p3d-tot{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;padding-top:10px;border-top:2px solid var(--borda-forte);font-size:13px;color:var(--texto-2)}
.p3d-tot b{color:var(--texto);font-family:var(--fonte-mono);font-weight:600}
.p3d-drop{display:flex;flex-direction:column;gap:4px;border:2px dashed color-mix(in srgb,var(--pc) 55%,var(--borda-forte));border-radius:14px;padding:14px 16px;margin:0 0 12px;cursor:pointer;background:color-mix(in srgb,var(--pc) 6%,transparent);transition:background .15s,border-color .15s}
.p3d-drop:hover,.p3d-drop.over{background:color-mix(in srgb,var(--pc) 14%,transparent);border-color:var(--pc)}
.p3d-drop strong{font-size:14px}
.p3d-drop span{font-size:12.5px;color:var(--texto-2);line-height:1.45}
.p3d-drop small{font-size:11.5px;color:var(--texto-3)}
/* acessórios do projeto */
.p3d-ac{display:grid;grid-template-columns:minmax(0,1fr) 72px 140px 120px 30px;gap:8px;align-items:end;padding:8px 0;border-top:1px solid var(--borda)}
.p3d-grid .p3d-ac input,.p3d-grid .p3d-ac select{width:100%;min-width:0;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13.5px}
.p3d-grid .p3d-ac input.num{text-align:right;font-family:var(--fonte-mono)}
.p3d-ac .rm{margin-bottom:4px}
.p3d-ac .p3d-outro{display:flex;gap:6px;margin-top:6px}
@media (max-width:760px){.p3d-ac{grid-template-columns:minmax(0,1fr) 30px}.p3d-ac .c-item{grid-column:1}.p3d-ac .c-rm{grid-column:2}.p3d-ac .c-qtd,.p3d-ac .c-por,.p3d-ac .custo{grid-column:1/-1}.p3d-ac .custo{text-align:left}}
/* preço */
.p3d-casc .linha{padding:7px 0;font-size:13.5px}
.p3d-casc .linha .texto-linha small{font-size:11.5px}
.p3d-casc .linha.sub{font-weight:600}
.p3d-casc .res{font-size:13px}
.p3d-bloco{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--borda);background:var(--superficie)}
.p3d-bloco h3{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2)}
.p3d-bloco .linha{padding:6px 0;font-size:13px}
.p3d-efeito{font-size:12.5px;color:var(--texto-2);margin-top:6px;line-height:1.45}
.p3d-escada{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:4px}
.p3d-escada th,.p3d-escada td{padding:5px 4px;text-align:right;font-family:var(--fonte-mono);border-top:1px solid var(--borda)}
.p3d-escada th{font-family:var(--fonte-corpo);font-weight:600;color:var(--texto-2);border-top:0;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.p3d-escada td.atual{color:var(--texto);font-weight:600;background:color-mix(in srgb,var(--lime) 12%,transparent)}
.valor-final-caixa.p3d-vf{--accent:var(--lime)}
.valor-final-caixa.p3d-vf .valor-final{font-size:28px}
.p3d-det{margin-top:12px;border-top:1px solid var(--borda);padding-top:8px}
.p3d-det summary{cursor:pointer;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2);font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}
.p3d-det summary::before{content:"▸";font-size:12px;transition:transform .15s}
.p3d-det[open] summary::before{transform:rotate(90deg)}
.p3d-det summary small{text-transform:none;letter-spacing:0;font-weight:400}
.p3d-det summary::-webkit-details-marker{display:none}
.p3d-valor{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}
.p3d-barra{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--borda);margin:6px 0 10px}
.p3d-barra i{display:block;height:100%;transition:width .25s}
.p3d-barra .cru{background:var(--amber)}.p3d-barra .lucro{background:var(--lime)}.p3d-barra .imp{background:var(--texto-3)}
.p3d-vrow{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--borda);font-size:13.5px}
.p3d-vrow:first-of-type{border-top:0}
.p3d-vrow .dot{width:10px;height:10px;border-radius:3px;flex:none;margin-top:5px}
.p3d-vrow.cru .dot{background:var(--amber)}.p3d-vrow.lucro .dot{background:var(--lime)}.p3d-vrow.imp .dot{background:var(--texto-3)}.p3d-vrow.total .dot{background:transparent}
.p3d-vrow>div{flex:1;min-width:0}
.p3d-vrow small{display:block;font-size:11.5px;color:var(--texto-3);line-height:1.45;margin-top:2px}
.p3d-vrow b{font-family:var(--fonte-mono);font-weight:600;white-space:nowrap;font-size:14px}
.p3d-vrow.total{border-top:2px solid var(--borda-forte);font-weight:700}
.p3d-vrow.total b{font-size:16px}
.p3d-vrow .pct{font-size:11px;color:var(--texto-3);font-family:var(--fonte-mono);display:block;text-align:right}
.p3d-hora{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;font-family:var(--fonte-mono)}
.p3d-hora.ok{background:color-mix(in srgb,var(--lime) 22%,transparent)}.p3d-hora.baixo{background:color-mix(in srgb,var(--amber) 26%,transparent)}.p3d-hora.neg{background:color-mix(in srgb,#e05a5a 26%,transparent)}
.p3d-termo{margin-top:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--borda);background:var(--superficie)}
.p3d-termo-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2);font-weight:600}
.p3d-termo-cab small{text-transform:none;letter-spacing:0;font-weight:400}
.p3d-termo-cab .chip{margin-left:0}
.p3d-termo-barra{position:relative;display:flex;height:14px;border-radius:999px;overflow:visible;margin:10px 0 8px;background:var(--borda)}
.p3d-termo-barra .z{height:100%}
.p3d-termo-barra .z:first-child{border-radius:999px 0 0 999px}.p3d-termo-barra .z:nth-child(4){border-radius:0 999px 999px 0}
.p3d-termo-barra .vermelho{background:#e05a5a}.p3d-termo-barra .laranja{background:var(--amber)}.p3d-termo-barra .amarelo{background:#e9d85a}.p3d-termo-barra .verde{background:var(--lime)}
.p3d-termo-barra .marca{position:absolute;top:-5px;width:4px;height:24px;border-radius:2px;background:var(--texto);box-shadow:0 0 0 2px var(--superficie);transform:translateX(-2px);transition:left .15s}
.p3d-termo-barra .tick{position:absolute;top:-3px;width:2px;height:20px;background:var(--texto-2);transform:translateX(-1px);opacity:.9}
.p3d-termo-barra .tick::after{content:"";position:absolute;left:-3px;top:-4px;border:4px solid transparent;border-top-color:var(--texto-2)}
.p3d-termo-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--texto-3)}
.p3d-termo-leg b{color:var(--texto);font-family:var(--fonte-mono);font-weight:600}
.p3d-termo-leg .q{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.p3d-termo-leg .q.vermelho{background:#e05a5a}.p3d-termo-leg .q.laranja{background:var(--amber)}.p3d-termo-leg .q.amarelo{background:#e9d85a}.p3d-termo-leg .q.verde{background:var(--lime)}
.p3d-termo-sim{display:grid;grid-template-columns:auto minmax(0,1fr) 110px;gap:10px;align-items:center;margin-top:12px;font-size:12.5px;color:var(--texto-2)}
.p3d-termo-sim input[type=range]{width:100%;accent-color:var(--lime)}
.p3d-grid .p3d-termo-sim input[type=text]{height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--cartao);color:var(--texto);font:inherit;font-size:13.5px;text-align:right;width:100%}
.p3d-termo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:12.5px;color:var(--texto-2)}
.p3d-termo-meta .p3d-chips{margin:0;gap:5px}.p3d-termo-meta .p3d-chip{min-height:28px;padding:0 10px;font-size:12px}
.p3d-termo-pct{display:inline-flex;align-items:center;gap:6px}.p3d-termo-pct small{font-size:11px;color:var(--texto-3)}
.p3d-grid .p3d-termo-pct input[type=text]{width:58px;height:28px;padding:0 8px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--cartao);color:var(--texto);font:inherit;font-size:12.5px;text-align:right}
.p3d-termo-res{margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--texto-2)}
.p3d-termo-res b{color:var(--texto);font-family:var(--fonte-mono);font-weight:600}
.p3d-termo-res .ok{color:#7fb800}.p3d-termo-res .baixo{color:#d08a00}.p3d-termo-res .neg{color:#e05a5a}
html[data-tema="escuro"] .p3d-termo-res .ok{color:#b6ef5a}html[data-tema="escuro"] .p3d-termo-res .baixo{color:#f6b73c}
.chip.manual{background:color-mix(in srgb,var(--magenta) 24%,transparent);color:var(--texto)}
.chip.estrela{background:color-mix(in srgb,var(--amber) 24%,transparent);color:var(--texto)}
.acao.ativa{background:color-mix(in srgb,var(--lime) 22%,transparent);border-color:color-mix(in srgb,var(--lime) 55%,transparent)}
.acao:disabled,.acao[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
/* status / stepper */
.p3d-step{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.p3d-step span{font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid var(--borda);color:var(--texto-3)}
.p3d-step span.feito{border-color:color-mix(in srgb,var(--lime) 50%,transparent);background:color-mix(in srgb,var(--lime) 14%,transparent);color:var(--texto)}
.p3d-step span.atual{border-color:var(--lime);background:color-mix(in srgb,var(--lime) 26%,transparent);color:var(--texto);font-weight:700}
.p3d-msg{white-space:pre-wrap;font-family:var(--fonte-corpo);font-size:13.5px;line-height:1.55;background:var(--superficie);border:1px solid var(--borda);border-radius:12px;padding:12px 14px;margin:0 0 10px;overflow-wrap:anywhere}
/* lista de projetos */
.p3d-lista .cli-row{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) 150px 110px}
.p3d-lista .cli-head{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) 150px 110px;gap:24px}
.p3d-thumb{width:40px;height:40px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--violeta) 30%,var(--cartao)),color-mix(in srgb,var(--ciano) 20%,var(--cartao)))}
.p3d-proj{display:flex;gap:12px;align-items:center;min-width:0}
.p3d-proj .nm{min-width:0}
.p3d-proj .nm a{font-weight:600}
.p3d-proj .nm small{display:block;color:var(--texto-3);font-size:12px}
.p3d-lista .chips{display:flex;gap:6px;flex-wrap:wrap}
.p3d-lista .chip{margin-left:0}
.p3d-vl{font-family:var(--fonte-mono);font-size:13.5px;text-align:right;font-weight:600}
@media (max-width:760px){.p3d-lista .cli-head{display:none}.p3d-lista .cli-row{grid-template-columns:1fr;gap:8px}.p3d-vl{text-align:left}}
.p3d-fila .linha{padding:9px 0;flex-wrap:wrap}
.p3d-fila form{margin:0}
.p3d-busca{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.p3d-busca input[type=search]{flex:1;min-width:200px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit}
/* configurações 3D */
.p3d-cfg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.p3d-cfg-grid .campo{margin-bottom:0}
.p3d-rolos{display:grid;grid-template-columns:minmax(0,1.4fr) 70px minmax(0,1fr) 90px 100px 70px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--borda);font-size:13.5px}
.p3d-rolos.cab{border-top:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2)}
.p3d-rolos input,.p3d-acat input{height:34px;padding:0 8px;border-radius:9px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13px;width:100%;min-width:0}
.p3d-rolos .cor{display:flex;align-items:center;gap:7px;min-width:0}
.p3d-rolos .cor i{width:14px;height:14px;border-radius:4px;border:1px solid var(--borda-forte);display:inline-block;flex:none}
.p3d-rolos.baixo input.saldo{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--superficie))}
.p3d-rolos.inativo,.p3d-acat.inativo{opacity:.5}
.p3d-rolos form,.p3d-acat form{display:contents}
.p3d-mini-ok{min-height:34px;padding:0 10px;font-size:12.5px}
@media (max-width:720px){.p3d-rolos{grid-template-columns:minmax(0,1fr) 90px 100px 70px}.p3d-rolos .cor,.p3d-rolos>div:nth-child(2),.p3d-rolos.cab div:nth-child(2),.p3d-rolos.cab div:nth-child(3){display:none}}
.p3d-acat{display:grid;grid-template-columns:minmax(0,1.6fr) 44px 90px 80px minmax(0,1.2fr) 70px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--borda);font-size:13.5px}
.p3d-acat.cab{border-top:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2)}
.p3d-acat .fonte{font-size:11.5px;color:var(--texto-3)}
@media (max-width:760px){.p3d-acat{grid-template-columns:minmax(0,1fr) 44px 90px 80px 70px}.p3d-acat .fonte,.p3d-acat.cab div:nth-child(5){display:none}}
/* barra fixa no celular com o preço */
.p3d-barra-mob{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--grafite);color:#e8edf2;gap:8px;align-items:center;justify-content:space-between;font-size:12px;box-shadow:0 -6px 20px rgba(0,0,0,.25);box-sizing:border-box;max-width:100vw}
.p3d-barra-mob>div{min-width:0;overflow-wrap:anywhere} /* v0.9.39 — valor nunca cortado (quebra a linha) */
.p3d-barra-mob small{opacity:.7}
.p3d-barra-mob b{font-family:var(--fonte-mono);font-size:16px;color:var(--lime)}
.p3d-barra-mob b.cru{color:#f6b73c;font-size:14px}.p3d-barra-mob b.tot{color:#e8edf2;font-size:14px}
.p3d-barra-mob button{color:#e8edf2;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;flex:none}
@media (max-width:1180px){.p3d-barra-mob{display:flex}body:has(.p3d-barra-mob) .conteudo{padding-bottom:110px}body:has(.p3d-barra-mob) .selo{bottom:calc(74px + env(safe-area-inset-bottom,0px))}}
/* toast e modal */
.p3d-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);z-index:120;background:var(--grafite);color:#e8edf2;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 18px;font-size:13.5px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:min(92vw,560px);text-align:center}
.p3d-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.p3d-modal{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.p3d-modal[hidden]{display:none}
.p3d-modal .painel{max-width:560px;width:100%;margin:0;max-height:90vh;overflow:auto}
.chavezinha{min-width:0;overflow-x:auto;scrollbar-width:none}
.chavezinha::-webkit-scrollbar{display:none}
#cab-proj .texto-linha{flex:1;min-width:0}
@media (max-width:700px){#cab-proj .texto-linha{flex:1 1 100%}}
.p3d-ta{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px;resize:vertical}

/* ===== Tarefas (Meu Espaço) — v0.9.20. Prefixo tar-. Cores: vermelho = prioridade/atrasada/hoje, amarelo = normal/depois, azul = aguardando/equipe/sem prazo ===== */
:root{--tar-vermelho:#e0443a;--tar-amarelo:#f2b705;--tar-azul:#3a7bd5;--tar-vermelho-tx:#9f1d14;--tar-amarelo-tx:#6b4a00;--tar-azul-tx:#1d4f9c;--tar-sombra-leve:0 1px 2px rgba(20,30,40,.05),0 1px 1px rgba(20,30,40,.03)}
html[data-tema="escuro"]{--tar-vermelho:#ef5a50;--tar-amarelo:#f6c54a;--tar-azul:#5b93e6;--tar-vermelho-tx:#ffb3ad;--tar-amarelo-tx:#ffe08a;--tar-azul-tx:#a9c8f5;--tar-sombra-leve:0 1px 2px rgba(0,0,0,.3)}
.painel.tar-lista{max-width:none;padding:16px 18px}
/* ícones (sprite svg no fim da página) */
.tar-cap-wrap .i,.tar-lista .i,.tar-pop .i,.tar-aviso-link .i,.tar-gaveta .i,.tar-dash .i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.15em;display:inline-block}
/* ---- captura: uma superfície só, campo sem borda, mic e Anotar dentro ---- */
.tar-cap-wrap{margin:14px 0 16px}
@media (min-width:701px){.tar-cap-wrap{position:sticky;top:calc(var(--topbar-alt) + 3px);z-index:30;padding:10px 0 8px;margin:4px 0 8px;background:var(--fundo)}}
.tar-captura{display:block;margin:0;background:var(--cartao);border:1px solid var(--borda);border-radius:16px;box-shadow:var(--sombra);transition:border-color .15s,box-shadow .15s;position:relative}
.tar-captura:focus-within{border-color:color-mix(in srgb,var(--amber) 70%,var(--borda-forte));box-shadow:var(--sombra),0 0 0 4px color-mix(in srgb,var(--amber) 16%,transparent)}
.tar-cap-linha{display:flex;align-items:flex-end;gap:6px;padding:7px 7px 7px 14px}
.tar-cap-ico{width:26px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--texto-3);flex:none}
.tar-cap-ico .i{width:20px;height:20px}
.tar-captura:focus-within .tar-cap-ico{color:var(--amber)}
.tar-captura textarea{flex:1;min-width:0;min-height:44px;max-height:160px;padding:11px 6px;border:0;background:transparent;color:var(--texto);font:inherit;font-size:16px;line-height:1.4;resize:none;outline:none;box-shadow:none}
.tar-captura textarea::placeholder{color:var(--texto-3)}
.tar-voz{width:44px;height:44px;flex:none;border-radius:12px;border:0;background:transparent;color:var(--texto-2);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .15s,color .15s}
.tar-voz .i{width:21px;height:21px}
.tar-voz:hover{background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--texto)}
.tar-voz.gravando{background:var(--tar-vermelho);color:#fff;animation:t-pulsa 1.2s infinite}
@keyframes t-pulsa{0%,100%{box-shadow:0 0 0 0 rgba(224,68,58,.45)}50%{box-shadow:0 0 0 9px rgba(224,68,58,0)}}
.tar-enviar{height:44px;flex:none;border-radius:12px;border:0;padding:0 14px 0 18px;background:var(--amber);color:#14171c;font:inherit;font-size:14px;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:filter .15s,transform .1s}
.tar-enviar .i{width:17px;height:17px;stroke-width:2.4;opacity:.8}
.tar-enviar:hover{filter:brightness(1.06)}.tar-enviar:active{transform:scale(.97)}
.tar-cap-rodape{display:none;padding:9px 14px 11px;border-top:1px solid var(--borda)}
.tar-cap-rodape.on{display:block}
.tar-previa{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--texto-2)}
.tar-previa:empty{display:none}
.tar-previa .tar-tag.tit{font-weight:600;color:var(--texto);font-size:12.5px}
.tar-voz-status{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--texto-2);line-height:1.4}
.tar-voz-status:empty{display:none}
.tar-previa:not(:empty)+.tar-voz-status:not(:empty){margin-top:6px}
.tar-voz-status.ouvindo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tar-vermelho);flex:none;animation:t-pisca 1s infinite}
@keyframes t-pisca{50%{opacity:.25}}
@media (max-width:480px){.tar-enviar{width:44px;padding:0;justify-content:center}.tar-enviar span{display:none}.tar-enviar .i{opacity:1;width:19px;height:19px}.tar-cap-linha{padding-left:10px}.tar-cap-ico{width:22px}}
/* ---- busca + filtro (controle segmentado) ---- */
.tar-barra{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.tar-busca{flex:1;min-width:160px;display:flex;align-items:center;gap:8px;height:36px;padding:0 11px;border-radius:10px;border:1px solid var(--borda);background:var(--superficie);color:var(--texto-3);transition:border-color .15s}
.tar-busca:focus-within{border-color:var(--borda-forte);color:var(--texto-2)}
.tar-busca .i{width:16px;height:16px}
.tar-busca input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:13.5px;color:var(--texto);box-shadow:none;padding:0}
.tar-busca input::placeholder{color:var(--texto-3)}
.tar-seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--texto) 6%,transparent)}
.tar-seg button{height:30px;padding:0 13px;border-radius:8px;font-size:13px;font-weight:500;color:var(--texto-2);border:1px solid transparent;background:transparent;transition:background .15s,color .15s}
.tar-seg button:hover{color:var(--texto)}
.tar-seg button.on{background:var(--cartao);color:var(--texto);font-weight:600;border-color:var(--borda);box-shadow:var(--tar-sombra-leve)}
/* ---- seções ---- */
.tar-rot{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2);margin:22px 0 8px}
.tar-rot::after{content:"";flex:1;height:1px;background:var(--borda)}
.tar-rot .i{width:14px;height:14px;stroke-width:2.2}
.tar-rot .n{font-family:var(--fonte-mono);font-weight:600;font-size:11px;letter-spacing:0;color:inherit;background:color-mix(in srgb,currentColor 12%,transparent);border-radius:999px;padding:1px 7px;line-height:1.4}
.tar-rot .n:empty{display:none}
.tar-rot small{text-transform:none;letter-spacing:0;font-weight:400;color:var(--texto-3);font-size:11.5px}
.tar-rot.atrasadas,.tar-rot.prioridade{color:var(--tar-vermelho)}
.tar-rot.radar{color:var(--tar-amarelo-tx)}html[data-tema="escuro"] .tar-rot.radar{color:var(--tar-amarelo)}
.tar-rot.aguardando{color:var(--tar-azul)}
.tar-rot.dia{margin-top:14px;font-size:11px;color:var(--texto-3)}
.tar-secao{min-height:10px;border-radius:12px;transition:background .15s}
.tar-secao.alvo{background:color-mix(in srgb,var(--amber) 12%,transparent);outline:2px dashed color-mix(in srgb,var(--amber) 60%,transparent)}
.tar-secao .vazio{font-size:12.5px;color:var(--texto-3);padding:7px 12px;border:1px dashed var(--borda);border-radius:10px}
/* ---- tarefa ---- */
.tar-item{display:grid;grid-template-columns:16px 24px minmax(0,1fr) auto;gap:8px 10px;align-items:start;padding:12px 14px 12px 8px;border:1px solid var(--borda);border-radius:14px;background:var(--cartao);margin:0 0 8px;position:relative;box-shadow:var(--tar-sombra-leve);transition:border-color .15s,box-shadow .15s}
.tar-item:hover{border-color:var(--borda-forte)}
.tar-item.arrastando{opacity:.45}
.tar-item.k-prioridade{border-left:5px solid var(--tar-vermelho)}.tar-item.k-normal{border-left:5px solid var(--tar-amarelo)}.tar-item.k-aguardando{border-left:5px solid var(--tar-azul)}.tar-item.atrasada{background:color-mix(in srgb,var(--tar-vermelho) 5%,var(--cartao))}
.tar-item.feita{opacity:.6;box-shadow:none}.tar-item.feita .titulo{text-decoration:line-through}
.tar-pega{cursor:grab;color:var(--texto-3);display:flex;align-items:center;justify-content:center;height:24px;margin-top:1px;user-select:none;touch-action:none;opacity:.35;transition:opacity .15s}
.tar-pega .i{width:16px;height:16px;stroke-width:2.6}
.tar-item:hover .tar-pega{opacity:.9}
.tar-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--borda-forte);background:var(--superficie);cursor:pointer;margin-top:2px;display:flex;align-items:center;justify-content:center;color:transparent;padding:0;transition:border-color .15s,background .15s}
.tar-check .i{width:13px;height:13px;stroke-width:3}
.tar-check:hover{border-color:var(--lime);color:var(--lime)}
.tar-check.ok{background:var(--lime);border-color:var(--lime);color:#10141a}
.tar-corpo{min-width:0}
.tar-item .titulo{font-size:18px;line-height:1.3;cursor:pointer;overflow-wrap:anywhere;font-weight:600;letter-spacing:-.01em;color:var(--texto)}
@media (max-width:700px){.tar-item .titulo{font-size:17px}}
.tar-item.feita .titulo{font-weight:500;font-size:15px}
.tar-item .titulo:hover{color:var(--tar-amarelo-tx)}html[data-tema="escuro"] .tar-item .titulo:hover{color:var(--amber)}
.tar-sit{display:flex;gap:6px;align-items:flex-start;font-size:13.5px;color:var(--texto-2);margin-top:5px;cursor:text;overflow-wrap:anywhere;line-height:1.45}
.tar-sit .i{width:14px;height:14px;color:var(--texto-3);margin-top:3px}
.tar-sit input{width:100%;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13px}
.tar-mais{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:8px;padding:2px 8px 2px 6px;font-size:12px;font-weight:500;color:var(--texto-2);cursor:pointer;background:color-mix(in srgb,var(--texto) 4%,transparent);font:inherit;margin:6px 6px 0 0;transition:background .15s,color .15s}
.tar-mais .i{width:13px;height:13px;stroke-width:2.4}
.tar-mais:hover{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--texto)}
.tar-passos{margin:6px 0 0;padding:0;list-style:none}
.tar-passos li{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:13px;color:var(--texto)}
.tar-passos li.ok span{text-decoration:line-through;color:var(--texto-3)}
.tar-passos input[type=checkbox]{width:16px;height:16px;accent-color:var(--lime);flex:none;margin:0}
.tar-passos .x{margin-left:auto;border:0;background:transparent;color:var(--texto-3);cursor:pointer;display:flex;padding:2px;border-radius:6px}
.tar-passos .x .i{width:13px;height:13px}
.tar-passos .x:hover{background:color-mix(in srgb,var(--tar-vermelho) 12%,transparent);color:var(--tar-vermelho)}
.tar-passos .novo{width:100%;height:30px;padding:0 8px;border-radius:8px;border:1px dashed var(--borda-forte);background:transparent;color:var(--texto);font:inherit;font-size:12.5px}
.tar-passos-cab{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--texto-2);cursor:pointer;margin-top:6px;background:transparent;border:0;font:inherit;padding:0}
.tar-passos-cab .i{width:14px;height:14px;transition:transform .15s}
.tar-passos-cab.aberto .i{transform:rotate(90deg)}
.tar-passos-cab b{font-family:var(--fonte-mono);font-weight:600;font-size:11px;background:color-mix(in srgb,var(--texto) 7%,transparent);border-radius:999px;padding:0 7px}
.tar-meta{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:7px;font-size:11.5px;color:var(--texto-3);align-items:center}
.tar-meta:empty{display:none}
.tar-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--borda);border-radius:7px;padding:1px 8px;font-size:11px;background:transparent;color:var(--texto-2);white-space:nowrap;line-height:1.6}
.tar-tag .i{width:12px;height:12px;color:var(--texto-3)}
.tar-tag.ag{border-color:color-mix(in srgb,var(--tar-azul) 50%,transparent);color:var(--tar-azul-tx)}
.tar-tag.ag.cobrar{background:color-mix(in srgb,var(--tar-azul) 14%,transparent);color:var(--tar-azul-tx);font-weight:600;cursor:pointer;text-decoration:none}
.tar-tag.ag.cobrar .i{color:inherit}
.tar-tag.k-prioridade,.tar-tag.k-normal,.tar-tag.k-aguardando{font-weight:600}
.tar-tag.k-prioridade{color:var(--tar-vermelho)}.tar-tag.k-normal{color:var(--tar-amarelo-tx)}html[data-tema="escuro"] .tar-tag.k-normal{color:var(--tar-amarelo)}.tar-tag.k-aguardando{color:var(--tar-azul)}
.tar-tag.k-prioridade::before,.tar-tag.k-normal::before,.tar-tag.k-aguardando::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.tar-tag.d-vermelho{border-color:color-mix(in srgb,var(--tar-vermelho) 45%,transparent);background:color-mix(in srgb,var(--tar-vermelho) 10%,transparent);color:var(--tar-vermelho-tx);font-weight:600}
.tar-tag.d-amarelo{border-color:color-mix(in srgb,var(--tar-amarelo) 55%,transparent);background:color-mix(in srgb,var(--tar-amarelo) 16%,transparent);color:var(--tar-amarelo-tx);font-weight:600}
.tar-tag.d-azul{border-color:color-mix(in srgb,var(--tar-azul) 45%,transparent);background:color-mix(in srgb,var(--tar-azul) 10%,transparent);color:var(--tar-azul-tx);font-weight:600}
.tar-tag.d-vermelho .i,.tar-tag.d-amarelo .i,.tar-tag.d-azul .i{color:inherit}
/* controles à direita: DATA (3 cores) e TIPO (discreto) */
.tar-ctl{display:flex;flex-direction:column;gap:4px;align-items:stretch;width:200px}
.tar-btn{border:1px solid var(--borda-forte);border-radius:9px;min-height:30px;padding:4px 10px;font-size:12.5px;font-weight:600;cursor:pointer;background:var(--superficie);color:var(--texto);font:inherit;white-space:normal;display:inline-flex;align-items:center;gap:6px;transition:filter .15s;min-width:0}
.tar-btn .rot{min-width:0;flex:1;text-align:left;overflow-wrap:anywhere;line-height:1.25} /* v0.9.39 — texto inteiro, sem "…" */
.tar-btn .tp{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3);flex:none}
.tar-btn.cli{font-weight:500}
.tar-btn.cli.livre .tp{color:var(--tar-amarelo-tx)}html[data-tema="escuro"] .tar-btn.cli.livre .tp{color:var(--tar-amarelo)}
.tar-btn.quem{border-color:color-mix(in srgb,var(--tar-azul) 55%,transparent);background:color-mix(in srgb,var(--tar-azul) 12%,var(--superficie));color:var(--tar-azul-tx)}
.tar-btn.quem.estatico{cursor:default}
.tar-btn.ghost{border-style:dashed;border-color:var(--borda-forte);background:transparent;color:var(--texto-3);font-weight:500}
.tar-btn.ghost:hover{color:var(--texto);border-color:var(--amber);filter:none}
.tar-acoes{display:flex;gap:5px}
.tar-acoes .tar-btn{flex:1;justify-content:center;padding:0 5px;font-size:12px}
.tar-btn.ghost{height:26px;font-size:12px}
.tar-btn.ok{border-color:color-mix(in srgb,var(--lime) 70%,transparent);background:color-mix(in srgb,var(--lime) 24%,var(--superficie));color:#2f5a00}html[data-tema="escuro"] .tar-btn.ok{color:#d6f59a}
.tar-btn.reabrir,.tar-btn.zap{color:var(--texto-2);font-weight:500}
.tar-btn.zap .i{color:#1f9d55}
.tar-btn:hover{filter:brightness(.97)}html[data-tema="escuro"] .tar-btn:hover{filter:brightness(1.15)}
.tar-btn .i{width:13px;height:13px;stroke-width:2.2}
.tar-btn.data{justify-content:flex-start}
.tar-btn.data .rot{text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.tar-btn.data.d-vermelho{border-color:color-mix(in srgb,var(--tar-vermelho) 55%,transparent);background:color-mix(in srgb,var(--tar-vermelho) 12%,var(--superficie));color:var(--tar-vermelho-tx)}
.tar-btn.data.d-amarelo{border-color:color-mix(in srgb,var(--tar-amarelo) 65%,transparent);background:color-mix(in srgb,var(--tar-amarelo) 18%,var(--superficie));color:var(--tar-amarelo-tx)}
.tar-btn.data.d-azul{border-color:color-mix(in srgb,var(--tar-azul) 55%,transparent);background:color-mix(in srgb,var(--tar-azul) 12%,var(--superficie));color:var(--tar-azul-tx)}
/* tipo: só texto pequeno colorido com um ponto — a faixa da esquerda já dá a cor */
.tar-btn.tipo{height:14px;padding:0 2px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border:0;background:transparent;opacity:.85;gap:5px;align-self:flex-start;margin:0 0 1px}
.tar-btn.tipo::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.tar-btn.tipo:hover{opacity:1;filter:none;text-decoration:underline}
.tar-btn.tipo.prioridade{color:var(--tar-vermelho)}
.tar-btn.tipo.normal{color:var(--tar-amarelo-tx)}html[data-tema="escuro"] .tar-btn.tipo.normal{color:var(--tar-amarelo)}
.tar-btn.tipo.aguardando{color:var(--tar-azul)}
.tar-pop .tar-btn.tipo{height:auto;font-size:11px}
.tar-mover{display:none;gap:2px}
.tar-mover button{border:1px solid var(--borda);background:var(--superficie);color:var(--texto-2);border-radius:7px;width:26px;height:26px;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}
.tar-mover .i{width:13px;height:13px}
@media (max-width:700px){.tar-item{grid-template-columns:24px minmax(0,1fr);grid-template-areas:"check corpo" "ctl ctl";padding:12px 12px 12px 10px}.tar-pega{display:none}.tar-check{grid-area:check}.tar-corpo{grid-area:corpo}.tar-ctl{grid-area:ctl;width:auto;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:34px;flex-wrap:wrap}.tar-ctl .tar-btn{width:auto}.tar-ctl .tar-btn .rot{flex:none;max-width:150px}.tar-acoes{width:100%}.tar-mover{display:inline-flex}}
/* delegação / equipe */
.tar-item.k-delegada{border-left:5px solid var(--tar-azul)}
.tar-ctl-linha{display:flex;gap:10px;align-items:center}
.tar-btn.tipo.delegada{color:var(--tar-azul)}.tar-btn.tipo.delegada::before{display:none}.tar-btn.tipo.delegada .i{width:12px;height:12px;stroke-width:2.4}
.tar-rot.delegadas{color:var(--tar-azul)}
.tar-rot.equipe{color:var(--texto);font-size:12px;margin-top:18px;text-transform:none;letter-spacing:0}
.tar-rot.equipe .av{width:22px;height:22px;border-radius:50%;background:var(--tar-azul);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}
.tar-tag.novo{border-color:var(--tar-azul);background:color-mix(in srgb,var(--tar-azul) 14%,transparent);color:var(--tar-azul-tx);font-weight:600;cursor:pointer;font:inherit;font-size:11px;line-height:1.6;white-space:normal;text-align:left}
.tar-tag.novo .i{color:inherit}.tar-tag.novo b{margin-left:4px;font-weight:700;opacity:.8}
.tar-tag.de{border-color:color-mix(in srgb,var(--tar-azul) 50%,transparent);color:var(--tar-azul-tx);font-weight:600}
.tar-tag.de .i{color:inherit}
/* v0.9.188 — colunas (Atrasadas · Hoje · Próximos dias · Sem data · Aguardando), como as listas dos outros mundos */
.tar-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;align-items:start}
.tar-cols[hidden]{display:none}
.tar-col{min-width:0;border-radius:14px;padding:10px 8px 4px;background:color-mix(in srgb,var(--texto) 3%,transparent);--tc:var(--borda-forte)}
.tar-col>header{display:flex;align-items:center;gap:6px;padding:0 4px 8px;margin:0 0 10px;border-bottom:3px solid var(--tc)}
.tar-col>header b{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto);white-space:nowrap}
.tar-col>header small{font-size:11.5px;color:var(--texto-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tar-col>header .i{width:14px;height:14px;color:var(--tc);stroke-width:2.2}
.tar-col-n{margin-left:auto;font:800 18px "Space Grotesk",Inter,sans-serif;color:var(--texto-2);flex:none}
.tar-col.c-atrasadas{--tc:var(--tar-vermelho)}.tar-col.c-atrasadas:not(.zero){background:color-mix(in srgb,var(--tar-vermelho) 6%,transparent)}.tar-col.c-atrasadas:not(.zero)>header b{color:var(--tar-vermelho)}
.tar-col.c-hoje{--tc:var(--amber)}.tar-col.c-proximos{--tc:var(--tar-amarelo)}.tar-col.c-radar{--tc:var(--texto-3)}.tar-col.c-aguardando{--tc:var(--tar-azul)}
.tar-col .tar-rot{margin:4px 0 6px}.tar-col .tar-rot+.tar-secao+.tar-rot{margin-top:14px}
.tar-col .tar-rot.dia{margin:12px 0 6px}.tar-col .tar-secao>.tar-rot.dia:first-child{margin-top:0}
.tar-col .tar-secao{min-height:40px}
html:not(.quadro-em-lista) .tar-cols .tar-item{grid-template-columns:24px minmax(0,1fr);grid-template-areas:"check corpo" "ctl ctl";padding:10px 10px 10px 8px;gap:6px 8px}
html:not(.quadro-em-lista) .tar-cols .tar-pega{display:none}html:not(.quadro-em-lista) .tar-cols .tar-check{grid-area:check}html:not(.quadro-em-lista) .tar-cols .tar-corpo{grid-area:corpo}
html:not(.quadro-em-lista) .tar-cols .tar-ctl{grid-area:ctl;width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding-left:0}
html:not(.quadro-em-lista) .tar-cols .tar-ctl .tar-btn{width:auto;max-width:100%}html:not(.quadro-em-lista) .tar-cols .tar-ctl .tar-btn .rot{flex:1 1 auto}
html:not(.quadro-em-lista) .tar-cols .tar-btn.tipo{align-self:center;flex-basis:100%;justify-content:flex-start}
html:not(.quadro-em-lista) .tar-cols .tar-acoes{width:100%}
/* v0.9.193 — cartão estreito: coluna nunca abaixo de 250px (quebra em linhas antes), etiquetas quebram dentro do botão e WhatsApp/Concluir numa linha só (WhatsApp vira só o ícone se faltar lugar) */
html:not(.quadro-em-lista) .tar-cols .tar-item{container-type:inline-size}
html:not(.quadro-em-lista) .tar-cols .tar-btn.cli{flex-wrap:wrap;row-gap:0}
html:not(.quadro-em-lista) .tar-cols .tar-acoes .tar-btn{flex:1 1 0;min-width:0;min-height:32px;white-space:nowrap;overflow:hidden}
@container (max-width:240px){html:not(.quadro-em-lista) .tar-cols .tar-acoes .tar-btn.zap{flex:0 0 40px;font-size:0;gap:0}html:not(.quadro-em-lista) .tar-cols .tar-acoes .tar-btn.zap .i{width:15px;height:15px}}
html:not(.quadro-em-lista) .tar-cols .tar-item .titulo{font-size:15px}
@media (max-width:700px){html:not(.quadro-em-lista) .tar-cols .tar-mover{display:inline-flex}}
#equipe-vista[hidden]{display:none}
/* v0.9.188 — etiqueta (Reunião…): cor pela posição na lista de ⚙ Tarefas */
.tar-tag.etq{--ec:#8b5cf6;font:inherit;font-size:11px;line-height:1.6;font-weight:600;cursor:pointer;border-color:color-mix(in srgb,var(--ec) 50%,transparent);background:color-mix(in srgb,var(--ec) 13%,transparent);color:color-mix(in srgb,var(--ec) 75%,var(--texto))}
.tar-tag.etq .i{color:inherit}
.etq-0{--ec:#8b5cf6}.etq-1{--ec:#0d9488}.etq-2{--ec:#db2777}.etq-3{--ec:#ea580c}.etq-4{--ec:#16a34a}.etq-5{--ec:#64748b}
/* v0.9.195 — caixinhas "Mostrar": a coluna desmarcada some e as outras ocupam o lugar (o grid é auto-fit) */
.tar-mostrar{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin:-4px 0 14px;font-size:13px;color:var(--texto-2)}
.tar-mostrar>span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3)}
.tar-mostrar label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:28px;white-space:nowrap}
.tar-mostrar input{width:16px;height:16px;margin:0;accent-color:var(--amber);cursor:pointer}
.tar-mostrar small{font-size:11.5px;font-weight:700;color:var(--texto-3)}.tar-mostrar small:empty{display:none}
.tar-lista.sem-atrasadas .c-atrasadas,.tar-lista.sem-hoje .c-hoje,.tar-lista.sem-proximos .c-proximos,.tar-lista.sem-radar .c-radar,.tar-lista.sem-aguardando .c-aguardando,
.tar-lista.sem-delegadas [data-rot="delegadas"],.tar-lista.sem-delegadas #s-delegadas,.tar-lista.sem-feitas .tar-feitas{display:none!important}
.tar-etq-filtro{display:flex;gap:6px;flex-wrap:wrap}
.tar-etq-filtro .tar-tag.etq{height:30px;padding:0 11px;font-size:12.5px;border-radius:9px;background:transparent}
.tar-etq-filtro .tar-tag.etq.on{background:var(--ec);border-color:var(--ec);color:#fff}
.tar-aviso-link{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--texto-2);background:color-mix(in srgb,var(--tar-azul) 9%,var(--cartao));border:1px solid color-mix(in srgb,var(--tar-azul) 35%,transparent);border-radius:12px;padding:10px 14px;margin:0 0 14px}
.tar-aviso-link .i{width:18px;height:18px;color:var(--tar-azul);margin-top:2px}
.tar-aviso-link b{color:var(--texto)}
.tar-pop-tit{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3);padding:4px 10px 2px}
.tar-pop label.chk{flex-direction:row;align-items:center;gap:9px;font-size:13.5px;color:var(--texto);cursor:pointer}
.tar-pop label.chk input{width:16px;height:16px;accent-color:var(--tar-azul);margin:0}
.tar-pop label.chk small{margin-left:auto;color:var(--texto-3);font-size:11px;font-family:var(--fonte-mono)}
.tar-pop button:disabled{opacity:.45;cursor:not-allowed}
.tar-pop-lista{max-height:200px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.tar-pop button .i{width:14px;height:14px;color:var(--texto-3)}
.tar-pop-nota{font-size:11.5px;color:var(--texto-3);padding:6px 10px 4px;line-height:1.45;max-width:250px}
.tar-mono{font-family:var(--fonte-mono);font-size:11px;color:var(--texto);background:color-mix(in srgb,var(--texto) 6%,transparent);border-radius:6px;padding:1px 6px}
.acao.p3d-mini{min-height:30px;padding:0 10px;font-size:12px;border-radius:8px}
.tar-cel{margin-left:auto;display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--texto-3);flex:none}
.tar-cel input{width:150px;height:30px;padding:0 9px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:12.5px}
.tar-pop label.linha{flex-direction:row;align-items:center;justify-content:space-between}
.tar-pop label.linha input[type=time]{width:auto;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13px}
/* menu flutuante (data / tipo) */
.tar-pop{position:absolute;z-index:60;background:var(--cartao);border:1px solid var(--borda-forte);border-radius:12px;box-shadow:var(--sombra);padding:6px;min-width:200px;display:flex;flex-direction:column;gap:2px}
.tar-pop button,.tar-pop label{text-align:left;border:0;background:transparent;color:var(--texto);font:inherit;font-size:13.5px;padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;gap:8px;align-items:center}
.tar-pop label{flex-direction:column;align-items:stretch;gap:4px;font-size:12px;color:var(--texto-2)}
.tar-pop button:hover{background:color-mix(in srgb,var(--amber) 14%,transparent)}
.tar-pop button.on{background:color-mix(in srgb,var(--amber) 22%,transparent);font-weight:600}
.tar-pop button small{margin-left:auto;color:var(--texto-3);font-family:var(--fonte-mono);font-size:11px}
.tar-pop .sep{height:1px;background:var(--borda);margin:4px 0}
.tar-pop input[type=date],.tar-pop input[type=text]{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13px;width:100%}
.tar-feitas{margin-top:18px;border-top:1px solid var(--borda);padding-top:10px}
.tar-feitas summary{cursor:pointer;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2);font-weight:700;display:flex;align-items:center;gap:8px;list-style:none}
.tar-feitas summary::-webkit-details-marker{display:none}
.tar-feitas summary .i{width:14px;height:14px;stroke-width:2.4;color:var(--lime)}
.tar-feitas summary .n{font-family:var(--fonte-mono);font-weight:600;font-size:11px;letter-spacing:0;background:color-mix(in srgb,currentColor 12%,transparent);border-radius:999px;padding:1px 7px}
.tar-feitas summary .n:empty{display:none}
/* configurações do meu espaço */
.tar-lista-auto{list-style:none;margin:0;padding:0}
.tar-lista-auto li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--borda);font-size:13.5px}
.tar-lista-auto li:first-child{border-top:0}
.tar-lista-auto .quando{font-family:var(--fonte-mono);font-size:11px;color:var(--texto-3);white-space:nowrap;min-width:74px;padding-top:2px}
.tar-lista-auto small{display:block;color:var(--texto-3);font-size:12px;margin-top:2px}
.tar-toggle{margin-left:auto;flex:none;width:36px;height:22px;border-radius:999px;background:var(--lime);position:relative;border:0;cursor:pointer}
.tar-toggle::after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.tar-toggle.off{background:var(--borda-forte)}.tar-toggle.off::after{right:auto;left:3px}
.tar-msg{white-space:pre-wrap;font-family:var(--fonte-corpo);font-size:13px;line-height:1.55;background:var(--superficie);border:1px solid var(--borda);border-radius:12px;padding:12px 14px;margin:0 0 10px;overflow-wrap:anywhere}
.tar-api{font-family:var(--fonte-mono);font-size:11.5px;background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:10px 12px;overflow-wrap:anywhere;color:var(--texto-2);line-height:1.6}
.tar-api b{color:var(--texto)}
.tar-dupla{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:480px){.tar-dupla{grid-template-columns:1fr}}
/* gaveta de detalhes */
.tar-gaveta{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.45);display:flex;justify-content:flex-end}
.tar-gaveta[hidden]{display:none}
.tar-gaveta .painel{width:min(520px,100%);height:100%;margin:0;border-radius:0;overflow:auto;max-width:none}
.tar-gaveta .campo{display:block;margin:0 0 12px}
.tar-gaveta .campo>span{display:block;font-size:12.5px;font-weight:600;color:var(--texto-2);margin:0 0 6px}
.tar-gaveta input[type=text],.tar-gaveta input[type=date],.tar-gaveta input[type=time],.tar-gaveta select,.tar-gaveta textarea{width:100%;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px}
.tar-gaveta textarea{height:auto;min-height:70px;padding:10px 12px;resize:vertical}
.tar-hist{font-size:12px;color:var(--texto-3);border-top:1px solid var(--borda);padding-top:10px;margin-top:6px}
/* toast */
.tar-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);z-index:120;background:var(--grafite);color:#e8edf2;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 18px;font-size:13.5px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:min(92vw,560px);text-align:center}
.tar-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.tar-toast button{margin-left:10px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:2px 10px;font:inherit;font-size:12px;cursor:pointer;pointer-events:auto}
.tar-nota{font-size:12px;line-height:1.45;color:var(--texto-3);margin:0 0 10px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* toggles das configurações como checkbox de verdade */
.tar-toggle{margin-left:auto;flex:none;position:relative;width:36px;height:22px;cursor:pointer}
.tar-toggle input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.tar-toggle span{position:absolute;inset:0;border-radius:999px;background:var(--borda-forte);transition:background .15s}
.tar-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.tar-toggle input:checked+span{background:var(--lime)}.tar-toggle input:checked+span::after{left:17px}
.tar-lista-auto .quando input[type=number]{width:46px;height:24px;padding:0 4px;text-align:center;border-radius:6px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:12px}
.tar-cfg .campo{display:block;margin:0 0 12px}
.tar-cfg .campo>span{display:block;font-size:12.5px;font-weight:600;color:var(--texto-2);margin:0 0 6px}
.tar-cfg input[type=text],.tar-cfg input[type=time],.tar-cfg input[type=email],.tar-cfg select{width:100%;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px}
.tar-segredo .tar-api b{font-size:13px;overflow-wrap:anywhere}
.acao.tar-mini{min-height:30px;padding:0 10px;font-size:12px;border-radius:8px}
.tar-mono{font-family:var(--fonte-mono);font-size:11px;color:var(--texto);background:color-mix(in srgb,var(--texto) 6%,transparent);border-radius:6px;padding:1px 6px}
/* destaque ao chegar por link #tNN */
.tar-item.destaque{box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 55%,transparent)}
/* dashboard do Meu Espaço */
.tar-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0 0 12px}
.tar-kpi{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:12px;border:1px solid var(--borda);background:var(--cartao);text-decoration:none;color:var(--texto)}
.tar-kpi b{font-family:var(--fonte-titulo);font-size:22px;line-height:1}.tar-kpi span{font-size:11px;color:var(--texto-3);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}
.tar-kpi.vermelho b{color:var(--tar-vermelho)}.tar-kpi.amarelo b{color:var(--tar-amarelo-tx)}.tar-kpi.azul b{color:var(--tar-azul)}
html[data-tema="escuro"] .tar-kpi.amarelo b{color:var(--tar-amarelo)}
/* link pessoal (sem menu) */
body.tar-link .conteudo{max-width:980px;margin:0 auto;width:100%}
body.tar-link .marca em{font-style:normal;color:#9aa7b4;font-size:13px;border-left:1px solid rgba(255,255,255,.18);padding-left:10px;margin-left:2px}
.conteudo:has(.tar-lista){max-width:980px}

/* ===== v0.9.32 — "⬇ PDF" nas listas de OS (lista e ficha do cliente): 4ª coluna, fora da impressão ===== */
.lista-colunas .linha-os:has(.col-baixar){grid-template-columns:minmax(0,1fr) max-content 104px max-content}
.linha-os .col-baixar{font-size:12.5px;white-space:nowrap;text-align:right}
.linha-os .col-baixar a{color:var(--texto-2)}
.linha-os .col-baixar a:hover{color:var(--texto)}
@media (max-width:760px){
  .lista-colunas .linha-os:has(.col-baixar){grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"texto valor" "etiquetas baixar"}
  .linha-os .col-baixar{grid-area:baixar;text-align:right}
}


/* ===== v0.9.64 — atendimento no local: linhas de materiais e acessórios ===== */
.mat-linha{display:grid;grid-template-columns:1fr 72px 120px auto;gap:8px;margin-bottom:6px;align-items:center}
@media (max-width:640px){.mat-linha{grid-template-columns:1fr 60px 100px auto}}
.chip.local{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}
/* ===== Chamados (mundo Empresas) — v0.9.34. Prefixo ch-. Níveis com as cores das Tarefas: vermelho = Emergência · amarelo = Chamado · azul = Agendado.
   Blocos no mapa da casa: ciano = cliente · roxo = equipamento · laranja = atendimento · lima = contrato · magenta = conversa · cinza = histórico ===== */
.ch-lv-emergencia{--lv:var(--tar-vermelho);--lvtx:var(--tar-vermelho-tx)}
.ch-lv-chamado{--lv:var(--tar-amarelo);--lvtx:var(--tar-amarelo-tx)}
.ch-lv-agendado{--lv:var(--tar-azul);--lvtx:var(--tar-azul-tx)}
.ch-i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.15em;display:inline-block}
.ch-topo{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:0 0 16px}
.ch-topo-dir{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ch-topo-dir select,.ch-linha-campos select,.ch-campo select,.ch-campo input,.ch-troca select,.ch-troca input[type=text],.ch-sit-form input,.ch-pop-livre input,.ch-chip-ed input,.ch-novo-setor input{height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13.5px;min-width:0}
.ch-filtros{display:flex;gap:6px;flex-wrap:wrap}
.ch-filtro{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--borda);font-size:13px;font-weight:600;color:var(--texto-2)}
.ch-filtro small{font-family:var(--fonte-mono);font-size:11px;color:var(--texto-3)}
.ch-filtro:hover{border-color:var(--borda-forte);color:var(--texto)}
.ch-filtro.on{color:var(--texto);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
/* fila */
.ch-faixas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:1000px){.ch-faixas{grid-template-columns:1fr}}
.ch-faixa>header{display:flex;align-items:center;gap:8px;padding:0 2px 8px;margin:0 0 10px;border-bottom:3px solid var(--lv)}
.ch-faixa>header b{font-family:var(--fonte-titulo);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--lvtx)}
html[data-tema="escuro"] .ch-faixa>header b{color:var(--lv)}
.ch-faixa>header span{font-family:var(--fonte-mono);font-size:12px;color:var(--texto-3)}
.ch-vazio{font-size:13px;color:var(--texto-3);border:1px dashed var(--borda-forte);border-radius:12px;padding:14px;text-align:center;margin:0}
.ch-card{display:grid;gap:7px;background:var(--cartao);border:1px solid var(--borda);border-left:4px solid var(--lv);border-radius:12px;padding:12px 14px;margin:0 0 10px;box-shadow:var(--tar-sombra-leve);transition:border-color .15s,transform .15s}
.ch-card:hover{border-color:var(--borda-forte);border-left-color:var(--lv);transform:translateY(-1px)}
.ch-card-topo{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--texto-3)}
.ch-card-topo .mono{font-family:var(--fonte-mono);font-size:11.5px;color:var(--texto-2)}
.ch-ha{margin-left:auto}
.ch-card-tit{font-size:16px;font-weight:700;line-height:1.3;text-wrap:balance}
.ch-card-assunto{justify-self:start;font-size:12px;font-weight:700;color:var(--texto-2);background:color-mix(in srgb,var(--texto) 7%,transparent);border-radius:999px;padding:2px 9px;margin-bottom:-3px} /* v0.9.39 */
.ch-card-meta{font-size:12.5px;color:var(--texto-2)}
.ch-nw{white-space:nowrap} /* v0.9.39 — nome do computador (FIN-03) não quebra no hífen */
.ch-sit{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;background:color-mix(in srgb,var(--texto) 5%,transparent);border-radius:7px;padding:6px 8px;color:var(--texto)}
.ch-sit .ch-i{color:var(--amber);margin-top:2px}
.ch-alerta{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:#9a4b00;background:color-mix(in srgb,var(--amber) 18%,transparent);border-radius:7px;padding:4px 8px;width:max-content}
html[data-tema="escuro"] .ch-alerta{color:var(--amber)}
.ch-card-pe{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ch-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--texto-2);background:color-mix(in srgb,var(--texto) 6%,transparent);border-radius:999px;padding:2px 9px;white-space:nowrap}
.ch-st i{width:7px;height:7px;border-radius:50%;background:var(--texto-3)}
.ch-s-atendimento i{background:var(--ciano)}.ch-s-aguardando i{background:var(--amber)}.ch-s-pausado i{background:var(--texto-3)}.ch-s-resolvido i{background:var(--lime)}.ch-s-fechado i{background:var(--texto-2)}
.ch-data{display:inline-flex;align-items:center;gap:5px;border:1.5px solid color-mix(in srgb,var(--lv) 60%,transparent);background:color-mix(in srgb,var(--lv) 12%,var(--superficie));color:var(--lvtx);font-family:var(--fonte-titulo);font-weight:700;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;padding:3px 8px;cursor:default}
html[data-tema="escuro"] .ch-data{color:var(--lv)}
.ch-data.atrasado{border-style:dashed}
summary.ch-data{cursor:pointer;list-style:none}
summary.ch-data::-webkit-details-marker{display:none}
.ch-avs{margin-left:auto;display:flex}
.ch-av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:10.5px;font-weight:700;color:#fff;background:#3a7bd5;box-shadow:0 0 0 2px var(--cartao)}
.ch-av+.ch-av{margin-left:-7px}
.ch-av-1{background:#8b5cf6}.ch-av-2{background:#0e9f8e}.ch-av-3{background:#d9480f}
.ch-sem-resp{margin-left:auto;font-size:11.5px;color:var(--texto-3);font-style:italic}
.ch-nivel{display:inline-flex;align-items:center;gap:6px;font-family:var(--fonte-titulo);font-weight:700;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--lvtx);background:color-mix(in srgb,var(--lv) 14%,transparent);border-radius:7px;padding:3px 9px}
html[data-tema="escuro"] .ch-nivel{color:var(--lv)}
.ch-nivel::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lv)}
/* chamado */
.ch-cab{display:grid;gap:12px;margin:0 0 16px}
.ch-cab-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ch-voltar{font-weight:600;color:var(--texto-2);font-size:13.5px}
.ch-voltar:hover{color:var(--texto)}
.ch-num{font-family:var(--fonte-mono);font-size:13px;color:var(--texto-2)}
.ch-origem{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--texto-3)}
.ch-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ch-acoes .acao{min-height:38px;padding:0 14px;font-size:13.5px;border-radius:10px}
.ch-pop{position:relative}
.ch-pop>summary{list-style:none;cursor:pointer}
.ch-pop>summary::-webkit-details-marker{display:none}
.ch-pop-corpo{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:230px;background:var(--cartao);border:1px solid var(--borda-forte);border-radius:12px;box-shadow:var(--sombra);padding:6px;display:grid;gap:2px}
.ch-pop-tit{margin:2px 8px 4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3)}
.ch-pop-corpo .form-inline{display:block}
.ch-pop-op{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;padding:8px 10px;border-radius:8px;font-size:13.5px;font-weight:600;font-family:var(--fonte-titulo);letter-spacing:.03em}
.ch-pop-op small{font-family:var(--fonte-corpo);font-weight:500;letter-spacing:0;color:var(--texto-3);font-size:11.5px}
.ch-pop-op:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.ch-pop-op.on{background:color-mix(in srgb,var(--accent) 22%,transparent)}
.ch-pop-livre{display:grid;gap:6px;padding:8px;border-top:1px solid var(--borda);margin-top:4px}
.ch-grade{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start}
@media (max-width:1100px){.ch-grade{grid-template-columns:1fr}}
.ch-lado{display:grid;gap:14px;min-width:0}
.ch-lado .painel{margin:0}
.ch-conversa{min-width:0}
/* v0.9.42 — checklist e relatório no chamado */
.ch-principal{min-width:0;display:grid;gap:16px;align-content:start}
.ch-principal>.painel{margin:0}
.ch-h2s{font-family:var(--fonte-corpo,inherit);font-weight:600;font-size:12.5px;color:var(--texto-3);text-transform:none;letter-spacing:0}
.ck-prog{height:8px;border-radius:999px;background:color-mix(in srgb,var(--texto) 8%,transparent);overflow:hidden;margin:0 0 12px}
.ck-prog[hidden]{display:none}
.ck-prog i{display:block;height:100%;width:0;background:var(--lime);border-radius:999px;transition:width .25s}
.ck-itens{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.ck-itens:empty{margin:0}
.ck-it{display:grid;grid-template-columns:26px minmax(0,1fr) auto 26px;gap:8px;align-items:center;padding:7px 8px 7px 10px;border:1px solid var(--borda);border-radius:10px;background:var(--cartao);font-size:14px}
.ck-it.feito{background:color-mix(in srgb,var(--lime) 9%,var(--cartao))}
.ck-it.feito .ck-texto{color:var(--texto-2)}
.ck-f{margin:0;display:flex}
.ck-box{width:22px;height:22px;padding:0;border:2px solid var(--borda-forte);border-radius:6px;background:var(--superficie);cursor:pointer;display:grid;place-items:center;color:#fff;font-size:14px;line-height:1}
.ck-it.feito .ck-box{background:#4d7c0f;border-color:#4d7c0f}
.ck-it.feito .ck-box::before{content:"✓";font-weight:700}
span.ck-box{cursor:default}
.ck-texto{overflow-wrap:anywhere}
.ck-carimbo{font-size:12px;color:var(--texto-3);white-space:nowrap}
.ck-it.feito .ck-carimbo{color:#4d7c0f;font-weight:600}
html[data-tema="escuro"] .ck-it.feito .ck-carimbo{color:#c6ff6a}
.ck-x{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--texto-3);font-size:18px;line-height:1;cursor:pointer}
.ck-x:hover{background:color-mix(in srgb,var(--texto) 8%,transparent);color:var(--texto)}
.ck-add{display:flex;gap:8px;align-items:center;margin:0}
.ck-add input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--borda-forte);border-radius:9px;background:var(--superficie);color:var(--texto);font:inherit;font-size:14px}
.ck-add input:focus{outline:2px solid var(--accent,#28c8dc);outline-offset:1px;border-color:transparent}
.ck-erro{margin:8px 0 0;font-size:13px;color:#b4232a}
.ch-rel-txt{width:100%;min-height:170px;padding:10px 12px;border:1px solid var(--borda-forte);border-radius:10px;background:var(--superficie);color:var(--texto);font:inherit;font-size:14px;line-height:1.5;resize:vertical;box-sizing:border-box}
.ch-rel-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 0}
.ch-rel-estado{font-size:12.5px;color:var(--texto-3);margin-left:auto}
.ch-rel-estado.enviado{color:#4d7c0f;font-weight:600}
.ch-rel-estado.alterado{color:#9a5b00;font-weight:600}
html[data-tema="escuro"] .ch-rel-estado.enviado{color:#c6ff6a}
html[data-tema="escuro"] .ch-rel-estado.alterado{color:#ffc664}
.ch-rel-leitura{white-space:pre-wrap;font-size:14px;line-height:1.55;background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:10px 12px}
.ch-card-ck{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#4d7c0f;background:color-mix(in srgb,var(--lime) 18%,transparent);border-radius:999px;padding:2px 9px}
html[data-tema="escuro"] .ch-card-ck{color:#c6ff6a}
@media (max-width:600px){.ck-it{grid-template-columns:26px minmax(0,1fr) 26px}.ck-carimbo{grid-column:2;white-space:normal}}
.ch-aviso-wa{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;background:color-mix(in srgb,var(--lime) 14%,var(--cartao));border:1px solid color-mix(in srgb,var(--lime) 45%,transparent);border-radius:12px;padding:10px 12px;margin:0 0 14px;font-size:13.5px}
.ch-tl{display:grid;gap:10px}
.ch-ev{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--texto-3);line-height:1.45}
.ch-ev .ch-i{margin-top:2px}
.ch-ev b{color:var(--texto-2);font-weight:600}
.ch-ev.interno .ch-i{color:var(--amber)}
.ch-msg{max-width:min(560px,94%);border-radius:12px;padding:9px 12px;display:grid;gap:5px;font-size:14.5px}
.ch-quem{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--texto-2)}
.ch-quem span{font-weight:500;color:var(--texto-3)}
.ch-txt{white-space:pre-line;overflow-wrap:anywhere}
.ch-m-cli{justify-self:start;background:var(--superficie);border:1px solid var(--borda);border-top-left-radius:4px}
.ch-m-ti{justify-self:end;background:color-mix(in srgb,var(--magenta) 10%,var(--cartao));border:1px solid color-mix(in srgb,var(--magenta) 28%,transparent);border-top-right-radius:4px}
.ch-m-nota{justify-self:stretch;max-width:none;background:color-mix(in srgb,var(--amber) 10%,var(--cartao));border:1px dashed color-mix(in srgb,var(--amber) 70%,transparent)}
.ch-m-lig{justify-self:stretch;max-width:none;background:color-mix(in srgb,var(--texto) 5%,transparent);border:1px solid var(--borda)}
.ch-anxs{display:flex;gap:6px;flex-wrap:wrap}
.ch-anx{display:grid;gap:3px;border:1px solid var(--borda);border-radius:9px;overflow:hidden;background:var(--cartao);font-size:11.5px;color:var(--texto-2);max-width:150px}
.ch-anx img{width:150px;height:96px;object-fit:cover;display:block}
.ch-anx span{padding:3px 7px 5px;overflow-wrap:anywhere} /* v0.9.39 — nome do arquivo inteiro */
.ch-anx>.ch-i{margin:10px 7px 0;width:20px;height:20px}
.ch-resp{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--borda)}
.ch-resp textarea,.ch-novo-form textarea,.painel textarea{width:100%;min-height:96px;padding:10px 12px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14.5px;resize:vertical}
.ch-tipos{display:flex;gap:6px;flex-wrap:wrap}
.ch-tipos input,.ch-opcoes input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ch-tipos label{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--borda-forte);font-size:13px;font-weight:600;color:var(--texto-2);cursor:pointer}
.ch-tipos input:checked+label{background:var(--texto);border-color:var(--texto);color:var(--fundo)}
.ch-tipos input:focus-visible+label,.ch-opcoes input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.ch-resp-pe{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ch-resp-pe>.acao:last-child{margin-left:auto}
.ch-arq-input{position:absolute;opacity:0;width:1px;height:1px}
.ch-dica-tipo{flex:1;min-width:180px;font-size:12px;color:var(--texto-3);line-height:1.45}
.ch-dica-tipo .d-nota,.ch-dica-tipo .d-lig{display:none}
.ch-resp:has(#t-nota:checked) .d-resp,.ch-resp:has(#t-lig:checked) .d-resp{display:none}
.ch-resp:has(#t-nota:checked) .d-nota,.ch-resp:has(#t-lig:checked) .d-lig{display:inline}
.ch-resp:has(#t-nota:checked) textarea{border-style:dashed;border-color:color-mix(in srgb,var(--amber) 70%,transparent)}
.ch-arq-nomes{display:block;color:var(--texto-2)}
/* v0.9.61 — caixa de anexar com miniaturas (anexar, colar Ctrl+V, arrastar) — a mesma mecânica da página do cliente */
.ch-anexar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-top:8px;font-size:12.5px}
.ch-anexar .ch-arq-nomes{display:inline}
.ch-anexar .ch-arq-nomes.aviso{color:var(--erro,#b42318);font-weight:600}
.ch-anexar .miniaturas{display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%}
.ch-anexar .miniaturas:empty{display:none}
.ch-anexar .mini{position:relative;width:76px;height:76px;border:1px solid var(--borda);border-radius:8px;overflow:hidden;background:var(--cartao);display:grid;place-items:center;font-size:11px;line-height:1.3;color:var(--texto-2);text-align:center;padding:4px;word-break:break-all}
.ch-anexar .mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ch-anexar .mini button{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(14,17,22,.82);color:#fff;font-size:15px;line-height:24px;cursor:pointer;padding:0}
form.soltando{outline:2px dashed var(--accent);outline-offset:6px;border-radius:12px}
.ch-rel-anexos{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.ch-rel-anexo{position:relative}
.ch-rel-anexo-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(14,17,22,.82);color:#fff;font-size:15px;line-height:24px;cursor:pointer;padding:0}
/* v0.9.61 — quem acompanha o chamado (bloco Cliente) e "avisar também" (novo chamado) */
.ch-acomp{display:grid;gap:4px}
.ch-acomp-um{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:6px}
.ch-acomp-um small{grid-column:1/-1;color:var(--texto-2)}
.ch-acomp-nada{color:var(--texto-2)}
.ch-acomp-x{border:0;background:none;color:var(--texto-3);font-size:16px;line-height:1;cursor:pointer;padding:0 4px}
.ch-acomp-x:hover{color:var(--erro,#b42318)}
.ch-acomp-erro{display:block;color:var(--erro,#b42318);font-weight:600}
.ch-avisar{margin-top:12px} /* v0.9.62 — "avisar também" é um menu com busca numa linha */
/* v0.9.62 — diretor(a) da empresa (cadastro › pessoas) */
.ch-diretor{border:1.5px solid var(--borda-forte);border-radius:12px;padding:10px 12px;margin:0 0 14px;background:var(--superficie)}
.ch-diretor.tem{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--superficie))}
.ch-diretor-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.ch-diretor-form .ch-campo{flex:1;min-width:260px}
.ch-diretor-form .ch-campo>span small{font-weight:500;color:var(--texto-3);margin-left:4px}
.ch-tag-diretor{color:var(--accent)}
.ch-avisar>span small{font-weight:500;color:var(--texto-3);margin-left:4px}
.ch-kv{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;align-items:start;font-size:14px}
.ch-kv.dois{grid-template-columns:auto minmax(0,1fr)}
.ch-kv .k{font-size:12px;color:var(--texto-3);padding-top:3px;white-space:nowrap}
.ch-kv .v{font-weight:600;min-width:0}
.ch-kv .v small,.ch-kv .v .dica{display:block;font-weight:400;font-size:12px;color:var(--texto-3);margin-top:2px}
.ch-kv .v a{color:inherit;text-decoration:underline;text-decoration-color:var(--borda-forte);text-underline-offset:3px}
.ch-troca>summary{list-style:none;cursor:pointer;color:var(--accent);font-size:12.5px;font-weight:700;white-space:nowrap;padding-top:2px}
html[data-tema="claro"] .ch-troca>summary{color:#0e7490}
.ch-troca>summary::-webkit-details-marker{display:none}
.ch-kv>.ch-troca[open]{grid-column:1/-1}
.ch-troca form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.ch-troca form select,.ch-troca form input[type=text],.ch-troca form .esc{flex:1;min-width:160px}
/* v0.9.62 — menu com busca (escolha.css) nas cores da Central */
.esc{--esc-borda:var(--borda-forte);--esc-fundo:var(--cartao);--esc-texto:var(--texto);--esc-texto2:var(--texto-2);--esc-acento:var(--accent);--esc-marca:var(--accent)}
.ch-campo .esc{width:100%}
.ch-form-emp .esc{width:auto;min-width:260px;max-width:100%}
@media (max-width:700px){.ch-form-emp .esc{width:100%}}
.ch-troca-larga{margin-top:10px}
.ch-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;font-weight:500;color:var(--texto-2);width:100%;cursor:pointer}
.ch-check input{margin-top:3px;accent-color:var(--accent)}
.ch-warn{display:inline-block;font-size:11.5px;font-weight:700;color:#9a4b00;background:color-mix(in srgb,var(--amber) 18%,transparent);border-radius:6px;padding:1px 7px;margin-top:3px}
html[data-tema="escuro"] .ch-warn{color:var(--amber)}
.ch-alerta-bloco{display:flex;gap:8px;align-items:flex-start;font-size:13px;background:color-mix(in srgb,var(--amber) 13%,var(--cartao));border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);border-radius:10px;padding:8px 10px;margin:10px 0 0}
.ch-alerta-bloco .ch-i{color:var(--amber);margin-top:2px}
.ch-link-btn{font-size:12.5px;font-weight:700;color:var(--accent)}
html[data-tema="claro"] .ch-link-btn{color:#0e7490}
.ch-linha-bt{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ch-linha-bt .form-inline{display:inline-flex}
.ch-empilha{flex-direction:column;align-items:stretch;gap:6px} /* v0.9.44 — níveis um embaixo do outro */
.ch-empilha .form-inline{display:flex}
.ch-empilha .ch-nivel-bt{width:100%;justify-content:flex-start;min-height:34px}
.ch-nivel-bt{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:8px;border:1.5px solid color-mix(in srgb,var(--lv) 45%,transparent);color:var(--lvtx);font-family:var(--fonte-titulo);font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;background:transparent;opacity:.6}
html[data-tema="escuro"] .ch-nivel-bt{color:var(--lv)}
.ch-nivel-bt::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lv)}
.ch-nivel-bt.on{opacity:1;background:color-mix(in srgb,var(--lv) 16%,transparent);border-color:var(--lv)}
button.ch-nivel-bt:hover{opacity:1}
.ch-quem-bt{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px 0 6px;border-radius:999px;border:1px solid var(--borda-forte);font-size:13px;font-weight:600;color:var(--texto-2);background:transparent}
.ch-quem-bt:not(:has(.ch-av-mini)){padding:0 12px}
.ch-quem-bt.on{color:var(--texto);border-color:color-mix(in srgb,var(--tar-azul) 65%,transparent);background:color-mix(in srgb,var(--tar-azul) 15%,transparent)}
button.ch-quem-bt:hover{border-color:var(--texto-3);color:var(--texto)}
.ch-av-mini{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--texto) 14%,transparent);font-size:10px;font-weight:700}
.ch-quem-bt.on .ch-av-mini{background:var(--tar-azul);color:#fff}
.ch-sit-form{display:grid;gap:6px} /* v0.9.44 — caixa na largura toda; Salvar e a dica embaixo */
.ch-sit-form input{width:100%}
.ch-sit-rodape{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ch-kv .v .ch-sit-rodape .dica{display:inline;margin:0}
.ch-kv .k-cheio,.ch-kv .v-cheio{grid-column:1/-1}
.ch-kv .v-cheio{margin-top:-8px}
/* v0.9.44 — botão da data: largura toda, rótulo + data por extenso + seta (pedido do Hudson) */
.ch-data-bt{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;border-radius:10px;border:1.5px solid var(--borda-forte);background:var(--superficie);color:var(--texto);text-align:left;cursor:default}
.ch-data-bt .ch-i{color:var(--lv);flex:none}
.ch-data-bt b{font-family:var(--fonte-titulo);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ch-data-bt small{font-size:12.5px;font-weight:500;color:var(--texto-3);min-width:0}
.ch-data-bt em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--lvtx);background:color-mix(in srgb,var(--lv) 14%,transparent);border-radius:6px;padding:1px 6px}
.ch-data-bt.atrasado{border-style:dashed;border-color:color-mix(in srgb,var(--lv) 70%,transparent)}
.ch-data-seta{margin-left:auto;width:8px;height:8px;flex:none;border-right:2px solid var(--texto-3);border-bottom:2px solid var(--texto-3);transform:rotate(45deg) translate(-2px,-2px)}
summary.ch-data-bt{cursor:pointer;list-style:none}
summary.ch-data-bt::-webkit-details-marker{display:none}
summary.ch-data-bt:hover{border-color:var(--accent)}
.ch-pop-data[open]>summary.ch-data-bt{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.ch-pop-data .ch-pop-corpo{left:0;right:0;min-width:0}
.ch-abas-hist{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.ch-abas-hist a{font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid var(--borda);color:var(--texto-2)}
.ch-abas-hist a.on{color:var(--texto);border-color:var(--texto-2);background:color-mix(in srgb,var(--texto) 7%,transparent)}
.ch-abas-hist small{font-family:var(--fonte-mono);font-size:10.5px;color:var(--texto-3)}
.ch-resumo{font-size:13px;background:color-mix(in srgb,var(--texto) 5%,transparent);border-radius:10px;padding:8px 10px;margin:0 0 6px}
.ch-hist{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--borda);font-size:13.5px}
.ch-hist .mono{font-family:var(--fonte-mono);font-size:11.5px;color:var(--texto-3);padding-top:2px}
.ch-hist em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--texto-2);background:color-mix(in srgb,var(--texto) 8%,transparent);border-radius:4px;padding:1px 6px;margin-left:4px}
.ch-hist small{display:block;font-size:11.5px;color:var(--texto-3)}
.ch-hist:hover span:last-child{color:var(--texto)}
/* registrar chamado */
.ch-novo-emp{max-width:none}
.ch-linha-campos{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.ch-linha-campos select{min-width:240px}
.ch-campo{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--texto-2);min-width:0}
.ch-campo>span{font-size:11.5px;letter-spacing:.03em}
.ch-opcoes{display:flex;gap:8px;flex-wrap:wrap}
.ch-opcoes label{display:grid;gap:1px;min-height:40px;align-content:center;padding:6px 13px;border-radius:12px;border:1.5px solid var(--borda-forte);font-size:13.5px;font-weight:600;color:var(--texto);cursor:pointer;background:var(--superficie)}
.ch-opcoes label small{font-weight:500;font-size:11.5px;color:var(--texto-3)}
.ch-opcoes input:checked+label{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--superficie));box-shadow:inset 0 0 0 1px var(--accent)}
.ch-opcoes.compacto label{display:flex;align-items:center;min-height:34px;padding:4px 12px;border-radius:999px;font-size:13px}
.ch-opcoes.compacto input[type=checkbox]:checked+label::before{content:"✓";margin-right:5px;color:var(--accent)} /* v0.9.63 — múltipla escolha: o ✓ deixa claro que dá para marcar mais de um */
.ch-opcoes.niveis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ch-opcoes.niveis label{border-left:5px solid var(--lv)}
.ch-opcoes.niveis label b{font-family:var(--fonte-titulo);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--lvtx)}
html[data-tema="escuro"] .ch-opcoes.niveis label b{color:var(--lv)}
.ch-opcoes.niveis input:checked+label{border-color:var(--lv);box-shadow:inset 0 0 0 1px var(--lv);background:color-mix(in srgb,var(--lv) 12%,var(--superficie))}
/* cadastro das empresas */
.ch-tabela-wrap{overflow-x:auto}
.ch-tabela{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.ch-tabela th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3);font-weight:700;padding:6px 10px;border-bottom:1px solid var(--borda)}
.ch-tabela td{padding:10px;border-bottom:1px solid var(--borda);vertical-align:middle}
.ch-tabela td small{display:block;font-size:12px;color:var(--texto-3)}
.ch-grade-cad{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin:0 0 14px}
@media (max-width:960px){.ch-grade-cad{grid-template-columns:1fr}}
.ch-grade-cad .painel{margin:0}
#pessoas,#computadores,#importar{margin:0 0 14px}
.ch-form-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 12px;align-items:end}
.ch-campo.largo{grid-column:span 2}
@media (max-width:560px){.ch-campo.largo{grid-column:auto}}
.ch-form-pe{grid-column:1/-1;display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;margin-top:4px}
.ch-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ch-chip-ed>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--borda-forte);font-size:13px;font-weight:600}
.ch-chip-ed>summary::-webkit-details-marker{display:none}
.ch-chip-ed.inativo>summary{opacity:.55;text-decoration:line-through}
.ch-chip-ed[open]{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ch-pessoa{border-top:1px solid var(--borda);padding:10px 0}
.ch-pessoa:first-of-type{border-top:0}
.ch-pessoa-linha{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr) 250px;gap:6px 14px;align-items:center;font-size:14px}
@media (max-width:860px){.ch-pessoa-linha{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ch-pessoa-acoes{grid-column:1/-1}}
.ch-pessoa-linha small{display:block;font-size:12px;color:var(--texto-3)}
.ch-pessoa-nome em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--texto-2);background:color-mix(in srgb,var(--texto) 8%,transparent);border-radius:4px;padding:1px 6px;margin-left:4px}
.ch-pessoa-pc{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ch-pessoa-pc small{flex-basis:100%;color:var(--texto-3);font-size:12px} /* v0.9.309 — "também: …" */
.ch-tambem{display:block;border:1px dashed var(--borda-forte);border-radius:10px;padding:8px 10px}.ch-tambem>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--texto-2)}
.ch-tambem-lista{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 4px}
.ch-pessoa-acoes{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ch-pessoa .ch-troca{margin-top:4px}
.ch-novo>summary,.ch-inativos>summary{list-style:none;cursor:pointer;display:inline-flex;margin-top:10px;font-size:13px;font-weight:700;color:var(--accent)}
html[data-tema="claro"] .ch-novo>summary{color:#0e7490}
.ch-inativos>summary{color:var(--texto-3)}
.ch-novo>summary::-webkit-details-marker,.ch-inativos>summary::-webkit-details-marker{display:none}
.ch-novo[open]>form{margin-top:10px;padding:12px;border:1px dashed var(--borda-forte);border-radius:12px}
.ch-inativo-linha{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--borda);font-size:13.5px}
.ch-inativo-linha small{color:var(--texto-3)}
.ch-dash .linha{gap:10px}

/* ===== v0.9.35 — Acesso por módulo (prefixo ac-): ficha do funcionário, novo funcionário e modelos ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ac-grade{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;margin-bottom:18px}
.ac-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.ac-col>.painel,.ac-grade>.painel{margin:0}
.ac-previa{position:sticky;top:84px}
@media (max-width:1100px){.ac-grade{grid-template-columns:minmax(0,1fr)}.ac-previa{position:static}}
.ac-form .campo input:disabled{opacity:.55}
.ac-nota{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--texto-3)}
.ac-nota-in{font-size:12.5px;font-weight:400;color:var(--texto-3)}
.ac-ativo{margin-top:6px}
.ac-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:12px}
.ac-topo h2{margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13.5px;color:var(--texto)}
.ac-sub{font-size:12.5px;color:var(--texto-3)}
.ac-modelos{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ac-modelos legend{padding:0;margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--texto-2)}
.ac-modelos input,.ac-niveis input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.ac-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--borda-forte);font-weight:600;font-size:13.5px;color:var(--texto-2);cursor:pointer}
.ac-chip:hover{color:var(--texto)}
.ac-chip-dono{border-style:dashed}
.ac-modelos input:checked+.ac-chip{color:var(--texto);background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
.ac-modelos input:focus-visible+.ac-chip,.ac-niveis input:focus-visible+.ac-nv{outline:2px solid var(--accent);outline-offset:2px}
.ac-ajuste{margin:8px 0 12px;min-height:1em;font-size:13px;color:var(--texto-3)}
.ac-ajuste.ajustado{color:#b45309}
html[data-tema="escuro"] .ac-ajuste.ajustado{color:#f6c46a}
.ac-total{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:13.5px;background:color-mix(in srgb,var(--magenta) 10%,transparent);border:1px solid color-mix(in srgb,var(--magenta) 30%,transparent)}
.ac-linhas{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:12px}
.ac-linhas[disabled]{opacity:.5}
.ac-linhas[disabled] .ac-nv,.ac-linhas[disabled] .ac-extra{cursor:not-allowed}
.ac-linha{border:1px solid var(--borda);border-left:4px solid var(--ac);border-radius:var(--raio);padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--ac) 6%,var(--cartao))}
html[data-tema="escuro"] .ac-linha{background:color-mix(in srgb,var(--ac) 9%,var(--cartao))}
.ac-linha.bloq,html[data-tema="escuro"] .ac-linha.bloq{background:var(--cartao);border-left-color:color-mix(in srgb,var(--ac) 30%,var(--borda-forte))}
.ac-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.ac-tit{flex:1 1 260px;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.ac-tit h3{margin:0;font-family:var(--fonte-titulo);font-weight:700;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ac-tx,var(--ac))}
html[data-tema="escuro"] .ac-tit h3{color:var(--ac)}
.ac-linha.bloq .ac-tit h3{color:var(--texto-3)}
.ac-onde{font-size:11.5px;color:var(--texto-3)}
.ac-selo{padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--texto);background:color-mix(in srgb,var(--ac) 22%,transparent)}
.ac-linha.bloq .ac-selo{color:var(--texto-2);background:color-mix(in srgb,var(--texto) 7%,transparent)}
.ac-desc{flex-basis:100%;margin:2px 0 0;font-size:13.5px;color:var(--texto-2)}
.ac-niveis{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie)}
.ac-nv{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:9px;border:1px solid transparent;font-weight:600;font-size:13.5px;color:var(--texto-2);cursor:pointer}
.ac-nv:hover{color:var(--texto)}
.ac-nv svg{flex:0 0 auto}
.ac-niveis input:checked+.ac-nv{color:var(--texto);background:color-mix(in srgb,var(--ac) 24%,transparent);border-color:color-mix(in srgb,var(--ac) 70%,transparent)}
.ac-niveis input:checked+.ac-nv-bloq{background:color-mix(in srgb,var(--texto) 10%,transparent);border-color:color-mix(in srgb,var(--texto) 28%,transparent)}
.ac-dica{margin:0;font-size:12.5px;color:var(--texto-3)}
.ac-extras{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px dashed var(--borda-forte)}
.ac-extra{display:flex;align-items:flex-start;gap:10px;min-height:42px;padding:4px 0;cursor:pointer}
.ac-extra[hidden]{display:none}
.ac-extra input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--ac-tx,var(--ac))}
.ac-extra>span{display:flex;flex-direction:column}
.ac-extra b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;font-size:14px}
.ac-extra small{font-size:12.5px;color:var(--texto-3)}
.ac-cuidado{padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--amber) 24%,transparent)}
/* v0.9.41 — "O que aparece para ele": etiquetas de categoria e o grupo "No painel dele" */
.ac-cat{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.5;white-space:nowrap}
.ac-cat-financeiro{background:color-mix(in srgb,#e5484d 16%,transparent);color:#b4232a}
.ac-cat-cadastro{background:color-mix(in srgb,#3b82f6 16%,transparent);color:#1d4ed8}
.ac-cat-administrativo{background:color-mix(in srgb,#f5a623 24%,transparent);color:#9a5b00}
html[data-tema="escuro"] .ac-cat-financeiro{color:#ff8a8f}
html[data-tema="escuro"] .ac-cat-cadastro{color:#93b8ff}
html[data-tema="escuro"] .ac-cat-administrativo{color:#ffc664}
.ac-tit .ac-cat{margin-left:2px}
.ac-painel{margin-top:6px;padding:10px 12px 8px;border-radius:10px;background:color-mix(in srgb,var(--ac) 9%,transparent)}
.ac-painel[hidden]{display:none}
.ac-painel-tit{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-tx,var(--texto-2))}
.ac-painel-tit small{margin-left:6px;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--texto-3)}
.ac-painel-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 18px}
.ac-extra-p{min-height:36px}
.ac-extras:not(:has(>.ac-extra:not([hidden]),>.ac-painel:not([hidden]))){display:none} /* módulo bloqueado: sem a linha tracejada vazia */
.ac-extra-p b{font-size:13.5px}
.ac-extra-p small{font-size:12px}
.ac-outras .linha{border-top:1px solid var(--borda)}
.ac-salvar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}
.ac-previa h2{margin:0;font-family:var(--fonte-titulo);font-weight:700;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase}
.ac-previa>.ac-sub{display:block;margin:4px 0 12px}
.ac-pv-corpo{display:flex;flex-direction:column;gap:14px}
.ac-pv-barra{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--borda);background:var(--fundo)}
.ac-pv-logo{width:18px;height:18px;margin-right:2px}
.ac-pv-aba{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--texto-2)}
.ac-pv-aba i{width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:var(--ac)}
.ac-pv-aba.atual{color:var(--texto);background:color-mix(in srgb,var(--ac) 20%,transparent)}
.ac-pv-entra{margin:-6px 0 0;font-size:12.5px;color:var(--texto-2)}
.ac-pv-sec h3,.ac-pv-nao h3{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-3)}
.ac-pv-menu{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--borda)}
.ac-pv-menu span:first-child{flex:0 0 96px;font-size:12px;font-weight:600;color:var(--ac-tx,var(--ac))}
html[data-tema="escuro"] .ac-pv-menu span:first-child{color:var(--ac)}
.ac-pv-menu span:last-child{font-size:13px;min-width:0}
.ac-pv-ck{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px}
.ac-pv-ic{display:inline-flex;color:#4d7c0f}
html[data-tema="escuro"] .ac-pv-ic{color:var(--lime)}
.ac-pv-ck.nao{color:var(--texto-3);text-decoration:line-through}
.ac-pv-ck.nao .ac-pv-ic{color:var(--texto-3)}
.ac-pv-nao{border-left:3px solid var(--amber);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--amber) 8%,transparent)}
.ac-pv-nao h3{color:#b45309}
html[data-tema="escuro"] .ac-pv-nao h3{color:#f6c46a}
.ac-pv-nao p{margin:2px 0;font-size:13px}
.ac-func{flex-wrap:wrap}
.ac-func .texto-linha{flex:1 1 220px}
.ac-func-modelo{flex:0 0 150px;font-size:13px;color:var(--texto-2)}
.ac-ajustado{color:#b45309}
html[data-tema="escuro"] .ac-ajustado{color:#f6c46a}
.ac-resumo{flex:2 1 300px;display:flex;flex-wrap:wrap;gap:6px}
.ac-pilula{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--ac) 16%,transparent)}
.ac-pilula i{width:6px;height:6px;border-radius:2px;transform:rotate(45deg);background:var(--ac)}
.ac-pilula.vazio{background:color-mix(in srgb,var(--texto) 7%,transparent);color:var(--texto-2)}
.sem-link{color:inherit}
@media (max-width:560px){
  .ac-niveis{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%}
  .ac-nv{justify-content:center;text-align:center;padding:4px 6px;line-height:1.2;gap:4px}
  .ac-cab{gap:8px}
}
.ac-ativo>span{display:block}
.ac-soltas{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:13px;background:color-mix(in srgb,var(--amber) 12%,transparent);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent)}

/* v0.9.38 — Chamados: código para instalar nos computadores do cliente (Cadastro das empresas) */
.ch-instalar{margin:0 0 16px}
.ch-inst-linha{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.ch-inst-linha .dica{flex:1 1 320px;margin:0}
.ch-inst-codigo{display:grid;gap:2px;justify-items:start;padding:10px 16px;border:1.5px dashed var(--pc);border-radius:12px}
.ch-inst-codigo b{font-size:26px;letter-spacing:.12em;color:var(--texto)}
.ch-inst-codigo small{font-size:11.5px;color:var(--texto-3)}
.ch-inst-botoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* v0.9.39 — Chamados: cadastro feito pelo próprio usuário e a caixa dos assuntos */
.ch-tag-usuario{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-style:normal;font-size:11px;font-weight:700;background:color-mix(in srgb,#f5a623 22%,transparent);color:#9a5b00;border:1px solid color-mix(in srgb,#f5a623 55%,transparent);vertical-align:middle}
html[data-tema="escuro"] .ch-tag-usuario{color:#f7c66b}
.ch-assuntos-caixa{width:100%;font:14px/1.6 "JetBrains Mono",ui-monospace,monospace;padding:10px 12px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);resize:vertical}

/* v0.9.45 — Configurações: faixa de abas, uma por módulo (padrão do menu) */
.cfg-abas{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--borda)}
.cfg-abas a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:10px;font-weight:600;font-size:13.5px;color:var(--texto-2);border:1px solid var(--borda);text-decoration:none}
.cfg-abas a:hover{color:var(--texto);border-color:var(--borda-forte)}
.cfg-abas a[aria-current=page]{color:var(--texto);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}

/* v0.9.47 — lista de clientes: coluna "Chamados" com o botão do cadastro (pessoas e computadores) em destaque */
.cli-row.com-chamados{grid-template-columns:minmax(0,1.6fr) 150px 110px 160px 215px} /* v0.9.48 — largura fixa: cabeçalho e linhas batem */
.cli-cham-bt{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:9px;font-size:12.5px;font-weight:700;white-space:nowrap;color:#0e1116;background:rgba(40,200,220,.22);border:1.5px solid rgba(40,200,220,.75);text-decoration:none} /* v0.9.48 — ciano do logo com transparência, fonte preta */
.cli-cham-bt::before{content:"";width:7px;height:7px;border-radius:50%;background:#28c8dc}
.cli-cham-bt:hover{background:rgba(40,200,220,.36)}
html[data-tema="escuro"] .cli-cham-bt{color:#e8edf2}
@media(max-width:760px){.cli-row.com-chamados{grid-template-columns:1fr 1fr}.cli-cham{grid-column:1/-1}}

/* v0.9.47 — avaliação do atendimento (chamado, empresa e lista) */
.ch-qual-estrelas{color:var(--amber);letter-spacing:1px;white-space:nowrap}
.ch-qual-estrelas.grande{font-size:22px;letter-spacing:2px}
.ch-aval-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 4px;font-size:14px}
.ch-aval-coment{font-style:italic;color:var(--texto-2)}
.ch-qual{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 28px;align-items:center;margin:0 0 12px}
.ch-qual-nota{display:grid;justify-items:center;gap:2px;text-align:center}
.ch-qual-nota b{font-family:var(--fonte-titulo);font-size:34px;line-height:1}
.ch-qual-nota small{color:var(--texto-3);font-size:12px}
.ch-qual-dist{display:grid;gap:4px;max-width:420px}
.ch-qual-linha{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:8px;align-items:center;font-size:12px;color:var(--texto-2)}
.ch-qual-linha i{display:block;height:8px;border-radius:999px;background:color-mix(in srgb,var(--texto) 8%,transparent);overflow:hidden}
.ch-qual-linha i b{display:block;height:100%;background:var(--amber);border-radius:999px}
.ch-qual-linha small{text-align:right}
.ch-qual-ultimas{display:grid;gap:8px}
.ch-qual-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--texto) 4%,transparent);font-size:13.5px}
.ch-qual-item small{grid-column:1/-1;color:var(--texto-3);font-size:12px}
@media(max-width:700px){.ch-qual{grid-template-columns:1fr}}
.usuario-painel a.usuario-item{text-decoration:none} /* v0.9.48 — links no menu do avatar */

/* v0.9.49 — ficha do dispositivo (o que o Windows copia em Sobre) */
.ch-campo.ch-hw,.ch-troca form .ch-campo.ch-hw{grid-column:1/-1;flex:1 1 100%;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-self:stretch} /* largura toda (o formulário dentro de 'editar' é flex), uma coluna só */
.ch-hw>.ch-campo.largo{grid-column:1/-1;width:100%} /* o 'span 2' do campo largo criaria uma segunda coluna aqui dentro */
.ch-hw>span{font-size:12px;color:var(--texto-3);font-weight:600}.ch-hw>span small{font-weight:400}
.ch-hw-lista{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 14px;margin:0;font-size:13px;background:color-mix(in srgb,var(--texto) 4%,transparent);border-radius:10px;padding:10px 12px}
.ch-hw-lista dt{color:var(--texto-3);font-size:12px;padding-top:1px}.ch-hw-lista dd{margin:0;word-break:break-word}
/* v0.9.288 — agente nos computadores: selo "visto por último", avisos e o inventário (cores de situação, iguais em toda instalação) */
.ag-linha{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin:6px 0 2px}
.ag-chip{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;line-height:1.5}
.ag-chip.ok{color:#166534;background:color-mix(in srgb,#22c55e 18%,transparent)}
.ag-chip.ruim{color:#b42318;background:color-mix(in srgb,#ef4444 16%,transparent)}
.ag-chip.med{color:#9a4b00;background:color-mix(in srgb,var(--amber) 18%,transparent)}
.ag-chip.cinza{color:var(--texto-3);background:color-mix(in srgb,var(--texto) 7%,transparent)}
html[data-tema="escuro"] .ag-chip.ok{color:#86efac}html[data-tema="escuro"] .ag-chip.ruim{color:#fca5a5}html[data-tema="escuro"] .ag-chip.med{color:var(--amber)}
.ag-inv{margin:4px 0 6px;font-size:13px}.ag-inv>summary{cursor:pointer;color:var(--texto-2);font-weight:600}.ag-inv>summary small{font-weight:400;color:var(--texto-3)}
.ag-inv-corpo{display:flex;flex-direction:column;gap:8px;padding:8px 0 4px}.ag-inv h4{margin:4px 0 0;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-3)}
.ag-discos{display:flex;flex-direction:column;gap:6px}.ag-disco{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;align-items:center}
.ag-disco small,.ag-lista small{color:var(--texto-3)}
.ag-barra{height:8px;border-radius:6px;background:color-mix(in srgb,var(--texto) 9%,transparent);overflow:hidden}.ag-barra i{display:block;height:100%;background:#0e7490}
.ag-barra i.med{background:var(--amber)}.ag-barra i.ruim{background:#ef4444}
.ag-lista{margin:0;padding-left:18px}.ag-lista li{margin:1px 0;word-break:break-word}.ag-progs>summary{cursor:pointer;font-weight:600;color:var(--texto-2)}
.ag-progs .ag-lista{max-height:320px;overflow:auto;margin-top:6px}
.ag-lista li.ag-ruim{color:#b42318}.ag-lista li.ag-med{color:#b45309}html[data-tema="escuro"] .ag-lista li.ag-ruim{color:#f87171}html[data-tema="escuro"] .ag-lista li.ag-med{color:#fbbf24} /* v0.9.311 */
.ag-instalar{margin-top:12px;display:flex;flex-direction:column;gap:8px}
/* v0.9.304 — Instalar nos computadores em três blocos (atalho, agente recolhido com ícone, outros jeitos), pedido do Hudson */
.ch-inst-bloco{border:1px solid var(--borda);border-radius:12px;padding:12px 14px;margin-top:12px;background:var(--superficie)}
.ch-inst-bloco>.ch-inst-linha{margin-top:10px}
.ch-inst-tit{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:800;color:var(--texto)}
.ch-inst-tit>.ch-i{width:26px;height:26px;padding:5px;border-radius:8px;color:var(--pc);background:color-mix(in srgb,var(--pc) 14%,transparent);box-sizing:content-box}
.ch-inst-tit>span{flex:1;min-width:0}.ch-inst-tit small{display:block;font-weight:400;color:var(--texto-3);font-size:12.5px;margin-top:1px}
summary.ch-inst-tit{list-style:none;cursor:pointer}summary.ch-inst-tit::-webkit-details-marker{display:none}
summary.ch-inst-tit::after{content:"";width:9px;height:9px;border-right:2px solid var(--texto-3);border-bottom:2px solid var(--texto-3);transform:rotate(45deg);margin:0 6px 4px 4px;transition:transform .15s;flex:none}
details[open]>summary.ch-inst-tit::after{transform:rotate(-135deg);margin-bottom:-4px}
.ag-bloco>summary .ch-inst-tit,.ag-bloco>summary{font-size:18px}
.ag-estado{font-style:normal;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--borda);color:var(--texto-3);white-space:nowrap}.ag-estado.ok{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}
.ag-outros>summary{font-size:14px}.ag-outros>summary>.ch-i{width:20px;height:20px}
.ag-instalar code{word-break:break-all}
@media (max-width:560px){.ag-disco{grid-template-columns:1fr}}
/* v0.9.290 — agente, fase 2: gráfico dos discos (SVG da Central), linha do tempo dos avisos e os limites em ⚙ */
.ag-graf-caixa{max-width:640px}.ag-graf{display:block;width:100%;height:auto}
.ag-graf-grade{stroke:color-mix(in srgb,var(--texto) 12%,transparent);stroke-width:1}.ag-graf-limite{stroke:#ef4444;stroke-width:1;stroke-dasharray:4 3}
.ag-graf-txt{fill:var(--texto-3);font-size:10px}
.ag-graf-leg{display:flex;flex-wrap:wrap;gap:4px 14px;margin:2px 0 0;font-size:12px;color:var(--texto-3)}
.ag-graf-leg i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}.ag-graf-leg i.lim{background:#ef4444}
.ag-tempo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:260px;overflow:auto}
.ag-tempo li{border-left:3px solid var(--amber);padding:1px 0 1px 8px;word-break:break-word}.ag-tempo li.ruim{border-color:#ef4444}.ag-tempo li.ok{border-color:#22c55e;color:var(--texto-2)}
.ag-tempo small{color:var(--texto-3)}
.ag-cfg-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px}
.ag-cmd{display:block;margin:5px 0 2px;padding:7px 10px;border:1px solid var(--borda-forte);border-radius:8px;background:var(--superficie);color:var(--texto);font-size:12.5px;user-select:all} /* v0.9.295 — a linha do técnico */
.ag-passos ol{margin:4px 0 6px;padding-left:20px}.ag-passos li{margin:0 0 4px}
.ag-pasta{display:flex;align-items:center;gap:8px;margin:4px 0;flex-wrap:wrap}.ag-pasta code{padding:3px 8px;border:1px solid var(--borda-forte);border-radius:6px;background:var(--superficie)} /* v0.9.303 — as pastas da exceção do Avast/AVG */
.campo .ag-cfg-num{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;color:var(--texto-3)}.campo .ag-cfg-num input{width:96px;flex:0 0 96px}
.ch-hw-caixa{width:100%;min-height:84px;padding:9px 10px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font-size:12.5px;resize:vertical}
.ch-hw-resumo{display:block}
.ch-hw-v{font-weight:500;font-size:13px}

/* v0.9.51 — tela Chamados: "Na fila · Fechados" e a lista dos já atendidos */
.ch-ver{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--texto) 7%,transparent);margin:0 0 14px}
.ch-ver a{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--texto-2);text-decoration:none}
.ch-ver a small{font-family:var(--fonte-mono);font-size:11px;font-weight:400;color:var(--texto-3)}
.ch-ver a:hover{color:var(--texto)}
.ch-ver a.on{background:var(--cartao);color:var(--texto);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.ch-ver a.on small{color:var(--texto-2)}
.ch-form-emp .ch-busca{height:38px;min-width:280px;padding:0 12px;border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13.5px}
@media (max-width:700px){.ch-form-emp .ch-busca{min-width:0;width:100%}}
.ch-fechados{padding:6px 14px 12px}
.ch-tab-fechados{min-width:760px}
.ch-tab-fechados td{vertical-align:top}
.ch-tab-fechados td b{font-weight:600}
.ch-tab-fechados td.ch-fc-ch a{display:grid;gap:3px;text-decoration:none;color:var(--texto)}
.ch-tab-fechados td.ch-fc-ch a b{font-size:14.5px;font-weight:700;line-height:1.3}
.ch-tab-fechados td.ch-fc-ch a:hover b{text-decoration:underline}
.ch-fc-num{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--texto-3)}
.ch-fc-num .mono{font-family:var(--fonte-mono);font-size:11.5px;color:var(--texto-2)}
.ch-fc-nivel{width:8px;height:8px;border-radius:50%;background:var(--lv,var(--texto-3))}
.ch-tab-fechados .ch-avs,.ch-tab-fechados .ch-sem-resp{margin-left:0}
.ch-tab-fechados .ch-qual-estrelas{font-size:14px}
.ch-tab-fechados th{white-space:nowrap}
.ch-fc-aval{min-width:180px;max-width:300px}
.ch-fc-coment{white-space:normal}
.ch-pag{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 0 0;font-size:13px;color:var(--texto-2)}
.ch-pag nav{display:flex;align-items:center;gap:10px}
.ch-pag .mono{font-family:var(--fonte-mono);font-size:12px;color:var(--texto-3)}
/* v0.9.266 — Histórico importado (chamados antigos do Milvus) */
.ch-hist-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}
.ch-hist-grade .painel{margin:0}
.ch-hist-ligar summary{list-style:none;cursor:pointer}
.ch-hist-ligar summary::-webkit-details-marker{display:none}
.ch-hist-ligar[open] form{margin-top:8px}
.ch-hist-texto{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.ch-hist-msg{border-left:3px solid var(--borda);padding:4px 0 4px 12px;margin:0 0 12px}
.ch-hist-msg small{display:block;color:var(--texto-3);margin-bottom:4px}
.ch-hist-dados{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}
.ch-hist-dados dt{color:var(--texto-3)}
.ch-hist-dados dd{margin:0;overflow-wrap:anywhere}
.ch-hist-aberto{background:rgba(245,166,35,.18);color:var(--amber)} /* v0.9.267 — veio aberto do Milvus */
@media (max-width:700px){ /* no celular a lista dos fechados vira cartões empilhados, sem rolagem lateral */
  .ch-tab-fechados{min-width:0}
  .ch-tab-fechados thead{display:none}
  .ch-tab-fechados tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--borda)}
  .ch-tab-fechados tr:last-child{border-bottom:0}
  .ch-tab-fechados td{display:block;padding:0;border:0}
  .ch-tab-fechados td.ch-fc-ch,.ch-tab-fechados td.ch-fc-aval{grid-column:1/-1;min-width:0;max-width:none}
  .ch-tab-fechados td.ch-nw{white-space:normal}
}
/* v0.9.52 — Finalizados: resolvidos aguardando o cliente confirmar vêm primeiro, com a etiqueta */
.ch-fin-aviso{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px;font-size:13px;color:var(--texto-2)}
.ch-fin-aviso b{color:var(--texto)}
.ch-tab-fechados tr.ch-fin-aguarda td{background:color-mix(in srgb,var(--lime) 9%,transparent)}
.ch-tab-fechados tr.ch-fin-aguarda td:first-child{box-shadow:inset 3px 0 0 var(--lime)}
.ch-tab-fechados td .ch-st{margin-bottom:3px}
@media (max-width:700px){.ch-tab-fechados tr.ch-fin-aguarda td .ch-st{white-space:normal;line-height:1.25;padding:3px 9px}} /* no celular o selo "Resolvido · cliente confirma" pode quebrar */
@media (max-width:700px){ /* no cartão empilhado a faixa verde é do cartão inteiro, não de cada célula */
  .ch-tab-fechados tr.ch-fin-aguarda{background:color-mix(in srgb,var(--lime) 9%,transparent);box-shadow:inset 3px 0 0 var(--lime);padding-left:10px;border-radius:8px}
  .ch-tab-fechados tr.ch-fin-aguarda td{background:none}
  .ch-tab-fechados tr.ch-fin-aguarda td:first-child{box-shadow:none}
}
/* v0.9.53 — Configurações › Chamados: endereço do painel da TV */
.ch-tv-url{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}
.ch-tv-url a.mono{font-family:var(--fonte-mono);font-size:13px;word-break:break-all;background:color-mix(in srgb,var(--texto) 5%,transparent);border-radius:8px;padding:6px 10px}
/* v0.9.56 — ficha do cliente com uma aba por módulo */
.cli-abas{margin:4px 0 16px}
.cli-abas .aba{gap:7px}
.cli-abas .aba-n{font-family:var(--fonte-mono);font-size:11.5px;font-weight:700;min-width:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--texto) 9%,transparent);color:var(--texto-2);text-align:center;line-height:20px}
.cli-abas .aba.ativa .aba-n{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--texto)}
.secao-modulo+.ch-grade-cad,.secao-modulo+section{margin-top:14px}
/* v0.9.57 — cadastro da empresa: parte sem o interruptor fino fica só leitura (o servidor também recusa o salvar) */
.ch-ro form,.ch-ro details.ch-troca,.ch-ro details.ch-novo,.ch-ro .ch-inst-botoes,.ch-ro .ch-inst-linha form,.ch-ro .ch-novo-setor,.ch-ro .ch-chip-ed form{display:none!important}
.ch-ro details.ch-chip-ed>summary{cursor:default;pointer-events:none}
.ch-so-leitura{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--amber,#f5a623) 14%,transparent);color:var(--texto-2)}
/* v0.9.57 — interruptores dependentes (os finos do cadastro) recuados sob o pai */
.ac-extra.ac-extra-dep{margin-left:26px}
/* v0.9.66 — faixa da instalação de teste (dados/config.php 'teste' => true): impossível confundir com a produção */
.faixa-teste{background:repeating-linear-gradient(135deg,#f6b73c 0 14px,#f2a516 14px 28px);color:#1a1d21;font:700 12px/1.2 var(--fonte-corpo,sans-serif);letter-spacing:.04em;text-align:center;padding:7px 12px}
/* ===== v0.9.73 — ⚙ Configurações num lugar só (esboço aprovado em 21/10/2026) ===== */
.engrenagem{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#e8edf2;flex:0 0 auto}
.engrenagem:hover,.engrenagem[aria-current]{background:rgba(255,255,255,.10)}
.engrenagem svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.cfg-topo{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--borda)}
.cfg-titulo{display:flex;align-items:center;gap:10px;font:700 15px/1.2 var(--fonte-titulo);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2)}
.cfg-titulo svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8}
.cfg-busca{flex:1;min-width:200px;max-width:440px;position:relative;display:block}
.cfg-busca svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--texto-3);stroke-width:2;pointer-events:none}
.cfg-busca input{width:100%;padding:10px 12px 10px 36px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px}
.cfg-sair{margin-left:auto}
.modo-config .menu .item{align-items:center}
.menu .cfg-ic{width:22px;flex:0 0 auto;text-align:center;font-size:15px}
.menu .cfg-rot{display:flex;flex-direction:column;min-width:0}
.menu .cfg-achou{font-size:11.5px;color:var(--texto-3);line-height:1.25}
.menu .cfg-achou:empty{display:none}
.menu .cfg-voltar{color:var(--texto-2);margin-bottom:6px}
.cfg-nada{font-size:13px;color:var(--texto-3);padding:8px 10px;margin:0}
.modo-config .menu{border-right-color:color-mix(in srgb,var(--accent) 35%,var(--borda))}
.conta-temas{display:flex;flex-wrap:wrap;gap:10px}
.conta-temas .escolhido{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:600}
@media (max-width:640px){.cfg-sair{margin-left:0}}
/* v0.9.78 — ⚙ Configurações › Empresa › Marca: o logo atual e onde ele aparece */
.marca-cfg{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:16px}
.marca-atual{aspect-ratio:1;max-width:150px;border:2px dashed var(--borda-forte);border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--superficie)}
.marca-atual img{width:72%;height:auto}
.marca-previas{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.marca-previa{border:1px solid var(--borda);border-radius:12px;padding:10px;background:var(--superficie);display:grid;gap:8px;justify-items:start;font-size:12px;color:var(--texto-3)}
.marca-previa .mp-aba{display:flex;align-items:center;gap:6px;background:var(--cartao);border:1px solid var(--borda);border-radius:8px 8px 0 0;padding:5px 9px;color:var(--texto);font-size:12px;max-width:100%;overflow:hidden;white-space:nowrap}
.marca-previa .mp-aba img{width:14px;height:14px}
.marca-previa .mp-topo{display:flex;align-items:center;gap:8px;background:var(--grafite);color:#e8edf2;border-radius:8px;padding:7px 10px;font:700 12px var(--fonte-titulo);letter-spacing:.06em}
.marca-previa .mp-topo img{width:22px;height:22px}
.marca-previa .mp-cel{width:52px;height:52px;border-radius:13px;overflow:hidden;background:#fff}
.marca-previa .mp-cel img{width:100%;height:100%}
.marca-previa .mp-doc{width:100%;background:#fff;color:#1a1d21;border-radius:6px;padding:8px;display:grid;grid-template-columns:24px 1fr;gap:4px 8px;align-items:center;font:700 10.5px/1.2 var(--fonte-titulo)}
.marca-previa .mp-doc img{width:24px;grid-row:span 2}
.marca-previa .mp-doc i{display:block;height:3px;border-radius:2px;background:linear-gradient(90deg,#28c8dc 0 34%,#9fe000 34% 67%,#e0359c 67%)}
@media (max-width:640px){.marca-cfg{grid-template-columns:1fr}}
/* v0.9.79 — Configurações › Marca › Cores e Documentos e numeração (entrega 1c) */
.cfg-cores{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:6px}
.cfg-cores label{display:grid;gap:6px;font-size:12.5px;color:var(--texto-2)}
.cfg-cores input[type=color]{width:72px;height:42px;border:1px solid var(--borda-forte);border-radius:10px;background:var(--superficie);padding:3px;cursor:pointer}
.cfg-amostras{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}
.cfg-amostras i{width:12px;height:12px;border-radius:3px;display:inline-block}
.cfg-sub{font:600 14px var(--fonte-titulo);margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--borda)}
.cfg-sub small{display:block;font:400 12px var(--fonte-corpo);color:var(--texto-3);margin-top:3px}
/* v0.9.84 — Dashboard do mundo = painel do módulo (o desenho do painel está em painel.css) */
.pm-dash-acoes{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin:-6px 0 14px}
.pm-dash-vivo{margin-right:auto;font-size:12.5px;color:var(--texto-3)}
.pm-dash-vivo.falha{color:#ff7a7c}
/* v0.9.84 — Configurações › Painel (TV e Dashboard) */
.pm-cfg-opcoes{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.pm-cfg-opc{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--borda-forte);border-radius:10px;padding:8px 12px;font-weight:600}
.pm-cfg-links{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;font-size:13px}
.pm-cfg-links span{color:var(--texto-2)}.pm-cfg-links a{word-break:break-all;font-family:var(--fonte-mono)}
.pm-cfg-abas{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.pm-cfg-abas a{border:1px solid var(--borda-forte);border-radius:999px;padding:6px 14px;font-weight:600;color:var(--texto-2);text-decoration:none}
.pm-cfg-abas a.ativo{background:var(--accent,#2fd4ee);border-color:transparent;color:#10141a}
.pm-cfg-blocos{display:flex;flex-direction:column;gap:8px}
.pm-cfg-bloco{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;border:1px solid var(--borda-forte);border-radius:10px;padding:10px 12px;background:var(--superficie)}
.pm-cfg-bloco input[type=checkbox]{width:18px;height:18px}
.pm-cfg-txt b{display:block}.pm-cfg-txt small{color:var(--texto-2)}
.pm-cfg-chips{grid-column:2/3;display:flex;gap:6px;flex-wrap:wrap}
.pm-cfg-chips label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;border:1px solid var(--borda-forte);border-radius:999px;padding:3px 10px}
.pm-cfg-ord{display:flex;gap:4px;grid-column:3;grid-row:1}
.pm-rel-tabela{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 150px 150px;gap:8px 12px;align-items:center;font-size:14px}
.pm-rel-tabela .th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3);font-weight:700}
.pm-rel-tabela span{color:var(--texto-2)}
.pm-rel-tabela .camp{display:flex;gap:6px;align-items:center}
.pm-rel-tabela input{width:70px}
.pm-rel-pt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
@media (max-width:720px){.pm-rel-tabela{grid-template-columns:1fr 1fr}.pm-rel-tabela .th:nth-child(2),.pm-rel-tabela .so-largo{display:none}}

/* v0.9.88 — acesso da TI Solução (ti-solucao.php): a assinatura discreta do rodapé, o painel da TI no cliente,
   Acessos da TI Solução e Clientes da plataforma. O cubo é a marca da TI Solução, igual em todas as instalações. */
.ti-assinatura{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:var(--texto-3);text-decoration:none;border-radius:6px;padding:1px 4px;transition:color .2s,background .2s}
.ti-assinatura:hover,.ti-assinatura:focus-visible{color:var(--texto);background:color-mix(in srgb,var(--ciano) 12%,transparent)}
.ti-assinatura img{width:16px;height:16px;border-radius:3px} /* v0.9.93 — o cubo fica sempre colorido, como no esboço; só o texto é discreto */
.menu-rodape .ti-assinatura{margin:6px 0 0 -4px;display:flex;width:fit-content}
.coluna-solta.larga{max-width:920px}
.ti-voltar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;margin:-4px 0 -4px}
.ti-voltar a{color:var(--texto-2);text-decoration:none;border-radius:6px;padding:2px 4px}
.ti-voltar a:hover,.ti-voltar a:focus-visible{color:var(--texto);background:color-mix(in srgb,var(--ciano) 12%,transparent)}
.ti-painel{background:var(--cartao);border:1px solid var(--borda);border-top:4px solid var(--ciano);border-radius:var(--raio);padding:22px 24px;display:flex;flex-direction:column;gap:16px;text-align:left}
.ti-painel h2{margin:6px 0 0;font:600 17px var(--fonte-titulo)}
.ti-cab{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ti-marca{display:flex;align-items:center;gap:10px;font:700 19px var(--fonte-titulo)}
.ti-marca img{border-radius:6px}
.ti-selo{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;border:1px solid var(--ciano);color:var(--ciano)}
.ti-quem{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--texto-2)}
.ti-aviso{border:1px solid color-mix(in srgb,var(--lime) 50%,transparent);background:color-mix(in srgb,var(--lime) 8%,transparent);border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:12px}
.ti-aviso.erro{border-color:color-mix(in srgb,var(--amber) 60%,transparent);background:color-mix(in srgb,var(--amber) 10%,transparent)}
.ti-resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.ti-resumo>div{background:var(--superficie);border:1px solid var(--borda);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.ti-resumo small{color:var(--texto-2);font-size:12.5px} .ti-resumo small.mono{font-size:11px;overflow-wrap:anywhere} /* v0.9.199 — o comando do cron */
.ti-resumo b{font:700 18px var(--fonte-titulo)}
.ti-resumo b.ok{color:var(--lime)} .ti-resumo b.ruim{color:var(--amber)}
.ti-falhas{margin:0;padding-left:20px;color:var(--amber);font-size:13.5px}
.ti-nota{margin:0;color:var(--texto-2);font-size:13.5px}
.ti-mods{display:flex;flex-direction:column;gap:8px}
.ti-mod{display:flex;gap:14px;align-items:center;background:var(--superficie);border:1px solid var(--borda);border-radius:12px;padding:12px 14px}
.ti-mod .ic{font-size:22px;width:30px;text-align:center;flex:none}
.ti-mod .txt{flex:1;min-width:0}
.ti-mod .txt b{display:block;font-size:15px}
.ti-mod .txt small{color:var(--texto-2);font-size:13px}
.ti-estado,.ti-chave{display:inline-flex;align-items:center;gap:8px;font:500 13px var(--fonte-corpo);color:var(--texto-2);white-space:nowrap}
.ti-estado.on,.ti-chave.on{color:var(--lime)}
.ti-chave{background:none;border:0;cursor:pointer;padding:4px;border-radius:8px}
.ti-chave:focus-visible{outline:2px solid var(--ciano);outline-offset:2px}
.ti-chave .trilho{width:44px;height:24px;border-radius:999px;background:var(--borda-forte);position:relative;flex:none}
.ti-chave .trilho::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--texto-2);transition:left .15s}
.ti-chave.on .trilho{background:var(--lime)}
.ti-chave.on .trilho::after{left:23px;background:var(--fundo)}
.ti-confirma{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--amber);background:color-mix(in srgb,var(--amber) 8%,transparent);border-radius:12px;padding:12px 14px;font-size:14px}
.ti-confirma .txt{flex:1 1 300px;min-width:0}
.ti-confirma b{color:var(--amber)}
.ti-log{display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.ti-log div{display:flex;gap:12px;color:var(--texto-2)}
.ti-log time{font-family:var(--fonte-mono);color:var(--texto-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.ti-rolagem{overflow-x:auto}
.ti-tab{width:100%;border-collapse:collapse;font-size:14px}
.ti-tab th{text-align:left;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--borda)}
.ti-tab td{padding:10px;border-bottom:1px solid var(--borda);vertical-align:middle}
.ti-tab td small{display:block;color:var(--texto-2);font-size:12.5px}
.ti-pill{font-size:12px;border-radius:999px;padding:2px 9px;border:1px solid var(--borda-forte);color:var(--texto-2);white-space:nowrap;display:inline-block;margin:1px 0}
.ti-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ti-sem{color:var(--texto-3)}
.ti-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.ti-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--texto-2);font-weight:600;flex:1 1 220px}
.ti-form input{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borda-forte);border-radius:10px;padding:9px 12px}
@media (max-width:640px){.ti-painel{padding:18px 16px}.ti-resumo{grid-template-columns:1fr}.ti-mod{flex-wrap:wrap}.ti-mod .txt{flex:1 1 calc(100% - 44px)}.ti-mod form,.ti-mod .ti-estado{margin-left:44px}.ti-quem{margin-left:0}}

/* v0.9.92 — primeiros passos do Dono de um cliente novo (primeiros-passos.php) e o aviso no Dashboard. As cores vêm da
   marca da instalação (--marca-1/2, marca_estilo_tela), para o cliente já se ver na tela. */
.pp{display:flex;flex-direction:column;gap:16px;max-width:880px}
.pp-ola h2{margin:0 0 4px;font:600 22px var(--fonte-titulo);text-wrap:balance}
.pp-ola p{margin:0;color:var(--texto-2);max-width:72ch}
.pp-progresso{display:flex;align-items:center;gap:12px}
.pp-progresso .trilho,.pp-aviso .trilho{flex:1;height:8px;border-radius:999px;background:var(--borda-forte);overflow:hidden}
.pp-progresso .cheio,.pp-aviso .trilho i{display:block;height:100%;background:linear-gradient(90deg,var(--marca-1,var(--ciano)),var(--marca-2,var(--lime)))}
.pp-progresso span{font:600 13px var(--fonte-mono);color:var(--texto-2);white-space:nowrap}
.pp-passos{display:flex;flex-direction:column;gap:10px}
.pp-passo{background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px 14px;align-items:center}
.pp-passo .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 15px var(--fonte-titulo);background:var(--borda-forte);color:var(--texto-2)}
.pp-passo.feito .n{background:var(--lime);color:#10141a}
.pp-passo.aberto{border-color:var(--marca-1,var(--ciano))}
.pp-passo.aberto .n{background:var(--marca-1,var(--ciano));color:#10141a}
.pp-passo b{font-size:15.5px}
.pp-passo .desc{grid-column:2;color:var(--texto-2);font-size:13.5px}
.pp-etq{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px;border:1px solid var(--borda-forte);color:var(--texto-2);white-space:nowrap;justify-self:end}
.pp-etq.obr{border-color:var(--marca-1,var(--ciano));color:var(--marca-1,var(--ciano))}
.pp-etq.ok{border-color:var(--lime);color:var(--lime)}
.pp-ir{grid-column:2/-1;margin-top:6px}
.pp-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:12px;padding-top:14px;border-top:1px solid var(--borda)}
.pp-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--texto-2);font-weight:600;min-width:0}
.pp-form .largo{grid-column:1/-1}
.pp-form input,.pp-form textarea{font:15px var(--fonte-corpo);color:var(--texto);background:var(--superficie);border:1px solid var(--borda-forte);border-radius:10px;padding:10px 12px;width:100%;box-sizing:border-box}
.pp-form textarea{min-height:64px;resize:vertical}
.pp-form input:focus,.pp-form textarea:focus{outline:2px solid var(--marca-2,var(--accent));outline-offset:1px}
.pp-form .acoes{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pp-form .acoes small{color:var(--texto-2)}
.pp-subitens{grid-column:2/-1;display:flex;flex-direction:column;gap:6px;margin-top:6px}
.pp-sub{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:8px 12px;font-size:14px;flex-wrap:wrap}
.pp-rodape{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;color:var(--texto-2);font-size:13.5px}
.pp-rodape button[disabled]{opacity:.45;cursor:not-allowed}
.pp-aviso{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--cartao);border:1px solid var(--marca-1,var(--ciano));border-radius:14px;padding:12px 16px;margin-bottom:16px}
.pp-aviso .txt{flex:1 1 280px;min-width:0}
.pp-aviso .txt b{display:block}
.pp-aviso .txt span{color:var(--texto-2);font-size:13.5px}
.pp-aviso .trilho{flex:0 0 140px;height:6px}
@media (max-width:640px){.pp-form{grid-template-columns:minmax(0,1fr)}.pp-passo{grid-template-columns:34px minmax(0,1fr)}.pp-passo>.pp-etq{grid-column:2;justify-self:start}.pp-subitens,.pp-ir{grid-column:1/-1}}

/* v0.9.95 — recursos dos módulos no painel da TI (recursos.php) e a lista de clientes sem a coluna Revisão */
.ti-recursos{margin:-2px 0 4px 44px;border-left:2px solid color-mix(in srgb,var(--ciano) 45%,transparent);padding:2px 0 2px 12px}
.ti-recursos summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--texto-2);padding:4px 0;list-style-position:inside}
.ti-recursos summary:focus-visible{outline:2px solid var(--ciano);outline-offset:2px;border-radius:6px}
.ti-recursos[open] summary{color:var(--texto);margin-bottom:6px}
.ti-rec{display:flex;gap:12px;align-items:center;background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:8px 12px;margin-bottom:6px}
.ti-rec .txt{flex:1;min-width:0}
.ti-rec .txt b{display:block;font-size:14px}
.ti-rec .txt small{color:var(--texto-2);font-size:12.5px}
.cli-row.sem-revisao{grid-template-columns:minmax(0,1.6fr) 150px 110px}
.cli-row.sem-revisao.com-chamados{grid-template-columns:minmax(0,1.6fr) 150px 110px 215px}
@media (max-width:760px){.cli-row.sem-revisao,.cli-row.sem-revisao.com-chamados{grid-template-columns:1fr 1fr}.ti-recursos{margin-left:0}.ti-rec{flex-wrap:wrap}}

/* v0.9.110 — Lixeira (lixeira.php): o "Excluir" no fim das fichas, a confirmação e a tela em Configurações */
.lx-zona{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--magenta) 45%,transparent);background:color-mix(in srgb,var(--magenta) 7%,transparent);border-radius:12px;padding:12px 14px;margin:18px 0 6px}
.lx-zona .txt{flex:1 1 320px;min-width:0;font-size:13.5px;color:var(--texto-2)}
.lx-zona .txt b{display:block;color:var(--texto);font-size:14.5px}
.lx-mini{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:8px;border-radius:8px;border:1px solid var(--borda);text-decoration:none;font-size:13px;vertical-align:middle;opacity:.75} /* v0.9.113 — 🗑 nas listas do Acompanhamento */
.lx-mini:hover{opacity:1;border-color:color-mix(in srgb,var(--magenta) 55%,transparent)}
.lx-modal{max-width:640px;background:var(--cartao);border:1px solid color-mix(in srgb,var(--magenta) 50%,transparent);border-radius:var(--raio);padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.lx-modal h2{margin:0;font:600 19px var(--fonte-titulo)}
.lx-modal p{margin:0;color:var(--texto-2);font-size:14px}
.lx-junto{margin:0;padding:10px 12px 10px 28px;background:var(--superficie);border-radius:10px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.lx-guardado{font-size:13.5px;border:1px solid color-mix(in srgb,var(--amber) 55%,transparent);background:color-mix(in srgb,var(--amber) 9%,transparent);border-radius:10px;padding:8px 12px}
.lx-filtros{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.lx-filtros select,.lx-filtros input{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borda-forte);border-radius:10px;padding:8px 10px}
.lx-filtros input{flex:1 1 220px;min-width:0}
.lx-rolagem{overflow-x:auto}
.lx-tab{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
.lx-tab th{text-align:left;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--borda)}
.lx-tab td{padding:10px;border-bottom:1px solid var(--borda);vertical-align:top}
.lx-tab td small{display:block;color:var(--texto-3);font-size:12.5px}
.lx-tipo{font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--superficie);color:var(--texto-2);white-space:nowrap}
.lx-prazo{font-family:var(--fonte-mono);font-size:13px;white-space:nowrap}.lx-prazo.perto{color:var(--amber)}
.lx-guardado-tag{font-size:12px;font-weight:700;color:#0e1116;background:var(--amber);border-radius:999px;padding:2px 9px;white-space:nowrap}
.lx-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.lx-apagar summary{list-style:none;cursor:pointer}.lx-apagar summary::-webkit-details-marker{display:none}
.lx-apagar form{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-width:300px}
.lx-apagar input{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borda-forte);border-radius:8px;padding:6px 8px}

/* v0.9.114 — Perguntas pelo WhatsApp (nucleo/zap.php + zap-colar.js): mensagem pronta, caixa para colar a resposta e os
   campos que vieram dela marcados em verde */
details.zap{ /* v0.9.194 — só o bloco das perguntas: o botão WhatsApp das Tarefas (.tar-btn.zap) herdava a margem e esticava o Concluir */ border:1px solid color-mix(in srgb,#25d366 45%,var(--borda));background:color-mix(in srgb,#25d366 6%,var(--cartao));border-radius:12px;margin:0 0 16px}
.zap>summary{cursor:pointer;padding:10px 14px;font-weight:700;font-size:14px;list-style:none;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.zap>summary::-webkit-details-marker{display:none}
.zap>summary::after{content:"▾";margin-left:auto;color:var(--texto-3)}.zap:not([open])>summary::after{content:"▸"}
.zap>summary small{font-weight:500;color:var(--texto-3);font-size:12.5px}
.zap-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:0 14px 14px}
.zap-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.zap-passo{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3)}
.zap-bolha{background:color-mix(in srgb,#25d366 14%,var(--superficie));border:1px solid color-mix(in srgb,#25d366 35%,transparent);border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--texto)}
.zap-resposta{width:100%;min-height:150px;resize:vertical;font:12.5px/1.5 var(--fonte-mono);border-radius:10px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);padding:8px 10px}
.zap-bts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zap-ok{font-size:12.5px;color:#4d9a12}
/* v0.9.196 — ficha do dispositivo separada na hora em que cola (chamados.js) */
.hw-previa{margin:6px 0 4px;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,#9fe000 10%,var(--cartao));border:1px solid color-mix(in srgb,#7cc11f 45%,transparent);font-size:13px;grid-column:1/-1}
.hw-previa.ruim{background:color-mix(in srgb,var(--amber) 12%,var(--cartao));border-color:color-mix(in srgb,var(--amber) 55%,transparent)}
.hw-previa dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;margin:6px 0 0}
.hw-previa dt{color:var(--texto-3);font-size:12px}.hw-previa dd{margin:0;overflow-wrap:anywhere;font-family:var(--fonte-mono);font-size:12px}
.hw-veio input,.hw-veio select,.hw-veio textarea{border-color:#7cc11f!important;box-shadow:0 0 0 2px color-mix(in srgb,#9fe000 30%,transparent)}
.hw-veio>span:first-child::after{content:attr(data-veio);margin-left:6px;font-size:10.5px;font-weight:700;color:#0e1116;background:#9fe000;border-radius:4px;padding:0 5px}
.zap-veio input,.zap-veio select,.zap-veio textarea{border-color:#7cc11f!important;box-shadow:0 0 0 2px color-mix(in srgb,#9fe000 30%,transparent)}
.zap-veio>span:first-child::after{content:"veio da resposta";margin-left:6px;font-size:10.5px;font-weight:700;color:#0e1116;background:#9fe000;border-radius:4px;padding:0 5px}
.ch-hw-caixa{min-height:13em}
.zap-linha{grid-column:1/-1;min-width:0}.zap-linha>.zap{margin:0}
@media (max-width:760px){.zap-grade{grid-template-columns:minmax(0,1fr)}}

/* v0.9.118 — Preço do Projeto 3D numa conta só: Custo + (Desenvolvimento) + Lucro + Impostos e taxas = Preço */
.p3d-conta{display:flex;flex-direction:column;margin:12px 0 4px}
.p3d-conta-bloco{border-top:1px solid var(--borda);padding:9px 0;display:flex;flex-direction:column;gap:3px}
.p3d-conta-bloco:first-child{border-top:0;padding-top:0}
.p3d-conta-cab{display:flex;align-items:center;gap:8px}
.p3d-conta-cab i{width:10px;height:10px;border-radius:3px;flex:none;background:var(--amber)}
.p3d-conta-cab b{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.p3d-conta-cab .v{margin-left:auto;font-weight:700;font-size:15px}
.p3d-conta-bloco.lucro .p3d-conta-cab i{background:var(--lime)}.p3d-conta-bloco.imp .p3d-conta-cab i{background:var(--texto-3)}
.p3d-conta-bloco.dev .p3d-conta-cab i{background:var(--violeta,#b18cff)}
.p3d-conta-it{display:flex;gap:10px;font-size:12.5px;color:var(--texto-2);align-items:baseline}
.p3d-conta-it span:first-child{min-width:0}
.p3d-conta-it small{color:var(--texto-3)}
.p3d-conta-it .v{margin-left:auto;color:var(--texto);white-space:nowrap;font-variant-numeric:tabular-nums}
.p3d-conta-txt{font-size:12.5px;color:var(--texto-2)}
.p3d-conta-txt b.ok{color:#4d9a12}.p3d-conta-txt b.baixo{color:var(--amber)}.p3d-conta-txt b.neg{color:var(--magenta)}
.p3d-conta-igual{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:2px solid var(--borda-forte);padding-top:10px;margin-top:2px}
.p3d-conta-igual b{font-size:15px}.p3d-conta-igual .v{font-size:18px;font-weight:800}
.p3d-conta-confere{font-size:12px;color:var(--texto-3)}
.p3d-conta .p3d-barra{margin:8px 0 4px}
.p3d-mat-resumo{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 6px}
.p3d-mat-pill{font-size:13px;border:1px solid var(--borda-forte);border-radius:999px;padding:3px 10px;background:var(--superficie)}
.p3d-mat-pill small{color:var(--texto-3);font-family:var(--fonte-mono)}

/* v0.9.127 — o cubinho fica acima do selo da versão (estava por cima dele)
   v0.9.126 — assistente de conferência: o cubinho é um cubo 3D de verdade (seis faces em CSS 3D, nas cores da marca),
   com o rosto no centro da face da frente. Humor: feliz (tranquilo) · alerta (confira) · sério (parou) */
.c3{--t:52px;--m1:var(--marca-1,#2fd4ee);--m2:var(--marca-2,#9fe34b);--m3:var(--marca-3,#e14fd2);display:inline-block;position:relative;width:calc(var(--t) * 1.5);height:calc(var(--t) * 1.45);perspective:460px;color:#10141a;flex:none}
.c3-pulo{position:absolute;left:calc(var(--t) * .25);top:calc(var(--t) * .18);width:var(--t);height:var(--t);transform-style:preserve-3d}
.c3-giro{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-24deg)}
.c3-f{position:absolute;inset:0;border-radius:4px;backface-visibility:hidden;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.16)}
.c3-frente{transform:translateZ(calc(var(--t) / 2));background:linear-gradient(155deg,color-mix(in srgb,var(--m1) 62%,#fff),var(--m1) 70%);display:grid;place-items:center}
.c3-frente svg{width:86%;height:86%;display:block;overflow:visible}
.c3-tras{transform:rotateY(180deg) translateZ(calc(var(--t) / 2));background:var(--m1)}
.c3-dir{transform:rotateY(90deg) translateZ(calc(var(--t) / 2));background:linear-gradient(160deg,var(--m3),color-mix(in srgb,var(--m3) 68%,#000))}
.c3-esq{transform:rotateY(-90deg) translateZ(calc(var(--t) / 2));background:color-mix(in srgb,var(--m3) 80%,#000)}
.c3-topo{transform:rotateX(90deg) translateZ(calc(var(--t) / 2));background:linear-gradient(135deg,color-mix(in srgb,var(--m2) 70%,#fff),var(--m2))}
.c3-base{transform:rotateX(-90deg) translateZ(calc(var(--t) / 2));background:color-mix(in srgb,var(--m1) 45%,#000)}
.c3-boch{fill:#ff6fa8;opacity:.5}
.c3-chao{position:absolute;left:22%;right:14%;bottom:0;height:9px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.38),transparent)}
.c3[data-humor="alerta"] .c3-chao{background:radial-gradient(closest-side,rgba(246,183,60,.55),transparent)}
.c3[data-humor="serio"] .c3-chao{background:radial-gradient(closest-side,rgba(255,92,92,.55),transparent)}
@media (prefers-reduced-motion:no-preference){
  .c3[data-humor="feliz"] .c3-giro{animation:c3-balanca 7s ease-in-out infinite}
  .c3[data-humor="feliz"] .c3-pulo{animation:c3-boia 3.6s ease-in-out infinite}
  .c3[data-humor="alerta"] .c3-pulo{animation:c3-salta 2.2s ease-in-out infinite}
  .c3.c3-mexe[data-humor="serio"] .c3-giro{animation:c3-nao .85s ease-in-out 1}
  .c3-olhos{transform-box:fill-box;transform-origin:center;animation:c3-pisca 4.8s infinite}
}
@keyframes c3-balanca{0%,100%{transform:rotateX(-18deg) rotateY(-24deg)}50%{transform:rotateX(-14deg) rotateY(-10deg)}}
@keyframes c3-boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes c3-salta{0%,58%,100%{transform:translateY(0)}68%{transform:translateY(-10px)}78%{transform:translateY(0)}86%{transform:translateY(-4px)}93%{transform:translateY(0)}}
@keyframes c3-nao{0%,100%{transform:rotateX(-18deg) rotateY(-24deg)}20%{transform:rotateX(-18deg) rotateY(-42deg)}42%{transform:rotateX(-18deg) rotateY(-6deg)}64%{transform:rotateX(-18deg) rotateY(-36deg)}84%{transform:rotateX(-18deg) rotateY(-16deg)}}
@keyframes c3-pisca{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.12)}}
.conf-flutua{position:fixed;right:10px;bottom:48px;z-index:70;display:flex;align-items:flex-end;gap:6px;pointer-events:none}
.conf-flutua[hidden]{display:none}
.conf-flutua>*{pointer-events:auto}
.conf-cubo{position:relative;background:none;border:0;padding:0;cursor:pointer;border-radius:16px;line-height:0}
.conf-cubo:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.conf-badge{position:absolute;top:2px;right:2px;min-width:22px;height:22px;border-radius:11px;padding:0 6px;display:grid;place-items:center;font:800 12px/1 var(--fonte-corpo);color:#10141a;background:var(--amber);border:2px solid var(--fundo)}
.conf-badge[hidden]{display:none}
.conf-badge[data-humor="serio"]{background:#ff5c5c;color:#fff}
.conf-balao{width:min(360px,calc(100vw - 110px));margin-bottom:34px;background:var(--cartao);color:var(--texto);border:1px solid var(--borda-forte);border-radius:14px 14px 4px 14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.conf-balao[hidden]{display:none}
.conf-tit{font:700 14.5px var(--fonte-corpo)}
.conf-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.conf-lista:empty{display:none}
.conf-lista li{font-size:13.5px;line-height:1.4;padding:6px 9px;border-radius:8px;border-left:3px solid var(--borda-forte);background:var(--superficie)}
.conf-lista li.conf-para{border-left-color:#ff5c5c}
.conf-lista li.conf-confira{border-left-color:var(--amber)}
.conf-lista li.conf-dica{border-left-color:var(--ciano)}
.conf-nota{margin:0;font-size:13px;color:var(--texto-2)}
.conf-nota[hidden]{display:none}
.conf-bts{display:flex;gap:8px;flex-wrap:wrap}
@media print{.conf-flutua{display:none}}
/* ⚙ Configurações › Conferência */
.conf-regras{display:flex;flex-direction:column;gap:12px}
.conf-grupo{border:1px solid var(--borda);border-radius:var(--raio-p);padding:8px 14px 12px;margin:0}
.conf-grupo legend{font-weight:700;padding:0 6px}
.conf-regra{display:flex;gap:10px;align-items:baseline;padding:5px 0;font-size:14px}
.conf-regra small{color:var(--texto-3)}
.conf-regras .nv{font:800 10.5px var(--fonte-corpo);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;flex:none;min-width:62px;text-align:center}
.conf-regras .nv.para{background:rgba(255,92,92,.16);color:#e04848}
.conf-regras .nv.confira{background:rgba(246,183,60,.18);color:#b7800f}
.conf-regras .nv.dica{background:rgba(47,212,238,.15);color:#0e8aa0}
/* v0.9.128 — remarcar com motivo (caixa da data do chamado) */
.ch-data-form .ch-motivo{display:grid;gap:6px;padding:8px;border-bottom:1px solid var(--borda);margin-bottom:4px}
.ch-data-form .ch-motivo input{height:36px;padding:0 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--amber) 60%,var(--borda-forte));background:var(--superficie);color:var(--texto);font:inherit;font-size:13px;min-width:0}
.ch-motivo-ops{display:flex;gap:4px;flex-wrap:wrap}
.ch-motivo-op{font:600 11.5px var(--fonte-corpo);padding:3px 8px;border-radius:999px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto-2);cursor:pointer}
.ch-motivo-op:hover{color:var(--texto);border-color:var(--amber)}
/* v0.9.128 — lembrete do cubinho (ex.: chamados esquecidos): balão largo com lista, filtros e botões */
.conf-balao.largo{width:min(600px,calc(100vw - 110px));max-height:min(72vh,640px);overflow:auto}
.conf-rico{display:flex;flex-direction:column;gap:10px}
.conf-rico[hidden]{display:none}
.cl-tit{font:700 14.5px var(--fonte-corpo)}
.cl-chips{display:flex;gap:6px;flex-wrap:wrap}
.cl-chip{font:700 12px var(--fonte-corpo);border-radius:999px;padding:3px 10px;background:var(--superficie);border:1px solid var(--borda-forte);cursor:pointer;color:var(--texto)}
.cl-chip[aria-pressed="true"]{background:var(--amber);color:#10141a;border-color:var(--amber)}
.cl-chip i{font-style:normal;font-family:var(--fonte-mono);margin-left:5px}
.cl-grupo{display:flex;flex-direction:column;gap:6px}
.cl-grupo[hidden]{display:none}
.cl-grupo h5{margin:2px 0 0;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3)}
.cl-item{border-radius:9px;background:var(--superficie);border-left:3px solid var(--borda-forte);padding:8px 10px;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.4}
.cl-item.confira{border-left-color:var(--amber)}
.cl-item.dica{border-left-color:var(--ciano)}
.cl-l1{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.cl-num{font:600 11.5px var(--fonte-mono);color:var(--texto-3)}
.cl-emp{font-size:12px;color:var(--texto-3)}
.cl-por{font-size:12px;color:var(--texto-2)}
.cl-por b{color:var(--texto);font-weight:600}
.cl-datas{font:600 11.5px var(--fonte-mono);color:var(--amber)}
.cl-bts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cl-bts .form-inline{display:inline-flex;margin:0}
.cl-fraco{background:none;border:0;padding:4px 6px;font:600 12px var(--fonte-corpo);color:var(--texto-3);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.cl-fraco:hover{color:var(--texto)}
.cl-tab-rola{overflow-x:auto}
.cl-tab{border-collapse:collapse;width:100%;font-size:12.5px;font-variant-numeric:tabular-nums}
.cl-tab th,.cl-tab td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--borda)}
.cl-tab th{color:var(--texto-3);font-weight:700;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase}
.cl-tab td.n{text-align:center;font-family:var(--fonte-mono)}
.cl-tab td.n.r{color:#e04848;font-weight:700}
.cl-tab td.n.a{color:#b7800f;font-weight:700}
.cli-row.sem-revisao.sem-rel{grid-template-columns:minmax(0,1.6fr) 110px} /* v0.9.133 — sem OS nem chamados: sem a coluna Relação */
/* v0.9.135 — ⚙ Marca: a cor de cada mundo */
.cfg-sub{margin:18px 0 4px;font:700 14px var(--fonte-corpo)}
.cfg-mundos{display:flex;flex-direction:column;gap:8px;max-width:440px}
.cfg-mundo{display:grid;grid-template-columns:18px minmax(0,1fr) 190px;gap:10px;align-items:center;font-size:14px}
.cfg-mundo-cor{width:18px;height:18px;border-radius:5px;transform:rotate(45deg) scale(.8);border:1px solid var(--borda-forte)}
.cfg-mundo select{height:36px;padding:0 8px;border-radius:9px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13.5px}
/* ===== Agenda (Meu Espaço) — v0.9.189. Prefixo ag-. A cor de cada evento vem em --ec (fonte ou o próprio evento) ===== */
.ag-barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 10px}
.ag-nav{display:flex;align-items:center;gap:6px;flex:1;min-width:240px}
.ag-b{height:34px;min-width:34px;padding:0 11px;border-radius:9px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ag-b:hover{border-color:var(--amber)}
.ag-titulo{margin:0 0 0 8px;font-size:20px;font-weight:700;text-transform:capitalize;letter-spacing:-.01em}
.ag-seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--texto) 6%,transparent)}
.ag-seg button{height:30px;padding:0 13px;border-radius:8px;font:inherit;font-size:13px;font-weight:500;color:var(--texto-2);border:1px solid transparent;background:transparent;cursor:pointer}
.ag-seg button.on{background:var(--cartao);color:var(--texto);font-weight:600;border-color:var(--borda)}
.ag-acoes{display:flex;gap:8px}
.ag-fontes{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ag-fonte{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit;font-size:12.5px;cursor:pointer}
.ag-fonte i{width:9px;height:9px;border-radius:50%;background:var(--ec)}
.ag-fonte.off{opacity:.45;text-decoration:line-through}.ag-fonte.off i{background:transparent;border:2px solid var(--ec)}
.ag-corpo{transition:opacity .15s}.ag-corpo.carregando{opacity:.5}
.ag-vazio{color:var(--texto-3);padding:20px 4px}
.ag-dica{font-size:12px;color:var(--texto-3);margin:10px 0 0}
/* mês */
.ag-mes{border:1px solid var(--borda);border-radius:14px;overflow:hidden;background:var(--cartao)}
.ag-cab{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--borda)}
.ag-cab span{padding:7px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3)}
.ag-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(112px,auto)}
.ag-dia{border-right:1px solid var(--borda);border-bottom:1px solid var(--borda);padding:4px 4px 6px;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .12s}
.ag-dia:nth-child(7n){border-right:0}
.ag-dia:hover{background:color-mix(in srgb,var(--amber) 6%,transparent)}
.ag-dia.fds{background:color-mix(in srgb,var(--texto) 2%,transparent)}
.ag-dia.fora .ag-num{color:var(--texto-3);opacity:.6}
.ag-num{align-self:flex-start;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--texto-2);width:24px;height:24px;border-radius:50%;cursor:pointer;padding:0}
.ag-dia.hoje .ag-num{background:var(--amber);color:#14171c}
.ag-mais{border:0;background:transparent;font:inherit;font-size:11.5px;font-weight:600;color:var(--texto-2);text-align:left;padding:0 4px;cursor:pointer}
.ag-pontos{display:none}
.ag-alvo{outline:2px dashed var(--amber);outline-offset:-2px;background:color-mix(in srgb,var(--amber) 12%,transparent)!important}
/* evento */
.ag-ev{display:flex;align-items:baseline;gap:5px;width:100%;min-width:0;border:0;border-left:3px solid var(--ec);border-radius:6px;padding:2px 6px;background:color-mix(in srgb,var(--ec) 12%,var(--cartao));color:var(--texto);font:inherit;font-size:12px;line-height:1.35;text-align:left;cursor:pointer;flex-wrap:wrap}
.ag-ev.todo{background:var(--ec);color:#fff;border-left-color:color-mix(in srgb,var(--ec) 70%,#000);font-weight:600}
.ag-ev:hover{filter:brightness(.96)}
.ag-ev[draggable="true"]{cursor:grab}
.ag-ev .h{font-family:var(--fonte-mono);font-size:11px;font-weight:600;color:color-mix(in srgb,var(--ec) 70%,var(--texto));flex:none}
.ag-ev.todo .h{color:inherit}
.ag-ev .tg{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:0 5px;border-radius:5px;background:var(--ec);color:#fff;flex:none}
.ag-ev.todo .tg{background:rgba(0,0,0,.2)}
.ag-ev .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-ev small{flex-basis:100%;font-size:11px;color:var(--texto-3);white-space:normal}
.ag-ev.todo small{color:rgba(255,255,255,.85)}
/* semana */
.ag-semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.ag-col{border:1px solid var(--borda);border-radius:12px;background:var(--cartao);padding:6px;min-height:260px;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}
.ag-col.hoje{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}
.ag-col-cab{border:0;background:transparent;font:inherit;font-size:13px;color:var(--texto-2);text-align:left;padding:2px 4px 6px;border-bottom:1px solid var(--borda);margin-bottom:4px;cursor:pointer}
.ag-col-cab b{text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.ag-col .ag-ev .t{white-space:normal}
.ag-livre{font-size:12px;color:var(--texto-3);padding:4px}
/* lista */
.ag-lista{display:flex;flex-direction:column;gap:8px}
.ag-ldia{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--borda);border-radius:12px;background:var(--cartao)}
.ag-ldia>div:last-child{display:flex;flex-direction:column;gap:4px}
.ag-ldia.hoje{border-color:var(--amber)}
.ag-ldata{display:flex;gap:6px;align-items:flex-start}
.ag-ldata b{font:800 24px "Space Grotesk",Inter,sans-serif;line-height:1}
.ag-ldata span{font-size:11px;color:var(--texto-3);line-height:1.25;text-transform:uppercase;letter-spacing:.04em}
.ag-lista .ag-ev{font-size:13.5px;padding:5px 8px}.ag-lista .ag-ev .t{white-space:normal}
/* balão */
.ag-pop{position:absolute;z-index:80;width:300px;max-width:calc(100vw - 16px);background:var(--cartao);border:1px solid var(--borda-forte);border-radius:12px;box-shadow:var(--sombra);padding:12px;display:flex;flex-direction:column;gap:6px}
.ag-pop-tit{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px}
.ag-pop-tit i{width:10px;height:10px;border-radius:3px;background:var(--ec);flex:none}
.ag-pop-lin{font-size:13px;color:var(--texto-2);overflow-wrap:anywhere}
.ag-pop-lin.fonte{font-size:11.5px;color:var(--texto-3);text-transform:uppercase;letter-spacing:.06em}
.ag-pop-acoes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.ag-pop-mover{font-size:12px;color:var(--texto-2);display:flex;gap:6px;align-items:center}
.ag-pop-evs{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow:auto}
.ag-novo{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--borda);padding-top:8px;margin-top:2px}
.ag-novo input,.ag-novo select{height:34px;padding:0 9px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-size:13.5px;min-width:0}
.ag-novo-l{display:flex;gap:6px}.ag-novo-l input[type=date]{flex:1.4}.ag-novo-l input[type=time]{flex:1}.ag-novo-l select{flex:1.2}
.ag-novo small{font-size:11.5px;color:var(--texto-3)}
/* conectar */
.ag-gaveta{position:fixed;inset:0;z-index:90;background:rgba(10,14,20,.45);display:flex;justify-content:flex-end}
.ag-gaveta[hidden]{display:none}
.ag-gaveta>.painel{width:min(560px,100%);height:100%;overflow:auto;margin:0;border-radius:0;padding:18px 20px}
.ag-gaveta-topo{display:flex;align-items:center;gap:10px}.ag-gaveta-topo h2{margin:0;flex:1}
.ag-gaveta h3{font-size:15px;margin:20px 0 4px}
.ag-feed{display:flex;gap:6px}.ag-feed input{flex:1;min-width:0;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font-family:var(--fonte-mono);font-size:12px}
.ag-como{font-size:13px;margin:6px 0;color:var(--texto-2)}.ag-como summary{cursor:pointer;font-weight:600;color:var(--texto)}.ag-como ol{margin:6px 0 0 18px;padding:0}
.ag-ext-form{margin-top:8px}
.ag-ext-lista{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ag-ext-lista li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--borda);border-radius:10px;flex-wrap:wrap}
.ag-ext-lista li.off{opacity:.55}
.ag-ext-lista li>i{width:10px;height:10px;border-radius:50%;flex:none}
.ag-ext-lista li>div{flex:1;min-width:160px}.ag-ext-lista small{display:block;font-size:11.5px;color:var(--texto-3)}
.ag-ext-lista .ag-erro{color:var(--tar-vermelho)}
.ag-ext-lista form{margin:0}
@media (max-width:900px){.ag-semana{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .ag-grade{grid-auto-rows:minmax(58px,auto)}
  .ag-dia .ag-ev,.ag-dia .ag-mais{display:none}
  .ag-pontos{display:flex;gap:3px;flex-wrap:wrap;padding:0 3px}.ag-pontos i{width:7px;height:7px;border-radius:50%}
  .ag-titulo{font-size:17px}
  .ag-semana{grid-template-columns:minmax(0,1fr)}.ag-col{min-height:0}
  .ag-acoes{width:100%}.ag-acoes .acao{flex:1;justify-content:center}
}

/* ===== ⚙ Aparência — escolha da skin (v0.9.201, skins.php). A miniatura de cada skin mora aqui (a skin só carrega quando está em uso) ===== */
.skin-opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:6px 0 14px}
.skin-opcao{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--cartao);cursor:pointer;position:relative}
.skin-opcao:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}
.skin-opcao input{position:absolute;top:14px;right:14px;width:18px;height:18px;accent-color:var(--accent)}
.skin-txt{display:flex;flex-direction:column;gap:3px}.skin-txt b{font-size:15px}.skin-txt small{font-size:12.5px;color:var(--texto-2);line-height:1.4}
.skin-amostra{display:grid;grid-template-columns:22% 1fr 1fr;grid-template-rows:16px 1fr 18px;gap:6px;height:118px;padding:8px;border-radius:10px;overflow:hidden}
.skin-amostra i{display:block;border-radius:4px}
.skin-amostra .a-topo{grid-column:1/-1}.skin-amostra .a-menu{grid-row:2/4}.skin-amostra .a-botao{grid-column:2/4;width:42%;justify-self:end}
.skin-amostra-classica{background:#f6f7f4}
.skin-amostra-classica .a-topo{background:#14171c;border-radius:3px}
.skin-amostra-classica .a-menu{background:#ffffff;border:1px solid rgba(20,30,40,.1)}
.skin-amostra-classica .a-cartao{background:#ffffff;border:1px solid rgba(20,30,40,.1);border-radius:8px}
.skin-amostra-classica .a-botao{background:color-mix(in srgb,var(--marca-1,#2fd4ee) 30%,white);border:1px solid var(--marca-1,#2fd4ee)}
.skin-amostra-fusao{background-color:#eef2f8;background-image:radial-gradient(160px 110px at 15% 0,color-mix(in srgb,var(--marca-1,#2fd4ee) 30%,transparent),transparent 70%),linear-gradient(rgba(13,27,42,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(13,27,42,.06) 1px,transparent 1px);background-size:auto,10px 10px,10px 10px}
.skin-amostra-fusao .a-topo{background:rgba(255,255,255,.85);border-radius:6px}
.skin-amostra-fusao .a-menu{background:rgba(255,255,255,.8);border-radius:8px}
.skin-amostra-fusao .a-cartao{background:#ffffff;border-radius:9px;box-shadow:inset 0 2px 0 var(--marca-1,#2fd4ee)}
.skin-amostra-fusao .a-botao{border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--marca-1,#2fd4ee) 65%,white),var(--marca-1,#2fd4ee))}
.skin-pessoa{display:flex;gap:8px;align-items:center;margin:4px 0 12px;font-size:14px}
.skin-minha{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:0 0 12px}.skin-minha .campo{margin:0;min-width:240px}
/* v0.9.203 — ícones do menu (menu_icone_registrar): a Clássica não mostra; cada skin decide */
.item .ic{display:none}

/* ===== Dashboard em blocos (bento) — v0.9.204, vale para todas as skins (a skin só dá o acabamento) =====
   12 colunas; número = 3 colunas; bloco = c3…c12 e l2 (duas linhas). Tablet: tudo dobra; celular: números em dupla, blocos inteiros. */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:minmax(132px,auto);gap:14px;margin-bottom:22px}
.bento-num,.bento-bloco{position:relative;min-width:0;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);color:var(--texto);text-decoration:none}
.bento-num{grid-column:span 3;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:transform .15s ease,border-color .15s ease}
a.bento-num:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kc) 45%,var(--borda))}
.bn-topo{display:flex;align-items:center;gap:8px;min-width:0}
.bn-ic{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--kc) 16%,transparent);color:color-mix(in srgb,var(--kc) 70%,var(--texto))}
.bn-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bn-rot{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-valor{font-family:var(--fonte-titulo);font-weight:700;font-size:32px;line-height:1.15;overflow-wrap:anywhere}
.bn-apoio{font-size:12.5px;color:var(--texto-2)}
.bento-num.alerta .bn-valor{color:#e11d48}
.bento-bloco{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.bento-bloco.bc3{grid-column:span 3}.bento-bloco.bc4{grid-column:span 4}.bento-bloco.bc5{grid-column:span 5}.bento-bloco.bc6{grid-column:span 6}
.bento-bloco.bc8{grid-column:span 8}.bento-bloco.bc9{grid-column:span 9}.bento-bloco.bc12{grid-column:span 12}.bento-bloco.bl2{grid-row:span 2}
.bento-bloco.alerta{border-color:rgba(225,29,72,.28);background:linear-gradient(160deg,rgba(225,29,72,.08),var(--cartao) 55%)}
.bb-cab{display:flex;align-items:center;gap:10px}.bb-cab b{font-family:var(--fonte-titulo);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.bb-n{margin-left:auto;font-family:var(--fonte-titulo);font-weight:700;font-size:20px;color:var(--texto-2)}
.bb-grande{font-family:var(--fonte-titulo);font-weight:700;font-size:52px;line-height:1}
.bento-bloco.alerta .bb-grande,.bento-bloco.alerta .bb-n{color:#e11d48}
.bb-mais{margin-top:auto;font-size:13px;font-weight:600;color:var(--texto);text-decoration:none}.bb-mais:hover{text-decoration:underline}
.bb-tempo{list-style:none;margin:0 0 0 6px;padding:0 0 0 18px;border-left:1px dashed var(--borda-forte);display:flex;flex-direction:column;gap:8px}
.bb-tempo li{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;align-items:start}
.bb-tempo li::before{content:"";position:absolute;left:-23px;top:5px;width:9px;height:9px;transform:rotate(45deg);background:var(--cartao);border:1.5px solid var(--ac,var(--accent))}
.bb-tempo li.agora{padding:8px 10px;margin-left:-10px;border-radius:12px;background:color-mix(in srgb,var(--ac,var(--accent)) 9%,var(--cartao));border:1px solid color-mix(in srgb,var(--ac,var(--accent)) 35%,transparent)}
.bb-tempo li.agora::before{background:var(--ac,var(--accent));left:-13px;top:13px}
.bb-tempo li.feita{opacity:.6}.bb-tempo li.feita b{text-decoration:line-through}
.bt-hora{font-family:var(--fonte-titulo);font-weight:600;font-size:14px;color:var(--texto-2)}
.bt-txt{display:flex;flex-direction:column;min-width:0;color:var(--texto);text-decoration:none}.bt-txt b{font-weight:600;font-size:14px}.bt-txt small{font-size:12.5px;color:var(--texto-2)}
a.bt-txt:hover b{text-decoration:underline}
.bt-tag{align-self:flex-start;margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--ac) 14%,transparent);color:color-mix(in srgb,var(--ac) 65%,var(--texto))}
.bento-atencao{border-color:rgba(225,29,72,.22);background:linear-gradient(160deg,rgba(225,29,72,.06),var(--cartao) 45%)}
.bento-atencao .bb-n{color:#e11d48}
.ba-item{display:flex;flex-direction:column;gap:1px;padding:9px 11px;border-radius:12px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);text-decoration:none}
a.ba-item:hover{border-color:color-mix(in srgb,var(--ac) 45%,var(--borda))}
.ba-tipo{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--ac) 75%,var(--texto))}
.ba-tipo::before{content:"";width:7px;height:7px;transform:rotate(45deg);background:var(--ac)}
.ba-item b{font-weight:600;font-size:14px}.ba-item small{font-size:12.5px;color:var(--texto-2)}
.bb-anel{width:72px;height:72px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--kc) 0 var(--p,0%),color-mix(in srgb,var(--texto) 8%,transparent) var(--p,0%) 100%)}
.bb-anel span{width:58px;height:58px;border-radius:50%;background:var(--cartao);display:flex;align-items:center;justify-content:center;font-family:var(--fonte-titulo);font-weight:700;font-size:17px}
.bb-hoje-topo{display:flex;align-items:center;gap:14px}.bb-hoje-topo small{display:block;font-size:13px;color:var(--texto-2)}
.bb-barras{flex:1;min-height:110px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding:0 4px 4px;border-bottom:1px solid var(--borda)}
.bb-barra{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.bb-cubo{position:relative;width:30px;height:calc(var(--h) + 9px)}
.bb-cubo i{position:absolute;display:block}
.bb-cubo .f{left:0;bottom:0;width:21px;height:var(--h);background:var(--bc)}
.bb-cubo .l{left:21px;bottom:0;width:9px;height:var(--h);background:color-mix(in srgb,var(--bc) 68%,#0d1b2a);transform-origin:left bottom;transform:skewY(-45deg)}
.bb-cubo .t{left:0;bottom:var(--h);width:21px;height:9px;background:color-mix(in srgb,var(--bc) 50%,white);transform-origin:left bottom;transform:skewX(-45deg)}
.bb-barra small{font-size:10.5px;font-weight:600;color:var(--texto-3)}.bb-barra.hoje small{color:var(--texto)}
.bb-colunas{flex:1;min-height:130px;display:flex;align-items:stretch;gap:8px;border-bottom:1px solid var(--borda);padding-top:6px}
.bb-coluna{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.bb-coluna small{text-align:center;font-size:10.5px;color:var(--texto-3)}
.bb-pilha{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;border-radius:5px 5px 2px 2px;overflow:hidden}
.bb-pilha i{display:block;min-height:0}
.bb-legenda{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--texto-2)}.bb-legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
@media (max-width:1100px){.bento-num,.bento-bloco.bc3,.bento-bloco.bc4,.bento-bloco.bc5{grid-column:span 6}.bento-bloco.bc6,.bento-bloco.bc8,.bento-bloco.bc9{grid-column:span 12}}
@media (max-width:640px){.bento{gap:10px}.bento-num{grid-column:span 6}.bento-bloco.bc3,.bento-bloco.bc4,.bento-bloco.bc5,.bento-bloco.bc6{grid-column:span 12}.bento-bloco.bl2{grid-row:auto}.bn-valor{font-size:26px}}
.ba-item b,.bt-txt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* v0.9.206 — título comprido de chamado não estica o bloco */
/* v0.9.224 — Estoque (prefixo est-): os cartões de "Com os técnicos" e o campo da contagem */
.est-lugares{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}
.est-lugar{margin:0;border-top:3px solid var(--accent)}
.est-lugar.est-deposito{border-top-color:var(--texto-3)}
.est-lugar h2{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.est-lugar h2 small{font-size:12.5px;color:var(--texto-3);font-weight:600}
.est-sub{margin:10px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-3)}
.est-contei{width:96px;height:34px;padding:0 8px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);font:inherit;font-family:var(--fonte-mono);text-align:right}
/* v0.9.247 — Vendas: o número de cada balão do Primeiro atendimento e o fieldset sem moldura */
.ven-passo{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--accent);color:#0b0e13;font-size:13px;margin-right:6px;vertical-align:2px}
fieldset.campo{border:0;padding:0;margin:0 0 12px;min-width:0}
fieldset.campo legend{font-size:13px;font-weight:600;color:var(--texto-2);padding:0;margin-bottom:6px}
.ven-hist,.prd-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.ven-hist li,.prd-hist li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;border-bottom:1px solid var(--borda);padding-bottom:6px}
.ven-hist small,.prd-hist small{color:var(--texto-3)}
/* v0.9.252 — Projetos: as etapas com o checklist */
.prj-etapa{border:1px solid var(--borda);border-left:4px solid var(--texto-3);border-radius:10px;padding:10px 12px;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}
.prj-etapa.feita{border-left-color:var(--c-verde,#16a34a);opacity:.8}.prj-etapa.atrasada{border-left-color:var(--c-verm,#d93636)}
.prj-etapa header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}.prj-etapa header small{color:var(--texto-3)}
.prj-itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px}
.prj-itens li{display:flex;gap:8px;align-items:center}.prj-itens li>span{flex:1 1 auto;min-width:0}.prj-itens li small{color:var(--texto-3)}.prj-itens li.feito>span{text-decoration:line-through;color:var(--texto-3)}
.prj-check{background:none;border:0;padding:0 2px;font-size:18px;line-height:1;cursor:pointer;color:inherit}
.prj-editar summary{cursor:pointer;font-size:13px;color:var(--texto-2)}.prj-editar[open]{display:flex;flex-direction:column;gap:6px}
.prj-form{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 6px;max-width:100%}
/* v0.9.254 — Caixa de entrada: lista à esquerda, conversa à direita (no celular, uma de cada vez) */
.cx{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;align-items:start}
.cx-lista{display:flex;flex-direction:column;gap:6px;max-height:75vh;overflow:auto;padding-right:2px}
.cx-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--borda);border-left:4px solid var(--texto-3);border-radius:9px;color:inherit;text-decoration:none;font-size:13px;background:var(--fundo-2,transparent)}
.cx-item.cx-precisa{border-left-color:var(--c-verm,#d93636)}.cx-item.cx-acompanhar{border-left-color:var(--c-amar,#f5b92b)}.cx-item.cx-arquivo{border-left-color:var(--c-verde,#16a34a)}
.cx-item.on{outline:2px solid var(--accent)}.cx-item.nova b{font-weight:800}
/* v0.9.316 — "🗄 Arquivar" na lista (canto de baixo do cartão) e no topo da conversa */
.cx-item-caixa{position:relative}.cx-item-caixa > .cx-arq-form{position:absolute;right:8px;bottom:6px;z-index:1;margin:0}
.cx-arq-mini{font:inherit;font-size:12px;padding:2px 8px;border:1px solid var(--borda);border-radius:7px;background:var(--fundo,#fff);color:var(--texto-2,inherit);cursor:pointer;opacity:.75}
.cx-arq-mini:hover,.cx-arq-mini:focus-visible{opacity:1;border-color:var(--accent);color:var(--accent)}
.cx-item-caixa .cx-item{padding-bottom:26px}.cx-cab .cx-arq-form{margin-left:auto}
.cx-l1{display:flex;justify-content:space-between;gap:6px;color:var(--texto-3);font-size:11.5px}
.cx-assunto{font-weight:600;font-size:12.5px}.cx-previa{color:var(--texto-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cx-bola{display:inline-block;min-width:18px;padding:0 5px;border-radius:99px;background:var(--c-verm,#d93636);color:#fff;font-size:11px;text-align:center}
.cx-n{opacity:.7;font-size:.85em}
.cx-conversa{border:1px solid var(--borda);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cx-cab{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.cx-cab small{display:block;color:var(--texto-3)}
.cx-voltar{display:none}
.cx-msgs{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}
.cx-msg{max-width:86%;border:1px solid var(--borda);border-radius:12px;padding:8px 11px;font-size:13.5px;background:var(--fundo-2,transparent)}
.cx-msg.sai{margin-left:auto;border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.cx-msg.falhou{border-color:var(--c-verm,#d93636)}
.cx-msg header{display:flex;justify-content:space-between;gap:10px;font-size:12px}.cx-msg header small{color:var(--texto-3)}
.cx-msg-assunto{font-weight:600;font-size:12.5px;margin:2px 0}.cx-texto{overflow-wrap:anywhere}
.cx-anexos{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}
.cx-responder textarea{width:100%}.cx-mais summary{cursor:pointer;font-size:13px;color:var(--texto-2)}
/* v0.9.258 — sinais da conversa (urgente, lembrete, primeira vez, espera há…), lembrar depois, resposta pronta e "me avise se não responder" */
.cx-sinais{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.cx-sinais .chip{font-size:11px;padding:1px 7px}
.cx-sinais-cab{margin:-4px 0 10px;gap:6px}.cx-sinais-cab small{color:var(--texto-2)}
.cx-pronta{margin:0 0 6px;max-width:100%}.cx-esperar{font-size:13px;color:var(--texto-2)}.cx-esperar select{font-size:13px}
.cx-lembrar{margin:8px 0;font-size:13px}.cx-lembrar input[name=nota]{flex:1 1 140px;min-width:0}.cx-lembrar input[type=datetime-local][hidden]{display:none}
/* v0.9.275 — "o meu dia": cinco caixas por assunto (cores de situação: vermelho responder, ciano reunião, âmbar pagamento, cinza aviso, lima propaganda) */
.cxd-ola{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.cxd-ola b{font-size:1.15em}.cxd-ola span{color:var(--texto-2);font-size:13px}
.cxd-numeros{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.cxd-num{display:block;border:1px solid var(--borda,rgba(127,127,127,.25));border-top:4px solid var(--cxd);border-radius:12px;padding:8px 12px;text-decoration:none;color:var(--texto)}
.cxd-num b{display:block;font-size:26px;line-height:1.15;color:var(--cxd)}.cxd-num span{font-size:13px;color:var(--texto-2)}
.cxd-responder{--cxd:var(--magenta)}.cxd-reuniao{--cxd:var(--ciano)}.cxd-pagamento{--cxd:var(--amber)}.cxd-aviso{--cxd:var(--texto-2)}.cxd-propaganda{--cxd:var(--lime)}
.cxd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;align-items:start}.cxd-col{display:flex;flex-direction:column;gap:12px}
.cxd-caixa{border:1px solid var(--borda,rgba(127,127,127,.25));border-left:5px solid var(--cxd);border-radius:12px;padding:10px 14px}
.cxd-caixa h2{margin:0 0 4px;font-size:16px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.cxd-caixa h2 small{font-weight:400;font-size:12.5px;color:var(--texto-2)}
.cxd-caixa .nota-exemplo{margin:6px 0}
.cxd-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:8px 0;border-top:1px solid var(--borda,rgba(127,127,127,.2));align-items:center}
.cxd-item:first-of-type{border-top:0}.cxd-nome{font-weight:600;color:var(--texto);text-decoration:none}.cxd-nome:hover{text-decoration:underline}
.cxd-sub{display:block;font-size:13px;color:var(--texto-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxd-lado{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;align-items:center;font-size:12.5px}.cxd-lado small{color:var(--texto-2)}
.cxd-quando{font-weight:700;margin-right:4px}.cxd .quente{color:var(--magenta);font-weight:700}
.cxd-grupos{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cxd-grupo{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--borda,rgba(127,127,127,.25));border-radius:999px;padding:2px 4px 2px 10px;font-size:13px}
.cxd-grupo a{color:var(--texto);text-decoration:none}.cxd-x{border:0;background:transparent;cursor:pointer;color:var(--texto-2);padding:0 6px;font-size:13px}.cxd-x:hover{color:var(--texto)}
.cx-tema-linha{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:-4px 0 10px;font-size:13px}.cx-isto{font-size:13px}.cx-isto select{max-width:170px}
.cxd-chip-responder{background:color-mix(in srgb,var(--magenta) 18%,transparent)}.cxd-chip-reuniao{background:color-mix(in srgb,var(--ciano) 20%,transparent)}
.cxd-chip-pagamento{background:color-mix(in srgb,var(--amber) 22%,transparent)}.cxd-chip-propaganda{background:color-mix(in srgb,var(--lime) 18%,transparent)}
/* v0.9.281 — ⚙ Contas da Caixa em seções (Conta · Servidores · Quem cuida e quem vê · Opções), cada conta abre e fecha */
.cx-titulo{margin:4px 0 10px;font-size:18px}.cx-titulo small{font-weight:400;font-size:13px;color:var(--texto-2)}
.cx-conta{padding:0;margin-bottom:12px}.cx-conta>form{padding:4px 18px 16px}
.cx-conta-cab{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;list-style:none}
.cx-conta-cab::-webkit-details-marker{display:none}.cx-conta-cab::after{content:"▾";color:var(--texto-2);margin-left:auto}.cx-conta[open]>.cx-conta-cab::after{content:"▴"}
.cx-conta[open]>.cx-conta-cab{border-bottom:1px solid var(--borda)}.cx-conta-nome{font-size:16px;overflow-wrap:anywhere}
.cx-conta-sinais{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cx-conta-sinais small{color:var(--texto-2)}
.cx-sec{margin:18px 0 10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2);border-bottom:1px solid var(--borda);padding-bottom:6px}
.cx-ajuda{display:block;margin-top:4px;font-size:12.5px;color:var(--texto-2);font-weight:400}
.cx-servidor{display:grid;grid-template-columns:130px minmax(0,1fr) 90px 150px;gap:8px 10px;align-items:end;margin-bottom:12px}
.cx-servidor .campo{margin-bottom:0}
.cx-servidor-rot{font-weight:600;font-size:14px;padding-bottom:12px}
.cx-membros{border:0;padding:0;margin:0 0 14px;min-width:0}.cx-membros legend{padding:0;margin-bottom:6px;font-size:12.5px;font-weight:600;color:var(--texto-2)}.cx-membro input{width:16px;height:16px}
.cx-membros-lista{display:flex;flex-wrap:wrap;gap:6px}.cx-membro{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borda-forte);border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer}
.cx-opcao{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;cursor:pointer}
.cx-opcao input[type=checkbox]{width:18px;height:18px;margin-top:2px}.cx-opcao b{display:block}.cx-opcao small{display:block;color:var(--texto-2);font-size:13px;margin-top:2px}
.cx-opcao-info{margin:-4px 0 6px 32px}.cx-excluir{margin-left:auto}
.cx-sub{margin-top:14px;border:1px solid var(--borda);border-radius:10px;padding:10px 14px}.cx-sub>summary{cursor:pointer;font-weight:600}.cx-sub[open]>summary{margin-bottom:8px}
@media (max-width:700px){.cx-servidor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cx-servidor-rot{grid-column:1/-1;padding:0}.cx-servidor label:nth-of-type(1){grid-column:1/-1}.cx-excluir{margin-left:0}}
/* v0.9.278 — botões das contas e as pastas próprias */
.cxd-contas{margin:6px 0 2px}.cxd-propria{--cxd:var(--violeta)}
@media (max-width:860px){.cxd-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}.cxd{grid-template-columns:minmax(0,1fr)}.cxd-item{grid-template-columns:minmax(0,1fr)}.cxd-lado{justify-content:flex-start}}
/* v0.9.260 — nota interna, ficha do cliente, IA */
.cx-msg.cx-nota{margin-left:auto;margin-right:auto;max-width:92%;border-style:dashed;border-color:color-mix(in srgb,#d9a400 55%,transparent);background:color-mix(in srgb,#d9a400 10%,transparent)}
.cx-ficha{margin:-4px 0 10px;gap:6px}.cx-ficha small{color:var(--texto-2)}
.cx-ia{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin:0 0 10px}
.cx-ia-resumo{flex:1 1 100%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;padding:8px 10px;font-size:13px;background:color-mix(in srgb,var(--accent) 6%,transparent)}
.cx-ia-resumo small{color:var(--texto-2)}.cx-ia-form{margin:0 0 6px;font-size:13px}.cx-ia-form input[name=pedido]{flex:1 1 200px;min-width:0}
@media (max-width:860px){.cx{grid-template-columns:minmax(0,1fr)}.cx.cx-aberta .cx-lista{display:none}.cx:not(.cx-aberta) .cx-conversa{display:none}.cx-voltar{display:inline-flex}.cx-msg{max-width:95%}}

/* v0.9.264 — MENU EM GRUPOS QUE ABREM E FECHAM (pedido do Hudson: o menu grande confundia). Cada grupo é um <details>:
   começa fechado (menos o da tela aberta), um clique abre, outro fecha. Os avisos (menu_aviso_registrar) põem um número
   no item; com o grupo fechado, o número vai para o título do grupo. Vermelho pulsando = urgente (até resolver);
   ponto que pisca de leve = teve movimento desde a última vez que você abriu aquela tela. */
.menu-grupo{display:flex;flex-direction:column}
.menu-grupo>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:34px;margin:8px 0 2px;padding:0 12px;border-radius:var(--raio-p);user-select:none}
.menu-grupo>summary::-webkit-details-marker{display:none}
.menu-grupo>summary:hover{color:var(--texto);background:color-mix(in srgb,var(--texto) 5%,transparent)}
.menu-grupo>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.menu-grupo>summary .grupo-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-grupo .grupo-seta{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.menu-grupo[open]>summary .grupo-seta{transform:rotate(90deg)}
.menu-grupo[open]>summary{color:var(--texto-2)}
.menu-grupo-itens{display:flex;flex-direction:column;gap:2px}
.menu-grupo[open] .menu-aviso-grupo{display:none}
.item .item-rot{flex:1;min-width:0}
.menu-aviso{margin-left:auto;flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font:700 11px/1 var(--fonte-mono);letter-spacing:0;text-transform:none;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--texto);position:relative}
.menu-aviso[hidden]{display:none}
.menu-aviso.urgente{background:#e5484d;color:#fff;animation:menu-urgente 1.4s ease-in-out infinite}
@keyframes menu-urgente{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.55)}50%{box-shadow:0 0 0 6px rgba(229,72,77,0)}}
/* movimento novo: um pontinho que pisca no canto (no item e no grupo fechado) */
.item.novidade::after,.menu-grupo.novidade>summary::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:menu-novo 1.2s ease-in-out infinite}
.item.novidade::after{left:4px;top:8px}
.menu-grupo>summary{position:relative}
.menu-grupo.novidade>summary::after{left:2px;top:50%;margin-top:-4px}
.menu-grupo[open].novidade>summary::after{display:none}
@keyframes menu-novo{50%{opacity:.25;transform:scale(.7)}}
@media (prefers-reduced-motion:reduce){.menu-aviso.urgente,.item.novidade::after,.menu-grupo.novidade>summary::after{animation:none}}
.hamburguer{position:relative}
.hamburguer.tem-aviso::after{content:"";position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--superficie)}
.hamburguer.aviso-urgente::after{background:#e5484d;animation:menu-novo 1.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hamburguer.aviso-urgente::after{animation:none}}
/* na skin com ícone (Fusão), o próprio ícone do item pisca junto: vermelho = urgente, de leve = movimento novo */
.item:has(.menu-aviso.urgente:not([hidden])) .ic{animation:menu-ic-urgente 1.4s ease-in-out infinite}
.item.novidade .ic{animation:menu-novo 1.2s ease-in-out infinite}
@keyframes menu-ic-urgente{50%{color:#e5484d;transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.item:has(.menu-aviso.urgente:not([hidden])) .ic,.item.novidade .ic{animation:none}}

/* v0.9.270 — "✎ Arrumar menu": a ordem dos grupos é de cada pessoa, em cada mundo (menu-arrumar.js) */
.menu-blocos{display:flex;flex-direction:column;gap:2px}
.menu-arrumar-bt{margin:10px 12px 0;align-self:flex-start;border:0;background:transparent;color:var(--texto-3);font:inherit;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px}
.menu-arrumar-bt:hover,.menu-arrumar-bt:focus-visible{color:var(--texto);background:color-mix(in srgb,var(--texto) 6%,transparent)}
.menu-arrumar-barra{display:flex;flex-wrap:wrap;gap:6px;margin:10px 6px 0;padding:10px;border:1px dashed var(--accent);border-radius:var(--raio-p)}
.menu-arrumar-barra[hidden]{display:none}
.menu-arrumar-barra p{margin:0 0 4px;width:100%;font-size:12px;color:var(--texto-2)}
.arrumando .menu-bloco{display:flex;align-items:center;gap:4px;border:1px dashed var(--borda-forte);border-radius:var(--raio-p);background:var(--superficie);cursor:grab;margin:2px 0}
.arrumando .menu-bloco>:not(.mb-ctl){flex:1;min-width:0;pointer-events:none}
.arrumando .menu-bloco .menu-grupo>summary{margin:0}
.arrumando .menu-bloco.mb-arrastando{opacity:.45;border-color:var(--accent)}
.mb-ctl{display:flex;align-items:center;gap:2px;padding-left:4px;flex:0 0 auto}
.mb-alca{color:var(--texto-3);font-size:15px;padding:0 2px}
.mb-ctl button{width:26px;height:26px;border:1px solid var(--borda-forte);border-radius:6px;background:transparent;color:var(--texto-2);cursor:pointer;font-size:13px;line-height:1}
.mb-ctl button:hover,.mb-ctl button:focus-visible{color:var(--texto);border-color:var(--accent)}
.menu-bloco:first-child .mb-sobe,.menu-bloco:last-child .mb-desce{opacity:.3}
/* v0.9.271 — "Quadro | Lista" (quadro-lista.js): em lista, as colunas ficam uma embaixo da outra e o cartão vira linha */
.vista-linha{display:flex;justify-content:flex-end;margin:0 0 10px}
.tar-vista{margin-left:auto}
.vista-troca{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--borda);border-radius:10px;background:var(--superficie)}
.vista-troca button{border:0;background:transparent;color:var(--texto-2);font:inherit;font-size:13px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;white-space:nowrap}
.vista-troca button:hover{color:var(--texto)}
.vista-troca button.on{background:var(--cartao);color:var(--texto);box-shadow:0 1px 3px rgba(0,0,0,.12)}
html.quadro-em-lista .tar-cols{grid-template-columns:1fr}
html.quadro-em-lista .tar-cols .tar-item .titulo{font-size:16px}
html.quadro-em-lista .pm-lista .pm-cols{grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto}
html.quadro-em-lista .pm-lista .pm-col{gap:.3em}
html.quadro-em-lista .pm-lista .pm-card{display:flex;flex-wrap:wrap;align-items:center;gap:.25em 1em;padding:.45em .8em}
html.quadro-em-lista .pm-lista .pm-card>*{min-width:0}
html.quadro-em-lista .pm-lista .pm-card .pm-l1{flex:0 0 auto}
html.quadro-em-lista .pm-lista .pm-card .pm-emp{max-width:22em}
html.quadro-em-lista .pm-lista .pm-card .pm-tit{flex:1 1 16em}
html.quadro-em-lista .pm-lista .pm-card .pm-l3{margin-top:0}
@media (max-width:700px){.vista-troca button{padding:5px 9px}}
/* v0.9.272 — Conhecimento: a busca grande no topo, os resultados, o texto do artigo e a tabela das senhas */
.con-busca{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.con-busca input[type=search]{flex:1 1 280px;min-width:0;height:48px;padding:0 16px;border-radius:12px;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--borda-forte));background:var(--superficie);color:var(--texto);font:inherit;font-size:16px}
.con-busca input[type=search]:focus{outline:none;border-color:var(--accent)}
.con-chips{margin:0 0 10px}
.con-chips small{opacity:.65;font-weight:500}
.con-conta{margin:4px 0 8px;color:var(--texto-3);font-size:13px}
.con-res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.con-res li{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio-p,10px);padding:12px 14px;display:flex;flex-direction:column;gap:5px;min-width:0}
.con-res-tit{font-weight:700;font-size:16px;color:var(--texto);overflow-wrap:anywhere}
.con-res-tit:hover{color:var(--accent)}
.con-res-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12.5px;color:var(--texto-3)}
.con-res-trecho{font-size:14px;color:var(--texto-2);overflow-wrap:anywhere}
.con-etq{color:var(--accent);font-weight:600}
mark{background:color-mix(in srgb,var(--amber) 45%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.con-vazio p{margin:0 0 8px}
.con-artigo-topo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.con-artigo .con-res-meta{margin-bottom:10px}
.con-texto{font-size:15px;line-height:1.6;overflow-wrap:anywhere;max-width:80ch}
.con-texto h3{font-size:19px;margin:18px 0 6px}.con-texto h4{font-size:16px;margin:14px 0 4px}
.con-texto p{margin:0 0 10px}.con-texto ul,.con-texto ol{margin:0 0 10px;padding-left:22px}.con-texto li{margin:2px 0}
.con-texto code{font-family:var(--fonte-mono,"JetBrains Mono",monospace);font-size:.9em;background:color-mix(in srgb,var(--texto) 8%,transparent);padding:1px 5px;border-radius:5px}
.con-codigo{background:color-mix(in srgb,var(--texto) 7%,transparent);border:1px solid var(--borda);border-radius:8px;padding:10px 12px;overflow-x:auto;margin:0 0 12px;white-space:pre}
.con-codigo code{background:none;padding:0}
.con-rodape{margin:14px 0 0;font-size:12.5px;color:var(--texto-3)}
.con-versao{border-top:1px solid var(--borda);padding:8px 0}.con-versao summary{cursor:pointer;font-weight:600}.con-versao summary small{font-weight:400;color:var(--texto-3)}
.con-corpo{font-family:var(--fonte-mono,"JetBrains Mono",monospace);font-size:13.5px;line-height:1.5}
.con-mini{display:inline-block;margin:2px 2px 2px 0;padding:3px 9px;border:1px solid var(--borda-forte);border-radius:7px;background:transparent;color:var(--texto-2);font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.con-mini:hover,.con-mini:focus-visible{color:var(--texto);border-color:var(--accent)}
.con-mini:disabled{opacity:.5;cursor:wait}
.con-revelar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0}
.con-oculta{letter-spacing:.12em;color:var(--texto-3)}
.con-revelar [data-con-valor]{margin-right:4px;overflow-wrap:anywhere;user-select:all}
.con-2fa{font-weight:700;font-size:15px;color:var(--accent);margin-left:4px;white-space:pre}
.con-obs{display:block;color:var(--texto-3);font-size:12px;margin-top:2px;font-weight:400}
.con-quebra{overflow-wrap:anywhere;max-width:22em}
.con-dica{margin-top:8px}
.con-senha-campo{display:flex;gap:6px;align-items:center}.con-senha-campo input{flex:1;min-width:0}
@media print{.con-artigo-topo,.con-busca,#anexos form,.lx-zona{display:none}}

/* v0.9.273 — Manutenção preventiva: o checklist dentro do chamado (normal / fora do normal / não se aplica + observação) */
.prev-grupo{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2);margin:12px 0 4px}
.prev-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:8px 10px;border-top:1px solid var(--borda);border-left:3px solid transparent}
.prev-item.fora{border-left-color:var(--c-verm,#d93636);background:color-mix(in srgb,var(--c-verm,#d93636) 9%,transparent)}
.prev-t{min-width:0;overflow-wrap:anywhere}
.prev-op{display:inline-flex;gap:4px;flex-wrap:wrap}
.prev-op label{cursor:pointer}
.prev-op input{position:absolute;opacity:0;pointer-events:none}
.prev-op span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--borda);border-radius:8px;font-size:12.5px;font-weight:600;color:var(--texto-2)}
.prev-op input:focus-visible + span{outline:2px solid var(--accent);outline-offset:1px}
.prev-op .prev-ok input:checked + span{background:var(--c-verde,#16a34a);border-color:var(--c-verde,#16a34a);color:#fff}
.prev-op .prev-fora input:checked + span{background:var(--c-verm,#d93636);border-color:var(--c-verm,#d93636);color:#fff}
.prev-op .prev-na input:checked + span{background:var(--texto-3);border-color:var(--texto-3);color:#fff}
.prev-obs{grid-column:1 / -1;font-size:13px;min-height:34px}
.prev-r{font-size:12.5px;font-weight:600;color:var(--texto-2)}
.prev-r-ok{color:var(--c-verde,#16a34a)} .prev-r-fora{color:var(--c-verm,#d93636)} .prev-r-falta{color:var(--texto-3);font-weight:400}
.prev-obs-txt{grid-column:1 / -1;color:var(--texto-2);font-size:12.5px}
.prev-res{margin:0 0 8px} .prev-fora-n{color:var(--c-verm,#d93636)} .prev-ok-n{color:var(--c-verde,#16a34a)}
@media (max-width:640px){.prev-item{grid-template-columns:1fr}}