/* All Hair — aparência do sistema, vinda do protótipo aprovado em 23/09/2026.
   Regra de cor: a interface é neutra; cor só aparece no PRODUTO (anel do kit)
   e nos SINAIS (crédito, margem, marcações).
   Identidade: paleta "Preto" (menu e botão #111114, links #2B59C3, fundo #F4F4F5, cinzas neutros),
   Plus Jakarta Sans 13 px, cantos de 7 px, folhas com borda, menu na lateral, tema claro.
   A fonte é servida pelo próprio sistema (fontes/, licença OFL): não depende da internet. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url("fontes/plus-jakarta-sans-latin.7660bd9909fb.woff2") format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url("fontes/plus-jakarta-sans-latin-ext.341687eeeb6a.woff2") format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  color-scheme:light;
  --mesa:#F4F4F5; --papel:#FFFFFF; --papel-2:#F5F5F6; --papel-3:#ECECEE;
  --tinta:#18181B; --grafite:#52525B; --nevoa:#8E8E96;
  --linha:#D9D9DE; --linha-fraca:#E9E9EC;
  --painel:#111114; --painel-texto:#B8B8B9; --painel-ativo:#FFFFFF; --painel-borda:#111114; --painel-realce:#FFFFFF1F;
  --primaria:#111114; --primaria-hover:#2E2E30; --primaria-texto:#FFFFFF;
  --anil:#2B59C3; --foco:#2B59C3; --foco-largura:2px;
  --ok:#1D7447; --ok-ponto:#2E9E62; --ok-fundo:#E6F4EC; --ok-borda:#B9E0C8;
  --atencao:#875600; --atencao-ponto:#E3A008; --atencao-fundo:#FDF4DA; --atencao-borda:#F0DA9C;
  --alerta:#B42318; --alerta-ponto:#D92D20; --alerta-fundo:#FDECEA; --alerta-borda:#F5C2BC;
  --raio:7px;
  --fs:13px;
  --celula-v:8px; --celula-h:10px; --secao-v:16px; --secao-h:20px; --controle:34px;
  --sans:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --cond:'Plus Jakarta Sans',system-ui,'Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:var(--fs)/1.45 var(--sans);color:var(--tinta);background:var(--mesa);
  font-variant-numeric:tabular-nums lining-nums}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}
h1{font-size:calc(var(--fs) * 1.72)}
h2{font-size:calc(var(--fs) + 2px)}
h3{font-size:var(--fs)}
h4{font-size:calc(var(--fs) - 1px);color:var(--grafite);font-weight:500}
p{margin:0}
a{color:var(--anil);text-decoration:none}
a:hover{text-decoration:underline}
small{font-size:calc(var(--fs) - 2px)}
:focus-visible{outline:var(--foco-largura) solid var(--foco);outline-offset:2px;border-radius:4px}
[hidden]{display:none!important}

/* Links de mês (pedido aberto) */
.meses{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:6px;font-size:calc(var(--fs) - 1px)}
.meses a{font-weight:500}

/* Barra do sistema */
.topo{background:var(--painel);color:var(--painel-ativo);display:flex;align-items:stretch;gap:28px;padding:0 24px;height:48px;
  border-bottom:1px solid var(--painel-borda)}
.marca{display:flex;align-items:center;gap:9px;font-weight:600;font-size:calc(var(--fs) + 2px);color:var(--painel-ativo);white-space:nowrap}
.marca:hover{text-decoration:none}
.menu{display:flex;gap:2px}
.menu a{display:flex;align-items:center;padding:0 12px;color:var(--painel-texto);font-weight:500;
  border-top:3px solid transparent;border-bottom:3px solid transparent}
.menu a:hover{color:var(--painel-ativo);text-decoration:none}
.menu a[aria-current=page]{color:var(--painel-ativo);border-bottom-color:var(--painel-ativo)}
.usuario{margin-left:auto;display:flex;gap:16px;align-items:center;color:var(--painel-texto);font-size:calc(var(--fs) - 1px)}
.usuario a{color:var(--painel-texto)}
.submenu{background:var(--papel);border-bottom:1px solid var(--linha);display:flex;gap:2px;padding:0 24px;height:42px;overflow-x:auto}
.submenu a{display:flex;align-items:center;padding:0 12px;color:var(--grafite);font-weight:500;
  border-bottom:2px solid transparent;white-space:nowrap}
.submenu a:hover{color:var(--tinta);text-decoration:none}
.submenu a[aria-current=page]{color:var(--tinta);border-bottom-color:var(--tinta)}

/* Menu na lateral (opção de layout; a tela de pedido não muda) */
@media (min-width:761px){
  html[data-menu=lateral] body{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto 1fr}
  html[data-menu=lateral] .navegacao{grid-column:1;grid-row:2;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;
    display:flex;flex-direction:column;background:var(--painel);border-right:1px solid var(--painel-borda)}
  html[data-menu=lateral] main{grid-column:2;grid-row:2;min-width:0}
  html[data-menu=lateral] .grade:not(.grade-unica){grid-template-columns:minmax(0,1fr) 272px;gap:20px}
  html[data-menu=lateral] .prod{min-width:150px}
  html[data-menu=lateral] .topo{display:contents}
  html[data-menu=lateral] .marca{order:1;padding:18px 20px 14px}
  html[data-menu=lateral] .menu{order:2;flex-direction:column;padding:4px 10px}
  html[data-menu=lateral] .menu a{padding:9px 12px;border:0;border-radius:var(--raio)}
  html[data-menu=lateral] .menu a[aria-current=page]{background:var(--painel-realce)}
  html[data-menu=lateral] .submenu{order:3;flex-direction:column;height:auto;overflow:visible;background:transparent;
    border:0;border-top:1px solid var(--painel-realce);margin:8px 10px 0;padding:8px 0 0}
  html[data-menu=lateral] .submenu a{padding:7px 12px;border:0;border-radius:var(--raio);color:var(--painel-texto)}
  html[data-menu=lateral] .submenu a:hover{color:var(--painel-ativo)}
  html[data-menu=lateral] .submenu a[aria-current=page]{color:var(--painel-ativo);background:var(--painel-realce)}
  html[data-menu=lateral] .usuario{order:4;margin:auto 0 0;padding:14px 20px;border-top:1px solid var(--painel-realce)}
  html[data-menu=lateral] .ico{display:block}
  html[data-menu=lateral] .menu a,html[data-menu=lateral] .submenu a,html[data-menu=lateral] .usuario a{display:flex;align-items:center;gap:12px}
}
/* Ícones do menu: só aparecem no menu lateral */
.ico{display:none;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rotulo-nav{white-space:nowrap}
/* Telas de 761 a 1439 px (os PCs de 1366 px): o menu lateral vira uma faixa de ícones
   e abre por cima da tela ao passar o mouse ou navegar pelo teclado. */
@media (min-width:761px) and (max-width:1439px){
  html[data-menu=lateral] body{grid-template-columns:64px minmax(0,1fr)}
  html[data-menu=lateral] .navegacao{width:64px;overflow-x:hidden;z-index:40;transition:width .15s ease}
  html[data-menu=lateral] .navegacao:hover,html[data-menu=lateral] .navegacao:focus-within{width:224px;box-shadow:10px 0 28px rgba(0,0,0,.28)}
  html[data-menu=lateral] .navegacao .rotulo-nav{display:none}
  html[data-menu=lateral] .navegacao:hover .rotulo-nav,html[data-menu=lateral] .navegacao:focus-within .rotulo-nav{display:inline}
  html[data-menu=lateral] .marca{padding:18px 24px 14px}
  html[data-menu=lateral] .submenu{margin:8px 10px 0;padding:8px 0 0}
  html[data-menu=lateral] .usuario{padding:14px 22px}
}

/* Cabeçalho de página */
.cabecalho{background:var(--papel);border-bottom:1px solid var(--linha)}
.cabecalho-dentro{max-width:1440px;margin:0 auto;padding:14px 24px 16px}
.migalha{font-size:calc(var(--fs) - 1px);margin-bottom:6px}
.titulo-linha{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.acoes{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.frase{margin-top:4px;color:var(--grafite);max-width:88ch}
.frase strong{color:var(--tinta);font-weight:600}
.selo{display:inline-flex;align-items:center;padding:3px 9px;border-radius:4px;
  background:var(--primaria);color:var(--primaria-texto);font-size:calc(var(--fs) - 2px);font-weight:500}
.encerrado-aviso{margin-top:14px;padding:10px 12px;border-radius:var(--raio);background:var(--papel-3);
  border:1px solid var(--linha);max-width:720px}

/* Trilho de situações do pedido (sequência real: Orçamento → Quitado) */
.trilho-rolagem{overflow-x:auto;margin:18px 0 2px}
.trilho{display:flex;list-style:none;margin:0;padding:0;max-width:1000px;min-width:700px}
.trilho li{flex:1 1 0;position:relative;min-width:0}
.trilho li::before{content:'';position:absolute;top:10px;left:0;right:0;height:2px;
  background:repeating-linear-gradient(90deg,var(--linha) 0 6px,transparent 6px 10px)}
.trilho li:first-child::before{left:50%}
.trilho li:last-child::before{right:50%}
.trilho li.feito::before{background:var(--tinta)}
.trilho li.atual::before{background:linear-gradient(90deg,var(--tinta) 50%,transparent 50%),
  repeating-linear-gradient(90deg,var(--linha) 0 6px,transparent 6px 10px)}
.trilho li.atual:first-child::before{background:repeating-linear-gradient(90deg,var(--linha) 0 6px,transparent 6px 10px)}
.trilho li.atual:last-child::before{background:var(--tinta)}
.trilho button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;
  background:none;border:0;padding:0 4px 2px;cursor:pointer;font:inherit;color:var(--grafite)}
.trilho button:disabled{cursor:default}
.trilho .no{width:14px;height:14px;margin-top:4px;border-radius:50%;background:var(--papel);
  border:2px solid var(--linha)}
.trilho .rot{font-size:calc(var(--fs) - 1px);line-height:1.2;text-align:center}
.trilho li.feito .no{background:var(--tinta);border-color:var(--tinta)}
.trilho li.atual .no{width:22px;height:22px;margin-top:0;border:3px solid var(--tinta);
  background:radial-gradient(circle,var(--tinta) 0 4px,var(--papel) 4.5px)}
.trilho li.atual .rot{color:var(--tinta);font-weight:600}
.trilho button:not(:disabled):hover .rot{color:var(--tinta);text-decoration:underline}
.trilho.encerrado{opacity:.4}
.marcacoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* Grade: folha de trabalho + coluna de contexto */
.grade{max-width:1440px;margin:0 auto;padding:20px 24px 56px;display:grid;
  grid-template-columns:minmax(0,1fr) 288px;gap:24px;align-items:start}
.grade-unica{grid-template-columns:minmax(0,1fr)}
.folha{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);min-width:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.secao{padding:var(--secao-v) var(--secao-h) calc(var(--secao-v) + 4px)}
.secao + .secao{border-top:1px solid var(--linha)}
.secao-cab{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin-bottom:12px}
.secao-cab > p{color:var(--grafite)}
.nota{color:var(--grafite);font-size:calc(var(--fs) - 1px);margin-top:10px}
.nota.ok{color:var(--ok)}
.nota.atencao{color:var(--atencao)}

/* Tabelas */
.rolagem{overflow-x:auto}
.sangra{margin:0 calc(var(--secao-h) * -1)}
table.tab{width:100%;border-collapse:collapse}
.tab th{font:500 calc(var(--fs) - 1px)/1.3 var(--cond);color:var(--grafite);text-align:left;padding:var(--celula-v) var(--celula-h);
  background:var(--papel-2);border-top:1px solid var(--linha-fraca);border-bottom:1px solid var(--linha);white-space:nowrap}
.tab td{padding:var(--celula-v) var(--celula-h);border-bottom:1px solid var(--linha-fraca);vertical-align:middle}
.sangra .tab th:first-child,.sangra .tab td:first-child{padding-left:var(--secao-h)}
.sangra .tab th:last-child,.sangra .tab td:last-child{padding-right:var(--secao-h)}
.tab .num{text-align:right;white-space:nowrap}
.tab tbody tr:last-child td{border-bottom:0}
.tab tfoot td{border-top:1px solid var(--linha);border-bottom:0;background:var(--papel-2);font-weight:600}
.tab td small{display:block;color:var(--grafite);font-weight:400}
.apagado{color:var(--nevoa)}

.prod{display:flex;align-items:center;gap:10px;min-width:170px}
.prod b{font-weight:600}
.prod small{display:block;color:var(--grafite)}
.prod small.corte{color:var(--atencao)}

/* Anel do kit: o elástico visto de cima, nas cores do kit */
.anel{display:inline-block;flex:none;width:18px;height:18px;border-radius:50%;background:#ccc;
  -webkit-mask:radial-gradient(circle,transparent 0 4px,#000 4.5px);
  mask:radial-gradient(circle,transparent 0 4px,#000 4.5px);
  box-shadow:inset 0 0 0 1px rgba(28,36,48,.28)}
.anel.definir{background:none;-webkit-mask:none;mask:none;box-shadow:none;border:1.5px dashed var(--nevoa)}
.marca .anel{width:16px;height:16px;background:var(--painel-ativo);box-shadow:none}

/* Etapas de produção do item (6 segmentos; o hachurado é a etapa em andamento) */
.etapa{display:flex;align-items:center;gap:8px;white-space:nowrap}
.etapas{display:inline-flex;gap:2px;flex:none}
.etapa .etapas{width:70px}
.etapas i{width:10px;height:8px;border-radius:2px;background:var(--papel-3);border:1px solid var(--linha)}
.etapas i.f{background:var(--tinta);border-color:var(--tinta)}
.etapas i.a{border-color:var(--tinta);background:repeating-linear-gradient(135deg,var(--tinta) 0 2px,var(--papel) 2px 4px)}
.etapa-nome{min-width:100px}

/* Sinais: crédito, margem, marcações */
.sinal{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}
.sinal i{width:9px;height:9px;border-radius:50%;flex:none}
.sinal.ok{color:var(--ok)}.sinal.ok i{background:var(--ok-ponto)}
.sinal.atencao{color:var(--atencao)}.sinal.atencao i{background:var(--atencao-ponto)}
.sinal.alerta{color:var(--alerta)}.sinal.alerta i{background:var(--alerta-ponto)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;line-height:1.45;border-radius:999px;
  font-size:calc(var(--fs) - 1px);font-weight:500;border:1px solid var(--linha);background:var(--papel-2);white-space:nowrap}
.chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.alerta{background:var(--alerta-fundo);color:var(--alerta);border-color:var(--alerta-borda)}
.chip.atencao{background:var(--atencao-fundo);color:var(--atencao);border-color:var(--atencao-borda)}
.chip.pequeno{font-size:calc(var(--fs) - 2px);padding:1px 8px}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--controle);padding:0 14px;
  border-radius:var(--raio);border:1px solid var(--linha);background:var(--papel);color:var(--tinta);
  font:500 var(--fs)/1 var(--sans);cursor:pointer;white-space:nowrap;text-decoration:none}
.btn:hover{background:var(--papel-2);text-decoration:none}
.btn-pri{background:var(--primaria);border-color:var(--primaria);color:var(--primaria-texto)}
.btn-pri:hover{background:var(--primaria-hover);border-color:var(--primaria-hover)}
.btn-perigo{background:var(--alerta);border-color:var(--alerta);color:#fff}
.btn-perigo:hover{background:#9A1D14}
.btn-txt{border-color:transparent;background:transparent;color:var(--anil);padding:0 6px;height:calc(var(--controle) - 6px)}
.btn-txt:hover{background:var(--papel-3)}
.btn-mini{height:calc(var(--controle) - 8px);padding:0 9px;font-size:calc(var(--fs) - 1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
details.mais{position:relative}
details.mais>summary{list-style:none}
details.mais>summary::-webkit-details-marker{display:none}
.mais-lista{position:absolute;right:0;top:calc(100% + 4px);min-width:240px;background:var(--papel);
  border:1px solid var(--linha);border-radius:var(--raio);box-shadow:0 10px 28px rgba(0,0,0,.18);padding:4px;z-index:30}
.mais-lista button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;
  border-radius:4px;font:inherit;color:var(--tinta);cursor:pointer}
.mais-lista button:hover{background:var(--papel-3)}
.mais-lista .perigo{color:var(--alerta)}

/* Entregas */
.entrega{border:1px solid var(--linha);border-radius:var(--raio);margin-top:12px;overflow:hidden}
.entrega-cab{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;padding:10px 14px;
  background:var(--papel-2);border-bottom:1px solid var(--linha)}
.entrega-cab h3{font-size:calc(var(--fs) + 1px)}
.entrega-corpo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.entrega-corpo>div{padding:12px 14px}
.entrega-corpo>div+div{border-left:1px solid var(--linha-fraca)}
.campo{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;margin-bottom:8px}
.campo:last-child{margin-bottom:0}
.rotulo{color:var(--grafite)}
.etiqueta{display:inline-block;font-size:calc(var(--fs) - 2px);padding:0 6px;border-radius:4px;background:var(--papel-3);
  color:var(--grafite);margin-left:4px;white-space:nowrap}
.itens-entregues{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 16px}
.itens-entregues li{display:flex;align-items:center;gap:8px}
.itens-entregues .num{margin-left:auto}
.parcelas{width:100%;border-collapse:collapse;margin-top:6px}
.parcelas td{padding:5px 0;border-bottom:1px dashed var(--linha);vertical-align:top}
.parcelas td+td{padding-left:10px}
.parcelas td:first-child{white-space:nowrap}
.parcelas tr:last-child td{border-bottom:0}
.parcelas small{display:block;color:var(--grafite)}
.parcelas .num{text-align:right;white-space:nowrap}
.comissao{margin-top:10px;padding-top:8px;border-top:1px solid var(--linha-fraca);color:var(--grafite)}
.comissao strong{color:var(--tinta);font-weight:600}
.entrega-rodape{border-top:1px solid var(--atencao-borda);padding:10px 14px;background:var(--atencao-fundo);color:var(--tinta)}
.saldo{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:14px;padding:12px 14px;
  border:1px dashed var(--nevoa);border-radius:var(--raio);background:var(--papel-2)}
.saldo p{flex:1 1 320px}
.pronto{margin-top:4px;padding:12px 14px;border:1px solid var(--ok-borda);border-radius:var(--raio);background:var(--ok-fundo)}
.pronto ul{list-style:none;margin:8px 0 0;padding:0}
.pronto li{display:flex;align-items:center;gap:8px;padding:4px 0}
.pronto li .num{margin-left:auto;font-weight:500}
.pronto-rodape{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--ok-borda)}
.pronto-rodape p{flex:1}
.vazio-secao{color:var(--grafite);padding:4px 0}

/* Coluna de contexto */
.lateral{min-width:0}
.bloco{padding:14px 0;border-top:1px solid var(--linha)}
.bloco:first-child{border-top:0;padding-top:0}
.bloco h3{margin-bottom:8px}
.bloco-cab{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.bloco-cab h3{margin:0}
.razao{margin:0}
.razao div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0}
.razao dt{color:var(--grafite)}
.razao dd{margin:0;text-align:right;font-weight:500}
.razao .grupo{border-top:1px dashed var(--linha);margin-top:5px;padding-top:8px}
.credito{background:var(--papel);border:1px solid var(--linha);border-left:4px solid var(--ok-ponto);
  border-radius:var(--raio);padding:10px 12px}
.credito.atencao{border-left-color:var(--atencao-ponto)}
.credito.alerta{border-left-color:var(--alerta-ponto)}
.credito ul{margin:6px 0 0;padding-left:18px}
.credito li{margin:3px 0}
.medidor{height:6px;border-radius:3px;background:var(--papel-3);margin:10px 0 4px;overflow:hidden}
.medidor span{display:block;height:100%;background:var(--ok-ponto)}
.credito.atencao .medidor span{background:var(--atencao-ponto)}
.credito.alerta .medidor span{background:var(--alerta-ponto)}
.credito .rodape{margin-top:8px;padding-top:8px;border-top:1px solid var(--linha-fraca);color:var(--grafite);font-size:calc(var(--fs) - 1px)}
.historico{list-style:none;margin:0;padding:0}
.historico li{padding:5px 0 5px 14px;border-left:2px solid var(--linha);position:relative}
.historico li::before{content:'';position:absolute;left:-5px;top:11px;width:8px;height:8px;border-radius:50%;
  background:var(--papel);border:2px solid var(--nevoa)}
.historico small{display:block;color:var(--grafite)}
.exigencias{margin:0;padding-left:18px}
.exigencias li{margin:3px 0}
.obs{white-space:pre-line}

/* Formulários */
.rot{display:block;font-size:calc(var(--fs) - 1px);font-weight:500;color:var(--grafite);margin-bottom:4px}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=search],select,textarea{
  font:inherit;color:var(--tinta);background:var(--papel);border:1px solid var(--linha);
  border-radius:var(--raio);height:var(--controle);padding:0 10px;width:100%}
textarea{height:auto;min-height:64px;padding:8px 10px;resize:vertical;line-height:1.45}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--foco-largura) solid var(--foco);outline-offset:0;border-color:var(--foco)}
input[type=number]{text-align:right}
.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px;margin-bottom:12px}
.ajuda{font-size:calc(var(--fs) - 2px);color:var(--grafite);margin-top:4px}
.com-sufixo{display:flex;align-items:center;gap:6px}
.com-sufixo input{width:90px}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0}
.opcoes{display:flex;flex-wrap:wrap;gap:6px 18px;min-height:var(--controle);align-items:center}
.opcoes label{display:flex;align-items:center;gap:6px;cursor:pointer}
.opcoes.coluna{flex-direction:column;align-items:flex-start;gap:8px}
.marcar{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:500;margin-left:auto}
.marcar input{width:15px;height:15px;margin:0}
.campo-curto{display:block;max-width:240px}
.erro{color:var(--alerta);font-weight:500;margin-top:8px}
.dlg-erro{padding:0 20px 10px;margin:0}
input.qtd{width:96px}
input.preco{width:100px}

/* Lista de pedidos */
.filtros{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-bottom:12px}
.filtros input[type=search]{width:260px}
.filtros select{width:auto;min-width:190px}
.chips-filtro{display:flex;flex-wrap:wrap;gap:6px}
.chip-filtro{height:calc(var(--controle) - 6px);padding:0 11px;border-radius:999px;border:1px solid var(--linha);background:var(--papel);
  font:500 calc(var(--fs) - 1px)/1 var(--sans);color:var(--tinta);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.chip-filtro .n{color:var(--grafite)}
.chip-filtro[aria-pressed=true]{background:var(--primaria);border-color:var(--primaria);color:var(--primaria-texto)}
.chip-filtro[aria-pressed=true] .n{color:inherit;opacity:.75}
.tab-lista tbody tr{cursor:pointer}
.tab-lista tbody tr:hover td{background:var(--papel-2)}
.tab-lista .cli{min-width:170px}
.tab-lista th{white-space:normal;vertical-align:bottom}
.tab-lista .sit{white-space:normal}
.tab-lista .etapa{white-space:normal}
.tab-lista .cli b{font-weight:600}
.sit{display:flex;align-items:center;gap:8px;white-space:nowrap}
.sit-ticks{display:inline-flex;gap:2px;flex:none}
.sit-ticks i{width:5px;height:12px;border-radius:1px;background:var(--linha)}
.sit-ticks i.f{background:var(--tinta)}
.marcas-lista{display:flex;flex-wrap:wrap;gap:4px}
.atrasado{color:var(--alerta);font-weight:500}
.vazio{padding:28px;text-align:center;color:var(--grafite)}

/* Novo orçamento */
.novo-itens td{padding:6px 8px}
.novo-itens select{min-width:260px}
.novo-itens .prod{min-width:0}
.novo-aberto .so-fechado{display:none}

/* Diálogo */
dialog.dlg{border:1px solid var(--linha);border-radius:10px;padding:0;width:min(820px,calc(100vw - 32px));
  max-height:calc(100vh - 40px);color:var(--tinta);background:var(--papel);box-shadow:0 22px 56px rgba(0,0,0,.3)}
dialog.dlg.pequeno{width:min(480px,calc(100vw - 32px))}
dialog.dlg::backdrop{background:rgba(22,30,42,.45)}
dialog[open]{animation:abre .16s ease-out}
@keyframes abre{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dlg form{display:flex;flex-direction:column;max-height:calc(100vh - 42px)}
.dlg-cab{padding:16px 20px 12px;border-bottom:1px solid var(--linha)}
.dlg-cab h2{font-size:calc(var(--fs) + 4px)}
.dlg-cab p{margin-top:4px;color:var(--grafite)}
.dlg-corpo{padding:16px 20px;overflow:auto}
.dlg-corpo h3{margin:14px 0 6px}
.dlg-corpo h3:first-child{margin-top:0}
.dlg-rodape{padding:12px 20px;border-top:1px solid var(--linha);display:flex;gap:8px;justify-content:flex-end;background:var(--papel-2)}
.tab-dlg{margin:4px 0}
.tab-dlg th:first-child,.tab-dlg td:first-child{padding-left:0}
.tab-dlg:not(.parcial) .fora{display:none}
.previa{margin-top:12px;padding:12px 14px;background:var(--papel-2);border:1px solid var(--linha);border-radius:var(--raio)}
.previa ul{margin:6px 0 0;padding-left:18px}
.previa li{margin:2px 0}

/* Início (painel) */
:root{--serie-1:#2A78D6;--serie-2:#EB6834} /* validadas (daltonismo e contraste) sobre o papel branco */
.segmento{display:inline-flex;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;margin-left:auto}
.segmento button{background:var(--papel);border:0;padding:0 12px;height:calc(var(--controle) - 6px);font:500 calc(var(--fs) - 1px)/1 var(--sans);color:var(--grafite);cursor:pointer}
.segmento button+button{border-left:1px solid var(--linha)}
.segmento button:hover{background:var(--papel-2);color:var(--tinta)}
.segmento button[aria-pressed=true]{background:var(--primaria);color:var(--primaria-texto)}
.caixa-frase{font-weight:500;margin-bottom:8px}
.legenda{display:flex;flex-wrap:wrap;gap:4px 18px;color:var(--grafite);font-size:calc(var(--fs) - 1px);margin-bottom:6px}
.legenda span{display:inline-flex;align-items:center;gap:8px}
.chave{display:inline-block;width:18px;height:0;border-top:2px solid var(--serie-1);flex:none}
.chave.est{border-top:2px dashed var(--serie-2)}
.grafico{position:relative;min-height:260px;border-radius:var(--raio)}
.grafico:focus-visible{outline-offset:4px}
.caixa-svg{display:block;font-family:var(--sans)}
.caixa-negativo{fill:var(--alerta-fundo)}
.caixa-negativo-rotulo{fill:var(--alerta);font-size:12px;font-weight:500}
.caixa-grade{stroke:var(--linha-fraca);stroke-width:1}
.caixa-zero{stroke:var(--nevoa);stroke-width:1}
.caixa-eixo{fill:var(--grafite);font-size:12px;font-variant-numeric:tabular-nums}
.caixa-linha{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.caixa-conf{stroke:var(--serie-1)}
.caixa-est{stroke:var(--serie-2);stroke-dasharray:6 4}
.caixa-rotulo{fill:var(--grafite);font-size:12px}
.caixa-rotulo.forte{fill:var(--tinta);font-weight:600}
.caixa-rotulo,.caixa-negativo-rotulo{paint-order:stroke;stroke:var(--papel);stroke-width:4px;stroke-linejoin:round} /* contorno para ler sobre as linhas */
.caixa-negativo-rotulo{stroke:var(--alerta-fundo)}
.caixa-aperto{fill:var(--serie-1);stroke:var(--papel);stroke-width:2}
.caixa-mira{stroke:var(--nevoa);stroke-width:1}
.caixa-ponto{stroke:var(--papel);stroke-width:2}
.caixa-ponto.conf{fill:var(--serie-1)}.caixa-ponto.est{fill:var(--serie-2)}
.caixa-alvo{fill:transparent;cursor:crosshair}
.caixa-dia{fill:transparent;cursor:crosshair}
.caixa-dia:hover{fill:var(--nevoa);fill-opacity:.18}
.caixa-svg{width:100%;height:auto}
.caixa-dica{position:absolute;z-index:5;min-width:220px;max-width:300px;padding:8px 10px;background:var(--papel);border:1px solid var(--linha);
  border-radius:var(--raio);box-shadow:0 8px 22px rgba(0,0,0,.12);font-size:calc(var(--fs) - 1px);pointer-events:none}
.caixa-dica p{margin:0}
.dica-dia{color:var(--grafite);margin-bottom:4px!important}
.dica-serie{display:flex;align-items:center;gap:6px;color:var(--grafite)}
.dica-serie strong{color:var(--tinta);font-variant-numeric:tabular-nums}
.dica-lanc{color:var(--grafite);border-top:1px solid var(--linha-fraca);margin-top:4px!important;padding-top:4px}
.dica-lanc+.dica-lanc{border-top:0;margin-top:0!important;padding-top:0}
.caixa-numeros{display:flex;flex-wrap:wrap;gap:8px 28px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--linha-fraca)}
.caixa-numeros dt{color:var(--grafite);font-size:calc(var(--fs) - 1px)}
.caixa-numeros dd{margin:0;font-weight:600}
.caixa-detalhe{margin-top:12px}
.caixa-detalhe summary{cursor:pointer;color:var(--anil);font-weight:500}
.caixa-detalhe[open] summary{margin-bottom:8px}
.caixa-detalhe tr.estimado td{color:var(--grafite)}
.semana{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px}
.semana h3{margin-bottom:4px}
.tab-curta td{padding:6px 0;border-bottom:1px solid var(--linha-fraca)}
.tab-curta td+td{padding-left:12px}
.tab-curta td:first-child{white-space:nowrap}
.lista-atencao{list-style:none;margin:0;padding:0}
.lista-atencao li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid var(--linha-fraca)}
.lista-atencao li:first-child{border-top:0}
.lista-simples{list-style:none;margin:0;padding:0}
.lista-simples li{display:flex;flex-direction:column;gap:2px;padding:6px 0}
.lista-simples li+li{border-top:1px dashed var(--linha)}
.lista-simples .com-acao{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.meta-linha{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}
.meta-linha:first-of-type{margin-top:0}
.medidor.meta{background:#CDE2FB}
.medidor.meta span{background:var(--serie-1)}

/* Clientes */
.dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px;margin:0}
.dados dt{color:var(--grafite);font-size:calc(var(--fs) - 1px)}
.dados dd{margin:2px 0 0}
.dados dd small{display:block;color:var(--grafite)}
.exig-lista{list-style:none;margin:0 0 10px;padding:0}
.exig-lista li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;margin-bottom:6px;
  background:var(--atencao-fundo);border:1px solid var(--atencao-borda);border-radius:var(--raio)}
.linha-add{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.linha-add input{flex:1 1 200px;width:auto}
.linha-add .rot{flex:1 0 100%;margin:0}
.tab-clientes .cli a{color:var(--tinta)}

/* Financeiro: contas a receber e a pagar */
.tab-fin .grupo-linha th{background:var(--papel);color:var(--tinta);font:600 var(--fs)/1.3 var(--sans);padding-top:14px;padding-bottom:8px;
  border-top:0;border-bottom:1px solid var(--linha)}
.tab-fin tbody + tbody .grupo-linha th{border-top:1px solid var(--linha)}
.tab-fin .grupo-linha th span{font-weight:400;color:var(--grafite);margin-left:10px}
.tab-fin .venc,.tab-fin .situ,.tab-fin .origem small{white-space:nowrap}
.tab-fin .cli a{color:var(--tinta)}
.tab-fin .conta-desc{font-weight:500}
.tab-fin td.num .regua{margin-left:auto}
.regua{display:flex;width:100px;height:6px;border-radius:3px;background:var(--papel-3);overflow:hidden;margin:5px 0 3px}
.regua span{display:block;height:100%;flex:none}
.regua .antes{background:var(--nevoa)}
.regua .agora{background:var(--tinta)}
.tab-abate td{vertical-align:top}
.tab-abate td:first-child{width:28px;padding-top:11px}
.tab-abate .abate{min-width:150px}
.tab-abate tr.desmarcada td{color:var(--nevoa)}
.tab-dlg input[type=checkbox]{width:15px;height:15px;margin:0}
.tab-extrato td{vertical-align:top}
.tab-extrato .ext-desc{max-width:250px}
.tab-extrato select{min-width:270px}
.campos .largo{grid-column:span 2}
.campo-medio{display:block;max-width:460px;margin-top:12px}

/* Financeiro: caixa previsto com cenário de atraso */
.cenario-controles{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin-bottom:14px}
.cenario-controles .segmento{margin-left:0}
.cenario-controles .marcar{margin-left:0;min-height:calc(var(--controle) - 6px)}
.caixa-aperto.est{fill:var(--serie-2)}
.data-muda{white-space:nowrap}
.data-muda small{display:block;color:var(--grafite)}

/* Financeiro: dívidas e pendências */
.tab-div .prazo-div{min-width:190px}
.tab-div .acoes-div{white-space:nowrap}
.tab-div .acoes-div .btn+.btn{margin-left:4px}
.tab-div tr.quitada td{color:var(--nevoa)}
.pend-lista{list-style:none;margin:0;padding:0}
.pend-lista li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--linha-fraca)}
.pend-lista li:first-child{border-top:0;padding-top:0}
.pend-lista li b{display:block;margin-top:3px;font-weight:600}
.pend-lista li small{display:block;color:var(--grafite)}
.pend-acoes{display:flex;align-items:center;gap:6px;flex:none}
.ordem-div{margin:0;padding-left:20px}
.ordem-div li{padding:5px 0}
.ordem-div li span{display:block}
.ordem-div li+li{border-top:1px dashed var(--linha)}

/* Financeiro: contas bancárias */
.tab-fin tr.partida td{color:var(--grafite);background:var(--papel-2)}

/* Financeiro: metas */
.metas-lista{list-style:none;margin:0;padding:0}
.metas-lista > li{padding:12px 0;border-top:1px solid var(--linha-fraca)}
.metas-lista > li:first-child{border-top:0;padding-top:0}
.meta-mes-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}
.meta-mes-cab b{font-weight:600}
.meta-barra{position:relative;height:8px;border-radius:4px;background:var(--papel-3);margin:6px 0}
.meta-barra span{display:block;height:100%;border-radius:4px;background:var(--serie-1)}
.meta-barra i{position:absolute;top:-3px;width:2px;height:14px;background:var(--tinta);border-radius:1px}
.acoes-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tab-fin tr.nivel-atual td{background:var(--papel-2);font-weight:500}
.nota.aviso-caixa{margin:0 0 12px}

/* Financeiro: sócios e lucros */
.cab-acao{margin-left:auto}
.razao-folha{max-width:560px}
.razao-folha .final dt{color:var(--tinta);font-weight:600}
.razao-folha .final dd{font-size:calc(var(--fs) + 4px);font-weight:700}
.condicoes{margin-top:18px}
.condicoes h3{margin-bottom:4px}
/* Produtos */
.pilha{display:flex;flex-direction:column;gap:20px;min-width:0}
.pilha > .folha{scroll-margin-top:16px}
.linha-desc{color:var(--grafite);margin:-6px 0 14px;max-width:72ch}
.linha-sub{margin:22px 0 8px}
.th-kit{display:inline-flex;align-items:center;gap:6px}
.th-kit .anel{width:14px;height:14px}
.tab-matriz td.cel{padding:0}
.cel-margem{display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:8px 12px;color:inherit;text-decoration:none}
.cel-margem:hover{background:var(--papel-2)}
.cel-margem small{color:var(--grafite);font-size:calc(var(--fs) - 2px)}
a.prod{color:inherit;text-decoration:none}
a.prod:hover b{text-decoration:underline}
a.prod[aria-current] span{font-weight:600}
.h1-prod{display:flex;align-items:center;gap:10px}
.h1-prod .anel{width:22px;height:22px;-webkit-mask:radial-gradient(circle,transparent 0 5px,#000 5.5px);mask:radial-gradient(circle,transparent 0 5px,#000 5.5px)}
.tab-custo{max-width:560px}
.tab-custo td:first-child small{display:block;color:var(--grafite)}
.tab-custo tr.soma td{font-weight:600;border-top:1px solid var(--linha)}
.tab-custo .sinal{margin-left:8px}
.precos-ref{margin-top:14px}
.tab-irmaos{width:100%;border-collapse:collapse}
.tab-irmaos th,.tab-irmaos td{padding:3px 2px;text-align:center;font-weight:500}
.tab-irmaos th[scope=row]{text-align:left;white-space:nowrap}
.tab-irmaos th[scope=row] small{color:var(--grafite);font-weight:400;margin-left:4px}
.tab-irmaos td a{display:block;padding:4px 0;border-radius:var(--raio);color:var(--tinta);text-decoration:none;font-size:calc(var(--fs) - 1px)}
.tab-irmaos td a:hover{background:var(--papel-2)}
.tab-irmaos td a[aria-current]{background:var(--primaria);color:var(--primaria-texto)}
.marcar-campo{align-self:end;margin-left:0;min-height:var(--controle)}

/* Produtos: cores, kits e embalagens */
.amostra{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(28,36,48,.28);vertical-align:-1px}
.tab-fin td .prod .amostra{width:16px;height:16px}
.cores-kit{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.cores-kit li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.kit-cores{display:grid;gap:10px;margin-top:14px}
.grupo-cores{margin:0;padding:0;border:0}
.grupo-cores .opcoes{gap:6px 16px;min-height:0}
.grupo-cores .opcoes label{gap:6px}
.tab-emb td:nth-child(3){white-space:nowrap}
.lista-sem-emb{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.lista-sem-emb li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--linha-fraca);break-inside:avoid}
.avisos-dist{list-style:none;margin:10px 0 0;padding:0}
.avisos-dist li{margin-top:4px}
.campo-pct,.tab-dlg input.campo-pct{width:84px}

/* Leads e amostras */
.funil{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}
.funil-passo{height:calc(var(--controle) - 4px);padding:0 11px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--papel);
  font:500 calc(var(--fs) - 1px)/1 var(--sans);color:var(--tinta);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.funil-passo b{font-weight:700}
.funil-passo:hover{background:var(--papel-2)}
.funil-passo[aria-pressed=true]{background:var(--primaria);border-color:var(--primaria);color:var(--primaria-texto)}
.funil-seta{width:7px;height:7px;border-top:1.5px solid var(--nevoa);border-right:1.5px solid var(--nevoa);transform:rotate(45deg);margin-right:3px;flex:none}
.funil-sep{width:1px;height:22px;background:var(--linha);margin:0 6px}
.trilho.trilho-lead{max-width:620px;min-width:460px}
.historico li b{font-weight:600}
.amostra-itens{list-style:none;margin:0;padding:0}
.amostra-itens li{display:flex;align-items:center;gap:6px;padding:1px 0}
.prox-data{font-weight:600;margin-bottom:2px}
.campo-prox{display:grid;gap:8px;margin-top:10px}
.campo-prox .btn{justify-self:start}

/* Avisos (toast): sempre o inverso do papel, legível em tema claro e escuro */
.avisos{position:fixed;left:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:100}
.aviso{background:var(--tinta);color:var(--papel);padding:10px 14px;border-radius:var(--raio);
  box-shadow:0 10px 26px rgba(0,0,0,.22);max-width:440px;font-size:calc(var(--fs) - 1px);animation:sobe .18s ease-out}
@keyframes sobe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:1100px){
  .grade{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .topo{gap:14px;padding:0 16px;overflow-x:auto}
  .usuario{display:none}
  .submenu{padding-left:16px;padding-right:16px}
  .cabecalho-dentro,.grade{padding-left:16px;padding-right:16px}
  :root{--secao-h:16px}
  .acoes{margin-left:0}
  .entrega-corpo{grid-template-columns:minmax(0,1fr)}
  .entrega-corpo>div+div{border-left:0;border-top:1px solid var(--linha-fraca)}
  .filtros input[type=search],.filtros select{width:100%}
  .campos .largo{grid-column:auto}
  .avisos{left:16px;right:16px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{
  body{background:#fff;font-size:12px;display:block!important}
  .navegacao,.acoes,.btn,.avisos,dialog,.migalha,.trilho-rolagem{display:none!important}
  .cabecalho{border:0}
  .grade{display:block;padding:0}
  .folha{border:0;box-shadow:none}
  .sangra{margin:0}
  .lateral{margin-top:16px;columns:2;column-gap:32px}
  .bloco{break-inside:avoid}
}

/* Configurações */
.tab-param td:first-child{width:34%}
.tab-param td:nth-child(2){white-space:nowrap}
.apagado-leve{color:var(--grafite);font-size:calc(var(--fs) - 1px)}
.tab-alertas .centro,.tab-alertas th.centro{text-align:center;width:110px}
.tab-alertas input[type=checkbox]{width:16px;height:16px;margin:0}
.centro{text-align:center}
.tab-fin tr.inativo td{color:var(--nevoa)}
.passos-tg{margin:0;padding-left:20px;display:grid;gap:8px}
.codigo-tg{font-size:calc(var(--fs) + 5px);letter-spacing:.12em;margin-left:4px}

/* Sistema: botão Sair (formulário POST com cara de link) */
.form-sair{margin:0}
.form-sair button{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;font:inherit;color:var(--painel-texto);cursor:pointer}
.form-sair button:hover{color:var(--painel-ativo)}
.form-linha{display:inline}

/* Sistema: avisos ao lado do menu lateral, não por cima do Sair; e não seguram clique */
.avisos{pointer-events:none}
@media (min-width:761px){html[data-menu=lateral] .avisos{left:calc(200px + 24px)}}
@media (min-width:761px) and (max-width:1439px){html[data-menu=lateral] .avisos{left:calc(64px + 24px)}}

/* Sistema: erros de formulário junto do campo */
.erro-campo{display:block;margin-top:4px;font-size:calc(var(--fs) - 1px)}
label[data-erro] input,label[data-erro] select,label[data-erro] textarea{border-color:var(--alerta)}
.dlg-pagina{max-width:560px}
input.num{text-align:right}
.dlg-corpo > .campo-medio:first-child{margin-top:0}
.senha-provisoria{font-size:calc(var(--fs) + 9px);font-weight:600;letter-spacing:.06em;margin:4px 0 12px;user-select:all}

/* Sistema: filtros de lista (com JavaScript a lista muda sozinha e o botão Filtrar sai) */
.com-js [data-sem-js]{display:none}

/* Vendas: funil de leads como links, resultado da Receita no cadastro, formulário de página */
a.funil-passo,a.funil-passo:hover{text-decoration:none}
.funil-passo[aria-current]{background:var(--primaria);border-color:var(--primaria);color:var(--primaria-texto)}
.chip .ponto-ok{background:var(--ok-ponto)}
.resultado-receita{margin-top:10px}
.espaco-acima{margin-top:12px}
.acoes.acoes-do-form{margin:14px 0 0}
.sem-quebra{white-space:nowrap}

/* Vendas: pedido */
.campo-medio.sem-margem{margin-top:0}
fieldset.transporte{margin-top:18px}
fieldset.transporte > legend{margin-bottom:8px}
.campo-bloco{display:block}
.chip-filtro:has(input:checked){background:var(--primaria);border-color:var(--primaria);color:var(--primaria-texto)}
.chip-filtro:has(input:checked) .n{color:inherit;opacity:.75}
.chip-filtro:has(input:focus-visible){outline:var(--foco-largura) solid var(--foco);outline-offset:2px}
.mais-lista a{display:block;padding:8px 10px;border-radius:4px;color:var(--tinta)}
.mais-lista a:hover{background:var(--papel-3);text-decoration:none}
.mais-lista form{margin:0}
.trilho form{display:contents}
.tab-lista-pedidos .cli{min-width:170px}
.tab-lista-pedidos th{white-space:normal;vertical-align:bottom}
.tab-lista-pedidos .cli b{font-weight:600}
.tab-lista-pedidos .cli a{color:var(--tinta)}

/* Entrar e criar senha (páginas fora do menu) */
.pagina-entrada{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.entrada{width:100%;max-width:360px}
.entrada-marca{display:flex;align-items:center;gap:9px;font-weight:600;font-size:calc(var(--fs) + 2px);margin:0 0 16px 2px}
.entrada-marca .anel{width:16px;height:16px;background:var(--painel);box-shadow:none}
.entrada .folha{padding:22px 24px 24px}
.entrada h1{font-size:calc(var(--fs) + 7px)}
.entrada .frase{margin:4px 0 18px}
.entrada label{display:block;margin-bottom:14px}
.entrada .erro{margin:0 0 14px}
.entrada .btn-pri{width:100%;height:38px}
.entrada .ajuda{margin:16px 2px 0}