/* Montserrat (SIL Open Font License) servida pela própria aplicação — sem depender de internet */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/montserrat-latin.woff2') format('woff2')}
  /* ===== Tema — tudo aqui dentro, não depende de nada externo ===== */
  :root{ --navy:#0e2452; --azul:#1f7ae0; --brilho:#4db2ff; --verde:#16a34a; --roxo:#9333ea; --laranja:#ea8a00; --vermelho:#e03131; --lateral:215px; }
  [data-tema="escuro"]{ color-scheme:dark;
    /* Campo mais claro que o painel (pedido do Weliton em 29/09/2026 -- "tá muito apagado"): antes
       --campo era igual a --fundo, então a caixa de digitar sumia dentro da própria página, só a borda
       fina separava. Agora o campo é claramente mais claro que o painel ao redor, com borda mais forte. */
    --fundo:#0b1322; --painel:#131d31; --painel2:#0f1829; --campo:#1c2c4a; --campo-foco:#22335a;
    --borda:#243149; --borda-campo:#4d648f; --texto:#dbe4f3; --texto2:#8c9bb5; --rotulo:#9fb0cc;
    --ro:#162235; --sel:#1b3a66; --lat:#081026; --lat-texto:#b9c7e2; --hover:#18253d; }
  [data-tema="claro"]{ color-scheme:light;
    /* Mesmo ajuste no tema claro: campo com leve tom próprio (não idêntico ao painel branco) e borda
       mais escura, pra continuar se destacando quando o painel de fundo também for branco. */
    --fundo:#f1f4f9; --painel:#fff; --painel2:#f6f8fc; --campo:#fbfcfe; --campo-foco:#fffdf0;
    --borda:#dbe3ef; --borda-campo:#9db0cc; --texto:#1f2d45; --texto2:#6b7a93; --rotulo:#56688a;
    --ro:#eef2f8; --sel:#dcebff; --lat:#0e2452; --lat-texto:#c9d6ef; --hover:#f1f6ff; }
  *{box-sizing:border-box} html,body{margin:0}
  body{font-family:'Montserrat','Segoe UI',system-ui,Arial,sans-serif;background:var(--fundo);color:var(--texto);font-size:13px}
  svg.i{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
  button{font-family:inherit}
  .faixa-teste{background:repeating-linear-gradient(45deg,#f59f00,#f59f00 12px,#f08c00 12px,#f08c00 24px);color:#1a1a1a;text-align:center;font-weight:800;letter-spacing:.12em;font-size:11px;position:fixed;top:0;left:0;right:0;z-index:50;height:18px;line-height:18px}

  /* Menu lateral */
  .lateral{position:fixed;top:18px;bottom:0;left:0;width:var(--lateral);background:var(--lat);color:var(--lat-texto);overflow-y:auto;z-index:40}
  .marca{display:flex;align-items:center;gap:9px;padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
  .selo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--azul),var(--brilho));display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}
  .marca b{color:#fff;font-size:14px;display:block;line-height:1.1} .marca small{font-size:10.5px;color:#7f95c0}
  .menu-titulo{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6479a3;padding:10px 14px 3px;font-weight:700}
  .menu a{display:flex;align-items:center;gap:9px;padding:5px 14px;color:var(--lat-texto);text-decoration:none;font-weight:500;border-left:3px solid transparent;font-size:12.5px}
  .menu a:hover{background:rgba(255,255,255,.05);color:#fff}
  .menu a.ativo{background:rgba(77,178,255,.13);color:#fff;border-left-color:var(--brilho)}
  .menu a.off{opacity:.45}

  /* Topo */
  .principal{margin-left:var(--lateral);padding-top:18px;min-height:100vh}
  .topo{background:var(--painel);border-bottom:1px solid var(--borda);padding:7px 18px;display:flex;align-items:center;gap:12px;position:sticky;top:18px;z-index:30}
  .topo h1{font-size:15.5px;font-weight:700;margin:0} .caminho{font-size:11px;color:var(--texto2)}
  .empresa{margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid var(--borda);border-radius:8px;padding:4px 8px;background:var(--painel2)}
  .empresa select{border:0;background:transparent;font-weight:600;color:var(--texto);font-size:12.5px;outline:none;font-family:inherit}
  .bt-tema{border:1px solid var(--borda);background:var(--painel2);color:var(--texto);border-radius:8px;padding:5px 7px;cursor:pointer;display:grid;place-items:center}
  .usuario{display:flex;align-items:center;gap:8px;font-size:12.5px}
  .av{width:30px;height:30px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-weight:700}
  .conteudo{padding:12px 18px 90px}
  .painel{background:var(--painel);border:1px solid var(--borda);border-radius:10px}

  /* Abas */
  .abas{display:flex;gap:3px;padding:7px 7px 0;background:var(--painel2);border-bottom:1px solid var(--borda);border-radius:10px 10px 0 0;flex-wrap:wrap}
  .aba{display:flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:7px 7px 0 0;background:transparent;color:var(--texto2);font-weight:600;font-size:12.5px;cursor:pointer}
  .aba:hover{color:var(--texto);background:var(--hover)}
  .aba.ativa{background:var(--azul);color:#fff}
  .aba .cont{background:var(--borda);border-radius:10px;padding:0 6px;font-size:10.5px}
  .aba.ativa .cont{background:rgba(255,255,255,.2)}
  .aba kbd{font-family:inherit;font-size:9.5px;opacity:.6}
  .painel-aba{padding:10px 14px 12px} .painel-aba[hidden]{display:none}

  /* Seções numeradas */
  .secao{display:flex;align-items:center;gap:8px;margin:2px 0 7px;padding-bottom:5px;border-bottom:1px solid var(--borda)}
  .num{width:19px;height:19px;border-radius:5px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:10.5px}
  .num.azul{background:var(--azul)}.num.verde{background:var(--verde)}.num.roxo{background:var(--roxo)}.num.laranja{background:var(--laranja)}
  .secao h3{margin:0;font-size:13px;font-weight:700} .secao small{color:var(--texto2);font-size:11px}

  /* Campos compactos */
  .grade-campos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px 10px;margin-bottom:12px}
  .painel-aba .grade-campos:last-child{margin-bottom:0}
  .c1{grid-column:span 1}.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}
  .campo label.rot{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rotulo);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .obrig::after{content:" *";color:var(--vermelho)}
  .entrada{width:100%;height:29px;padding:3px 8px;background:var(--campo);color:var(--texto);border:1px solid var(--borda-campo);border-radius:6px;font:inherit;font-size:13px;outline:none}
  textarea.entrada{height:52px;resize:vertical;padding-top:5px}
  .entrada:focus{border-color:var(--azul);box-shadow:0 0 0 2px rgba(31,122,224,.28);background:var(--campo-foco)}
  .entrada[readonly],.entrada:disabled{background:var(--ro);color:var(--texto2);opacity:1}
  .num-dir{text-align:right}
  .com-bt{display:flex} .com-bt .entrada{border-radius:6px 0 0 6px}
  .com-bt button{border:1px solid var(--borda-campo);border-left:0;background:var(--painel2);color:var(--texto2);border-radius:0 6px 6px 0;padding:0 8px;cursor:pointer;font-weight:600;font-size:12px;display:flex;align-items:center;gap:4px}
  .com-bt button:hover:not(:disabled){color:var(--azul)}
  .dica{font-size:10.5px;color:var(--texto2);margin-top:1px;line-height:1.25}
  .ok{color:#2fb344!important}.erro{color:var(--vermelho)!important}
  .marcadores{display:flex;gap:14px;align-items:center;height:29px}
  .marcadores label{display:flex;align-items:center;gap:5px;cursor:pointer;font-weight:600}
  .sugestao{grid-column:span 6;border:1px solid rgba(31,122,224,.45);background:rgba(31,122,224,.1);border-radius:8px;padding:6px 10px;font-size:12.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .sugestao[hidden]{display:none}
  .bt-mini{border:0;background:var(--azul);color:#fff;border-radius:6px;padding:3px 10px;font-weight:600;font-size:12px;cursor:pointer}

  /* Listagem */
  .filtros{display:flex;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--borda);flex-wrap:wrap}
  .pesq{position:relative;flex:0 1 460px} .pesq svg{position:absolute;left:9px;top:7px;color:var(--texto2)} .pesq .entrada{padding-left:30px}
  .check{display:flex;align-items:center;gap:6px;color:var(--texto2);cursor:pointer}
  .contador{margin-left:auto;color:var(--texto2);font-size:12px}
  .tabela-caixa{overflow:auto;max-height:calc(100vh - 215px)}
  table{width:100%;border-collapse:collapse}
  th{position:sticky;top:0;background:var(--painel2);color:var(--rotulo);font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:6px 10px;border-bottom:1px solid var(--borda)}
  td{padding:5px 10px;border-bottom:1px solid var(--borda);white-space:nowrap}
  tbody tr{cursor:pointer} tbody tr:hover td{background:var(--hover)} tbody tr.sel td{background:var(--sel)}
  tbody tr.inativo td{color:var(--texto2);text-decoration:line-through}
  .dir{text-align:right}
  .rodape-lista{padding:6px 12px;color:var(--texto2);font-size:11.5px}
  .etq{display:inline-block;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:700;background:var(--borda);color:var(--texto2);margin-right:3px}
  .subtabela{border:1px solid var(--borda);border-radius:8px;overflow:hidden}
  .subtabela td{padding:4px 10px} .subtabela .rem{border:0;background:transparent;color:var(--vermelho);cursor:pointer}

  /* Barra de ações */
  .barra-acoes{position:fixed;left:var(--lateral);right:0;bottom:0;background:var(--painel);border-top:1px solid var(--borda);padding:7px 18px;display:flex;gap:6px;flex-wrap:wrap;z-index:30}
  .bt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borda);background:var(--painel2);color:var(--texto);border-radius:7px;padding:5px 10px;font-weight:600;font-size:12.5px;cursor:pointer}
  .bt:hover:not(:disabled){border-color:var(--azul)} .bt:disabled{opacity:.35;cursor:not-allowed}
  .bt kbd{background:var(--borda);color:var(--texto2);font-size:10px;padding:1px 5px;border-radius:4px;font-family:inherit;font-weight:700}
  .bt.prim{background:var(--azul);border-color:var(--azul);color:#fff} .bt.prim kbd{background:rgba(255,255,255,.2);color:#fff}
  .bt.perigo{color:var(--vermelho)}
  .modo{margin-left:auto;align-self:center;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--borda);color:var(--texto2)}
  .modo.editar{background:#5c4400;color:#ffd666} .modo.novo{background:#0f4d25;color:#8ce99a}
  [data-tema="claro"] .modo.editar{background:#fff3bf;color:#8a6100} [data-tema="claro"] .modo.novo{background:#d3f9d8;color:#1e7a34}

  /* Janelas */
  .fundo-janela{position:fixed;inset:0;background:rgba(3,8,20,.6);display:none;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:60}
  .fundo-janela.aberta{display:flex}
  .janela{background:var(--painel);border:1px solid var(--borda);border-radius:12px;width:min(440px,92vw);box-shadow:0 20px 50px rgba(0,0,0,.4)}
  .janela header{padding:9px 14px;border-bottom:1px solid var(--borda);font-weight:700;display:flex;align-items:center;gap:8px}
  .janela .corpo{padding:12px 14px} .janela .rodape{padding:9px 14px;border-top:1px solid var(--borda);display:flex;justify-content:flex-end;gap:6px}
  .itens{max-height:280px;overflow:auto;margin-top:8px;border:1px solid var(--borda);border-radius:8px}
  .itens div{padding:5px 10px;cursor:pointer;border-bottom:1px solid var(--borda)} .itens div:last-child{border-bottom:0}
  .itens div.sel{background:var(--azul);color:#fff}
  .atalhos td{padding:4px 8px} .atalhos kbd{background:var(--azul);color:#fff;border-radius:4px;padding:1px 6px;font-family:inherit;font-weight:700;font-size:11px}
  .aviso{position:fixed;right:20px;bottom:60px;background:var(--navy);color:#fff;padding:9px 14px;border-radius:9px;font-weight:600;display:none;z-index:70;box-shadow:0 8px 24px rgba(0,0,0,.3)}
  .aviso.erro{background:var(--vermelho)}
  @media (max-width:1100px){ :root{--lateral:180px} .usuario div:last-child{display:none} }
  @media (max-width:640px){
    .lateral{display:none}.principal{margin-left:0}.barra-acoes{left:0}
    .grade-campos{grid-template-columns:repeat(2,minmax(0,1fr))}
    .c1,.c2,.c3,.c4,.c5,.c6,.sugestao{grid-column:span 2}
    .topo{flex-wrap:wrap}.empresa{margin-left:0}
  }

  /* Telas de entrada (login, troca de senha, escolha de empresa) */
  .entrada-pagina{min-height:100vh;display:grid;place-items:center;padding:30px 16px}
  .cartao-entrada{width:min(380px,100%);background:var(--painel);border:1px solid var(--borda);border-radius:14px;padding:26px 24px 20px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
  .cartao-entrada .marca-entrada{display:flex;align-items:center;gap:10px;margin-bottom:18px}
  .cartao-entrada .marca-entrada b{font-size:17px;display:block}
  .cartao-entrada .marca-entrada small{color:var(--texto2);font-size:11.5px}
  /* Marca no topo do login: logo da 55 Informática em branco, centralizado, com o nome do sistema embaixo.
     Usa o logo branco porque a tela de login é sempre escura (Login.cshtml fixa data-tema="escuro");
     se um dia a tela virar clara, trocar a imagem por img/logo-55.png em vez de inverter a cor. */
  .cartao-entrada .marca-topo{text-align:center;margin-bottom:20px}
  .cartao-entrada .marca-topo img{width:168px;max-width:100%;display:block;margin:2px auto 14px}
  .cartao-entrada .marca-topo .filete{height:1px;margin-bottom:11px;
    background:linear-gradient(90deg,transparent,var(--borda-campo),transparent)}
  .cartao-entrada .marca-topo .nome-sistema{font-size:15px;font-weight:700;letter-spacing:3.2px;text-transform:uppercase}
  .cartao-entrada .campo{margin-bottom:10px}
  .cartao-entrada .entrada{height:34px}
  .cartao-entrada .bt{width:100%;justify-content:center;padding:8px;margin-top:6px}
  .msg-erro{background:rgba(224,49,49,.14);border:1px solid rgba(224,49,49,.45);color:#ff8787;border-radius:8px;padding:7px 10px;font-size:12.5px;margin-bottom:10px}
  [data-tema="claro"] .msg-erro{color:#c92a2a}
  .creditos{text-align:center;color:var(--texto2);font-size:11px;margin-top:14px}
  .lista-empresas a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border:1px solid var(--borda);border-radius:9px;margin-bottom:7px;color:var(--texto);text-decoration:none;font-weight:600}
  .lista-empresas a:hover,.lista-empresas a:focus{border-color:var(--azul);outline:none;background:var(--hover)}
  .lista-empresas small{color:var(--texto2);font-weight:500}
  .rodape-lateral{padding:10px 14px;color:#6479a3;font-size:10.5px;border-top:1px solid rgba(255,255,255,.07);margin-top:10px}
  .etq.exclusivo{background:rgba(234,138,0,.2);color:#ffb84d}
  .carregando{opacity:.6;pointer-events:none}
  body.sem-faixa .lateral{top:0} body.sem-faixa .principal{padding-top:0} body.sem-faixa .topo{top:0}
  .topo a.bt-tema{color:var(--texto)}

  /* Menu com ícones coloridos (quadradinho cheio, desenho branco) */
  .menu{padding:0 8px}
  .menu-titulo{padding:12px 8px 4px}
  .menu a{gap:10px;padding:5px 8px;border-left:0;border-radius:9px;margin-bottom:1px;font-weight:600}
  .menu a.ativo{background:rgba(255,255,255,.09);color:#fff;border-left:0}
  .menu a.off{opacity:1}
  .menu a em{margin-left:auto;font-style:normal;font-size:9.5px;font-weight:700;color:#8fa6cf;background:rgba(255,255,255,.07);padding:1px 6px;border-radius:8px;white-space:nowrap}
  .bloco-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
  .bloco-ico svg.i{width:14px;height:14px;stroke:#fff;stroke-width:2.2}
  .lateral{overflow-x:hidden}
  @media (max-width:1100px){ .menu a em{display:none} }
  /* Submenu (ex.: Produtos › Grupos, Subgrupos, Marcas, Unidades) */
  .menu a .seta{margin-left:auto;font-style:normal;font-size:16px;line-height:1;color:#8fa6cf;padding:2px 6px;border-radius:6px;transition:transform .15s}
  .menu a .seta:hover{background:rgba(255,255,255,.08);color:#fff}
  .menu a .seta.aberta{transform:rotate(90deg)}
  .submenu{margin:0 0 4px 21px;padding-left:10px;border-left:1px solid rgba(255,255,255,.1)}
  .submenu a{padding:4px 8px;font-size:12px;font-weight:500;gap:8px}
  .submenu .ponto{width:7px;height:7px;border-radius:50%;flex:none}

  /* Barra de ações no alto, logo abaixo do título, com ícones coloridos */
  .cabecalho{position:sticky;top:18px;z-index:30}
  body.sem-faixa .cabecalho{top:0}
  .cabecalho .topo{position:static}
  .cabecalho .barra-acoes{position:static;left:auto;right:auto;bottom:auto;box-shadow:0 4px 12px rgba(0,0,0,.18);border-top:0;border-bottom:1px solid var(--borda);padding:6px 18px}
  .conteudo{padding-bottom:24px}
  .bt .bloco-ico{width:22px;height:22px;border-radius:6px;display:inline-grid!important}
  .bt .bloco-ico svg.i{width:13px;height:13px}
  .bt{padding:4px 10px 4px 5px}
  .bt:disabled .bloco-ico{filter:grayscale(1)}
  .bt.gravar:not(:disabled){border-color:#10b981;box-shadow:0 0 0 1px rgba(16,185,129,.35)}
  .bt.perigo{color:var(--texto)}
  .tabela-caixa{max-height:calc(100vh - 250px)}

  /* Avisos no alto e no meio da tela (a barra de tarefas do Windows escondia o canto de baixo) */
  .aviso{top:140px;bottom:auto;right:auto;left:50%;transform:translateX(-50%);max-width:min(620px,92vw);font-size:14px;padding:11px 18px;text-align:center;line-height:1.35}
  body.sem-faixa .aviso{top:122px}
  #janSair .janela{width:min(540px,94vw)} #janSair .corpo{line-height:1.5;font-size:13.5px}

  /* Tecla dentro dos botões: mais visível (pedido do Weliton) */
  .bt kbd{background:#e2e8f0;color:#0f172a;border:0;font-size:10.5px;padding:2px 6px}
  .bt.prim kbd,.bt.gravar:not(:disabled) kbd{background:#fff;color:#0f172a}
  .bt:disabled kbd{background:var(--borda);color:var(--texto2)}
  [data-tema="claro"] .bt kbd{background:#1f2d45;color:#fff}
  .janela .rodape .bt{padding:6px 12px;font-size:13px}

  /* Pedidos */
  #telaPedidos .painel-aba{padding:10px 14px 12px}
  .ped-filtros{padding:10px 12px}
  .ped-filtros .bt{padding:4px 8px;font-size:12px}
  kbd.tecla{font-family:inherit;font-size:9.5px;background:var(--azul);color:#fff;border-radius:4px;padding:0 5px;margin-left:4px;letter-spacing:0}
  .resumo-cliente{font-size:12.5px;color:var(--texto);display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:22px}
  .texto2{color:var(--texto2)}
  .lancamento{border-color:rgba(16,185,129,.45)}
  .destaque-amarelo{background:#fff3bf!important;color:#5c4400!important;font-weight:700}
  .totais-pedido{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1fr 1.6fr;gap:10px;align-items:end}
  /* Orçamento não tem Frete (só existe no Pedido/venda) -- 3 campos em vez de 4. */
  .totais-orcamento{grid-template-columns:repeat(3,minmax(0,1fr)) 1fr 1.6fr}
  /* Observação do item do Orçamento, igual à impressão: linha extra em itálico abaixo da descrição. */
  .item-obs{font-style:italic;color:var(--texto2);font-size:11.5px;margin-top:2px}
  .total-produtos{text-align:right;color:var(--texto2);font-size:12px}
  .total-produtos b{font-size:16px;color:var(--texto)}
  .total-grande{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--borda);border-radius:10px;padding:6px 14px;background:var(--painel2)}
  .total-grande span{font-weight:800;color:var(--texto2);letter-spacing:.08em}
  .total-grande b{font-size:28px;color:#ff4d4d;font-weight:800}
  .pagar-total{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}
  .pagar-total b{font-size:24px;color:#ff4d4d}
  .pagar-resumo{display:flex;gap:18px;justify-content:flex-end;margin-top:10px;font-size:13px}
  .pagar-resumo b{font-size:15px}
  .opcoes-destino{display:grid;gap:8px}
  .opcoes-destino .bt{justify-content:flex-start;padding:8px 10px;text-align:left}
  .opcoes-destino .bt small{display:block;font-weight:500;color:var(--texto2);font-size:11px}
  @media (max-width:900px){ .totais-pedido{grid-template-columns:repeat(2,minmax(0,1fr))} }
  /* Aviso embaixo, no meio (não cobre as janelas nem fica atrás da barra de tarefas no canto) */
  .aviso,body.sem-faixa .aviso{top:auto;bottom:70px}

  /* Financeiro (contas a receber / pagar) */
  .fin-filtros{display:grid;grid-template-columns:auto auto 1fr 1fr;gap:14px;padding:10px 12px;align-items:start}
  .fin-bloco .rot{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rotulo);margin-bottom:3px}
  .fin-bloco .entrada{height:28px}
  .fin-bloco .bt{padding:3px 8px;font-size:12px}
  .apagado{opacity:.45}
  .botoes-grupo{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--borda-campo);border-radius:7px;overflow:hidden;width:fit-content;margin-bottom:4px}
  .botoes-grupo button{border:0;border-right:1px solid var(--borda-campo);background:var(--painel2);color:var(--texto);padding:5px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
  .botoes-grupo button:last-child{border-right:0}
  .botoes-grupo button:hover{background:var(--hover)}
  .botoes-grupo button.ativo{background:var(--azul);color:#fff}
  .botoes-grupo button kbd{font-family:inherit;font-size:9.5px;background:rgba(255,255,255,.25);border-radius:3px;padding:0 4px;margin-left:3px}
  .fin-faixa{margin:10px 0 0;background:linear-gradient(90deg,#1a64c0,#1f7ae0);color:#fff;text-align:center;font-weight:800;letter-spacing:.08em;padding:6px;border-radius:10px 10px 0 0}
  .modo-pagar .fin-faixa{background:linear-gradient(90deg,#b91c1c,#dc2626)}
  .modo-pagar .botoes-grupo#finTipo button.ativo{background:#dc2626}
  .fin-faixa + .painel{border-top-left-radius:0;border-top-right-radius:0}
  .fin-grade{max-height:calc(100vh - 470px);min-height:180px}
  .fin-grade td{padding:4px 8px}
  .fin-grade tfoot td{position:sticky;bottom:0;background:var(--painel2);font-weight:700;border-top:1px solid var(--borda)}
  .fin-marca{cursor:pointer;font-size:15px;line-height:1}
  .fin-mais{border:1px solid var(--borda-campo);background:var(--painel2);color:var(--texto);width:18px;height:18px;border-radius:4px;font-weight:800;line-height:14px;padding:0;cursor:pointer}
  tr.marcada td{background:rgba(31,122,224,.22)!important}
  .cel-parcela.atrasada,.cel-dias.atrasada{background:#dc2626!important;color:#fff;font-weight:700}
  .cel-parcela.hoje{background:#2563eb!important;color:#fff;font-weight:700}
  .cel-parcela.paga{background:#eab308!important;color:#1a1a1a;font-weight:700}
  .cel-parcela.parcial{background:#f9a8d4!important;color:#1a1a1a;font-weight:700}
  .cel-liquido{background:rgba(31,122,224,.1)}
  tr.fin-sub td{background:var(--painel2)!important;padding:6px 10px 10px 40px}
  .fin-pagtos{font-size:12px}
  .fin-alca{display:block;margin:0 auto;border:1px solid var(--borda);border-top:0;background:#eab30833;color:var(--texto);font:inherit;font-size:11px;font-weight:700;padding:2px 14px;border-radius:0 0 8px 8px;cursor:pointer}
  .fin-base{display:grid;grid-template-columns:auto 1fr auto;gap:12px;margin-top:10px;align-items:stretch}
  .fin-total{border:1px solid var(--borda);border-radius:10px;background:var(--painel);padding:8px 16px;display:flex;flex-direction:column;justify-content:center}
  .fin-total span{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--texto2)}
  .fin-total b{font-size:28px;color:#ff4d4d;font-weight:800}
  .fin-info{border:1px solid var(--borda);border-radius:10px;background:var(--painel);padding:8px 14px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;font-size:12.5px;align-content:center}
  .fin-selecao{border:1px solid #eab30866;border-radius:10px;background:#eab30814;padding:8px 14px;display:grid;gap:2px;font-size:12.5px;align-content:center}
  .fin-selecao b{color:#fbbf24}
  .fin-legenda{display:flex;gap:14px;margin-top:8px;font-size:11.5px;flex-wrap:wrap}
  .fin-legenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:-2px}
  .bx-resumo{display:flex;gap:18px;justify-content:flex-end;margin-top:10px;font-size:13px;flex-wrap:wrap}
  .bx-resumo b{font-size:16px;color:#60a5fa}
  @media (max-width:1100px){ .fin-filtros{grid-template-columns:1fr 1fr} .fin-base{grid-template-columns:1fr} }

  /* Renegociação */
  .rn-topo{display:grid;grid-template-columns:repeat(4,auto);gap:18px;justify-content:start;align-items:end}
  .rn-topo b{font-size:18px}
  .rn-topo .rot{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rotulo)}
  .rn-total{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:8px 0;font-weight:700}
  .rn-total b{font-size:22px;color:#a78bfa}
  .rn-conferencia{margin-top:6px;font-size:12.5px;text-align:right}
  #rnLinhas .entrada{height:27px}
  .cel-parcela.renegociada{background:#6b7280!important;color:#fff}
  .fin-ren{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.4);border-radius:8px;padding:5px 10px;margin-bottom:6px;font-size:12.5px}

  /* Botão Atualizar no topo */
  .bt-atualizar{display:flex!important;align-items:center;gap:6px;font-weight:600;font-size:12.5px;padding:5px 10px!important}
  .bt-atualizar.versao-nova{background:#16a34a;border-color:#16a34a;color:#fff;animation:pulsar 1.6s infinite}
  @keyframes pulsar{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}50%{box-shadow:0 0 0 6px rgba(22,163,74,0)}}
  @media (max-width:1100px){ #btAtualizarTxt{display:none} }

  .bt-mini.cinza{background:#475569}
  tr.estornada-linha td{color:var(--texto2)}
  tr.estornada-linha td:nth-child(-n+8){text-decoration:line-through}
  /* Página de registro de erros */
  .lista-erros td{vertical-align:top}
  tr.detalhe-erro td{background:var(--painel2);padding:10px 14px}
  .grade-det{display:grid;gap:2px;font-size:12.5px;margin-bottom:8px}
  .bloco-det{margin-top:8px;font-size:12.5px}
  .bloco-det pre{background:#050a14;color:#cbd5e1;border:1px solid var(--borda);border-radius:8px;padding:8px 10px;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;font-size:11.5px;margin:4px 0 0}

  /* Financeiro: filtros com cliente/fornecedor no topo */
  .fin-filtros2{padding:10px 12px;display:grid;gap:8px}
  .fin-linha1{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px;align-items:end}
  .fin-linha2{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
  .fin-pessoa .entrada{height:34px;font-size:14px;font-weight:600}
  .fin-filtros2 .rot{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rotulo);margin-bottom:3px}
  .fin-filtros2 .fin-bloco .entrada{height:28px}
  .fin-filtros2 .bt{padding:3px 8px;font-size:12px}
  .fin-faixa-pessoa{margin-left:14px;background:rgba(255,255,255,.18);border-radius:6px;padding:1px 10px;letter-spacing:.02em}
  .fin-faixa-pessoa small{font-weight:600;opacity:.8}
  .cel-venc.atrasada{background:#dc2626!important;color:#fff;font-weight:700}
  .cel-venc.hoje{background:#2563eb!important;color:#fff;font-weight:700}
  .cel-venc.paga{background:#eab308!important;color:#1a1a1a;font-weight:700}
  .cel-venc.parcial{background:#f9a8d4!important;color:#1a1a1a;font-weight:700}
  .cel-venc.renegociada{background:#6b7280!important;color:#fff}
  .valor-atrasado b{color:#f87171}
  .dias-atraso{color:#f87171;font-weight:700}
  @media (max-width:1100px){ .fin-linha1{grid-template-columns:1fr} }

  .fin-pessoa-linha{display:flex;gap:6px;align-items:stretch}
  .fin-pessoa-linha #finCodigo{width:110px;flex:none;height:34px;font-size:14px;font-weight:700;background:#fff3bf;color:#1a1a1a}
  .fin-pessoa-linha #finPessoa{background:#fff3bf;color:#1a1a1a}
  .fin-pessoa-linha .bt{white-space:nowrap}
  [data-tema="escuro"] .fin-pessoa-linha #finCodigo,[data-tema="escuro"] .fin-pessoa-linha #finPessoa{background:#2a2410;color:#fde68a;border-color:#a16207}

  /* CORREÇÃO: .erro (cor vermelha !important das dicas) deixava o texto da tarja invisível */
  .aviso.erro{color:#fff!important}

  /* Enquanto grava: cursor de espera (a ação repetida é ignorada) */
  body.gravando, body.gravando *{cursor:progress!important}

  /* ===== Financeiro › Colaboradores (mesmo visual do financeiro) ===== */
  .cl-topo{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:stretch}
  .cl-mes{display:flex;align-items:center;gap:8px}.cl-mes b{min-width:150px;text-align:center;font-size:16px}
  .cl-somas{display:flex;gap:22px;align-items:center;justify-content:flex-end}
  .cl-somas div{display:flex;flex-direction:column}.cl-somas span{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--texto2)}.cl-somas b{font-size:18px}
  .cl-faixa{background:linear-gradient(90deg,#c2410c,#f97316)}
  .cl-painel-extrato{margin-top:10px}
  .cl-extrato-tit{font-weight:700;margin-bottom:6px}
  .cl-extrato{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
  .cl-extrato .subtabela td:last-child{white-space:normal}
  .cl-extrato .subtabela{width:100%}
  .cl-extrato.compacto{margin-bottom:8px;grid-template-columns:minmax(0,1fr) 260px}
  .cl-lancs tr.sel td{background:rgba(31,122,224,.22)!important}
  .cl-foco-fora tr.sel td{opacity:.7}
  .cl-conta{border:1px solid var(--borda);border-radius:10px;background:var(--painel2);padding:8px 12px;font-size:13px}
  .cl-conta div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0}
  .cl-conta small{flex-basis:100%;text-align:right;font-size:10.5px;color:var(--texto2);margin-top:-3px}
  .cl-conta div{flex-wrap:wrap}
  .cl-conta .cl-bruto,.cl-conta .cl-liquido{border-top:1px dashed var(--borda);margin-top:2px;padding-top:4px}
  .cl-conta .cl-liquido b{font-size:16px;color:#60a5fa}
  .cl-conta .cl-apagar b{font-size:18px;color:#ff4d4d}
  .cl-negativo{color:#f87171}
  .etq.cl-tipo-mais{background:#16a34a33;color:#4ade80}.etq.cl-tipo-menos{background:#dc262633;color:#f87171}
  .etq.cl-paga{background:#eab30833;color:#fbbf24}.etq.cl-aberta{background:#3b82f633;color:#60a5fa}

  /* ===== Financeiro › Cobrança (mesmo visual do financeiro) ===== */
  .cb-topo{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}
  .cb-topo .fin-total{margin-left:auto}
  .cb-sinc{display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:12px;color:var(--texto2)}
  .cb-sinc b{color:var(--texto)}
  .cb-aviso-juros{color:#fbbf24;font-weight:700}
  .cb-faixa{background:linear-gradient(90deg,#0369a1,#0ea5e9)}
  .cb-sub{font-size:11px}
  .cb-zap{color:#4ade80;white-space:nowrap}.cb-zap svg{width:13px;height:13px;vertical-align:-2px}
  .etq.cb-semfone{background:#dc262633;color:#f87171}
  .cb-dias{font-weight:800;padding:0 6px;border-radius:4px}
  .cb-atraso1{background:#eab30833;color:#fbbf24}.cb-atraso2{background:#f9731633;color:#fb923c}.cb-atraso3{background:#dc262644;color:#f87171}
  .etq.cb-hoje{background:#3b82f6;color:#fff}.etq.cb-promessa{background:#16a34a33;color:#4ade80}.etq.cb-quebrada{background:#dc2626;color:#fff}
  .cb-ficha{margin-top:10px}
  .cb-ficha-tit{margin-bottom:8px;font-size:14px}
  .cb-grade{display:grid;grid-template-columns:250px minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}
  /* Notebook (até ~1500px): contatos + parcelas lado a lado, histórico embaixo com a largura toda */
  @media (max-width:1500px){.cb-grade{grid-template-columns:250px minmax(0,1fr)}.cb-grade > :last-child{grid-column:1 / -1}}
  .cb-contatos{border:1px solid var(--borda);border-radius:10px;background:var(--painel2);padding:8px 12px;font-size:13px;display:grid;gap:4px;overflow-wrap:anywhere;min-width:0}
  .cb-contatos svg{width:13px;height:13px;vertical-align:-2px}
  .etq.cb-zapetq{background:#16a34a33;color:#4ade80}
  .cb-resumo{border-top:1px dashed var(--borda);margin-top:6px;padding-top:6px;display:grid;gap:2px}
  .cb-resumo div{display:flex;justify-content:space-between}.cb-resumo span{color:var(--texto2)}
  .cb-resumo-total b{color:#ff4d4d;font-size:16px}
  tr.cb-vencida td{background:rgba(220,38,38,.08)}
  .cb-pagas{margin-top:6px;font-size:11.5px}
  .cb-hist td{vertical-align:top;white-space:normal}.cb-hist-data{white-space:nowrap!important;font-size:12px}
  .cb-hist tr.sel td{background:rgba(31,122,224,.22)!important}
  .etq.cb-tipo{background:#0ea5e933;color:#38bdf8}
  @media (max-width:1100px){.cb-grade{grid-template-columns:1fr}}
  .cb-ficha .subtabela td,.cb-ficha .subtabela th{padding:3px 8px}

  /* ===== Fiscal › NF-e ===== */
  .nf-filtros{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}
  .nf-legenda{margin-left:auto;border:1px solid var(--borda);border-radius:10px;background:var(--painel2);padding:6px 12px;font-size:12.5px;display:grid;gap:2px;min-width:230px}
  .nf-legenda div{display:flex;align-items:center;gap:6px}.nf-legenda i{width:12px;height:12px;border-radius:3px;display:inline-block}.nf-legenda b{margin-left:auto}
  .nf-faixa{background:linear-gradient(90deg,#5b21b6,#8b5cf6)}
  .nf-status{display:inline-block;color:#fff;font-weight:700;font-size:11px;padding:1px 8px;border-radius:4px;min-width:84px;text-align:center}
  .etq.nf-fat-ok{background:#16a34a;color:#fff}.etq.nf-fat-a{background:#eab308;color:#1a1a1a}
  .nf-topo{display:flex;justify-content:space-between;align-items:flex-end;border:1px solid var(--borda);border-radius:10px;background:var(--painel);padding:8px 16px;margin-bottom:8px}
  .nf-numero{font-size:26px;font-weight:800;color:#60a5fa;line-height:1}.nf-situacao{font-weight:800;font-size:12px;letter-spacing:.06em}
  .nf-topo-dir{text-align:right}.nf-topo-dir div:first-child{font-weight:700;color:#93c5fd}.nf-topo-total b{font-size:22px}
  .nf-corpo{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:start}
  .nf-abas{display:flex;flex-direction:column;gap:6px}
  .nf-abas button{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--borda);background:var(--painel);color:var(--texto);border-radius:10px;padding:10px 4px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}
  .nf-abas button svg{width:26px;height:26px}.nf-abas button kbd{font-size:9.5px;opacity:.7}
  .nf-abas button.ativa{background:var(--azul);color:#fff;border-color:var(--azul)}
  .nf-paineis{border:1px solid var(--borda);border-radius:10px;background:var(--painel);padding:10px 14px;min-height:60vh}
  .nf-lanca{display:flex;gap:8px;align-items:flex-end;background:var(--painel2);border:1px solid var(--borda);border-radius:10px;padding:8px;margin-bottom:8px}
  .nf-lanca .campo{margin:0}
  .nf-totais{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 24px;margin-top:8px;border:1px solid var(--borda);border-radius:10px;background:var(--painel2);padding:8px 14px;font-size:13px}
  .nf-totais div{display:flex;justify-content:space-between}.nf-totais span{color:var(--texto2)}
  .nf-tot-tit{grid-column:1 / -1;font-weight:800;color:#93c5fd}.nf-tot-total b{color:#60a5fa;font-size:16px}
  .nf-faturas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;background:#eab30814;border:1px solid #eab30855;border-radius:10px;padding:8px;margin-bottom:8px}
  .nf-impostos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .nf-transmissao{display:flex;gap:16px;align-items:center}
  .nf-selo{width:120px;height:120px;border-radius:16px;background:linear-gradient(135deg,#1e3a8a,#16a34a);color:#fff;font-size:34px;font-weight:900;display:flex;align-items:center;justify-content:center}
  .nf-botoes-tx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
  .nf-mensagem{border:1px solid var(--borda);border-radius:8px;background:var(--painel2);padding:8px 12px;min-height:90px;font-size:13px}
  .nf-mensagem ul{margin:4px 0 0 18px}
  .nf-rodape{display:flex;gap:10px;margin-top:8px;justify-content:flex-start}
  @media (max-width:1100px){.nf-corpo{grid-template-columns:1fr}.nf-abas{flex-direction:row;flex-wrap:wrap}.nf-impostos{grid-template-columns:repeat(2,1fr)}}
  /* ===== PDV (frente de caixa) ===== */
  #telaPdv{--pdv-azul:#1e40af;--pdv-azul2:#2563eb}
  #telaPdv [hidden]{display:none!important}
  .pdv-cab{display:flex;align-items:center;gap:16px;background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:12px 18px}
  .pdv-logo{width:46px;height:46px;border-radius:12px;background:var(--pdv-azul2);color:#fff;font-weight:800;font-size:20px;display:grid;place-items:center}
  .pdv-logo.grande{width:110px;height:110px;font-size:46px;border-radius:24px;opacity:.85}
  .pdv-caixa{font-size:22px;font-weight:800}.pdv-empresa{color:var(--texto2);font-size:12px}
  .pdv-cab-meio{flex:1}.pdv-cab-info{display:grid;gap:2px;font-size:12.5px;text-align:right}
  .pdv-sit{margin-top:4px;padding:3px 10px;border-radius:999px;font-weight:700;font-size:12px}
  .pdv-sit.ok{background:#16a34a22;color:#16a34a}.pdv-sit.fechado{background:#dc262622;color:#dc2626}
  .pdv-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
  .pdv-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;border:1px solid var(--borda);border-radius:12px;background:var(--painel);color:var(--texto);cursor:pointer;font:inherit}
  .pdv-tile:hover{border-color:var(--pdv-azul2);transform:translateY(-1px)}
  .pdv-tile.off{opacity:.45;cursor:default}.pdv-tile.off:hover{transform:none;border-color:var(--borda)}
  .pdv-tile em{position:absolute;top:6px;right:8px;font-size:10px;color:var(--texto2);font-style:normal}
  .pdv-tile-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.pdv-tile-ico .i{width:22px;height:22px;fill:#fff;stroke:#fff}
  .pdv-tile-k{font-size:11px;font-weight:800;color:var(--pdv-azul2)}.pdv-tile-n{font-weight:600;text-align:center}
  .pdv-resumo{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .pdv-resumo>div{background:var(--painel);border:1px solid var(--borda);border-radius:10px;padding:8px 14px;display:grid;gap:2px;min-width:130px}
  .pdv-resumo span{font-size:11px;color:var(--texto2)}.pdv-resumo b{font-size:16px}
  .pdv-res-din b{color:#16a34a}
  .pdv-faixa{background:var(--pdv-azul);color:#fff;font-size:30px;font-weight:800;text-align:center;padding:10px;border-radius:12px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pdv-meio{display:grid;grid-template-columns:230px minmax(260px,1fr) minmax(360px,1.3fr);gap:12px;margin-top:10px}
  .pdv-esq{display:flex;flex-direction:column;gap:8px}
  .pdv-qv{background:var(--painel);border:1px solid var(--borda);border-radius:10px;padding:8px 12px;font-weight:700;font-size:13px}
  .pdv-foto{background:var(--painel);border:1px solid var(--borda);border-radius:10px;height:150px;display:grid;place-items:center}
  .pdv-item{background:var(--pdv-azul2);color:#fff;border-radius:10px;padding:8px;text-align:center;font-weight:800;font-size:18px}
  .pdv-clivend{display:grid;gap:6px}
  .pdv-campos{display:flex;flex-direction:column;gap:4px;background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:12px}
  .pdv-campos label{font-weight:700;font-size:13px;color:var(--rotulo);margin-top:4px}
  .pdv-input{font:inherit;font-size:24px;font-weight:700;padding:8px 12px;border:2px solid var(--borda-campo);border-radius:10px;background:var(--campo);color:var(--texto);width:100%;box-sizing:border-box}
  .pdv-input:focus{outline:none;border-color:var(--pdv-azul2);background:var(--campo-foco)}
  .pdv-input.dir{text-align:right}#pdvCod{font-size:20px}
  .pdv-formas{display:flex;flex-direction:column;gap:4px;background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:12px}
  .pdv-formas-tit{background:var(--pdv-azul);color:#fff;font-weight:800;text-align:center;padding:6px;border-radius:8px;margin-bottom:4px}
  .pdv-forma{display:flex;gap:10px;align-items:center;padding:5px 8px;border-radius:8px;background:var(--painel2)}
  .pdv-forma span{min-width:70px;font-weight:800;color:var(--pdv-azul2)}.pdv-forma.off{opacity:.4}
  .pdv-ajuste{font-weight:700;color:#f59e0b;padding:4px 8px}
  .pdv-pagos{border-top:1px dashed var(--borda);margin-top:6px;padding-top:6px;display:grid;gap:3px}
  .pdv-pagos div{display:flex;align-items:center;gap:8px}.pdv-pagos b{margin-left:auto}
  .pdv-pagos .rem{border:0;background:none;color:#dc2626;cursor:pointer;padding:2px}.pdv-pagos .rem .i{width:14px;height:14px}
  .pdv-lista{display:flex;flex-direction:column;background:var(--painel);border:1px solid var(--borda);border-radius:12px;overflow:hidden;min-height:430px}
  .pdv-lista-tit{background:var(--pdv-azul);color:#fff;font-weight:800;text-align:center;padding:6px}
  .pdv-lista-cab{display:grid;grid-template-columns:1.1fr 2fr 1.2fr .8fr;gap:6px;font-size:11px;font-weight:700;color:var(--texto2);padding:6px 10px;border-bottom:1px solid var(--borda)}
  .pdv-itens{flex:1;overflow:auto;max-height:52vh}
  .pdv-li{padding:6px 10px;border-bottom:1px dashed var(--borda);font-family:Consolas,'Courier New',monospace;font-size:13px}
  .pdv-li .l1{display:flex;gap:10px}.pdv-li .l1 em{color:#dc2626;font-style:normal;font-weight:700;margin-left:auto}
  .pdv-li .l2{display:flex;gap:14px;justify-content:flex-end}.pdv-li .l2 b{min-width:90px;text-align:right}
  .pdv-li.cancelado{text-decoration:line-through;opacity:.5}
  .pdv-lista-rod{border-top:1px solid var(--borda);padding:8px 12px;display:grid;gap:3px;background:var(--painel2)}
  .pdv-lista-rod div{display:flex;justify-content:space-between}.pdv-lista-rod b{font-size:15px}
  .pdv-areceber b{font-size:22px!important;color:#dc2626}
  .pdv-base{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
  .pdv-rot-grande{font-weight:800;font-size:14px;color:var(--rotulo);margin-bottom:2px}
  .pdv-caixa-azul{background:var(--pdv-azul);color:#fff;font-size:34px;font-weight:800;padding:6px 16px;border-radius:12px}
  .pdv-caixa-azul.dir{text-align:right}
  .pdv-rodape{display:flex;gap:16px;margin-top:10px;align-items:flex-start}
  .pdv-rodape-cx{display:grid;gap:2px;font-size:12.5px;min-width:180px}.pdv-rodape-cx span{color:var(--texto2);margin-right:4px}
  .pdv-teclas{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px}
  .pdv-teclas kbd{background:var(--pdv-azul2);color:#fff;border-radius:5px;padding:1px 6px;font-weight:700;font-family:inherit}
  .pdv-valor-grande{font-size:24px!important;font-weight:800}
  .pdv-troco{text-align:center;display:grid;gap:6px}.pdv-troco-valor{font-size:52px;font-weight:800;color:#16a34a}
  .pdv-fech-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
  .pdv-fech-grid div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--borda);padding:3px 0}.pdv-fech-grid span{color:var(--texto2)}
  @media (max-width:1100px){.pdv-meio{grid-template-columns:1fr}.pdv-esq{display:none}.pdv-faixa{font-size:20px}.pdv-caixa-azul{font-size:24px}}
  /* PDV em tela cheia: some o menu lateral, o topo e a barra; o PDV ocupa tudo */
  body.modo-pdv .lateral, body.modo-pdv .topo, body.modo-pdv .barra-acoes{display:none!important}
  body.modo-pdv .principal{margin-left:0!important}
  body.modo-pdv .conteudo{padding:8px 12px 12px}
  .pdv-fechado{max-width:560px;margin:8vh auto 0;text-align:center;background:var(--painel);border:1px solid var(--borda);border-radius:16px;padding:32px 28px;display:grid;justify-items:center;gap:10px}
  .pdv-fechado h2{margin:6px 0 0;font-size:30px;font-weight:800;color:#dc2626;letter-spacing:.5px}
  .pdv-fechado p{margin:0;color:var(--texto2);font-size:15px}
  .pdv-fechado-bts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}
  /* ===== Controle de caixa ===== */
  .cx-abas{border-radius:10px 10px 0 0}
  .cx-painel{border-radius:0 0 10px 10px;padding:10px 12px}
  .cx-filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:10px}
  .cx-filtros .campo{min-width:140px}
  .cx-tabela{max-height:calc(100vh - 330px)}
  .cx-tabela2{max-height:calc(100vh - 380px)}
  .cx-sit{display:inline-block;padding:1px 10px;border-radius:999px;font-weight:700;font-size:11.5px}
  .cx-sit.ab{background:#16a34a;color:#fff}.cx-sit.fe{background:#facc15;color:#1f2d45}.cx-sit.conf{background:#e2e8f0;color:#334155}.cx-sit.canc{background:#dc2626;color:#fff}
  .cx-neg{color:#dc2626}.cx-pos{color:#16a34a}
  .cx-txt-ab{color:#dc2626}.cx-txt-fe{color:var(--texto2)}
  .cx-cab{display:flex;flex-wrap:wrap;gap:6px 22px;padding:4px 2px 10px;border-bottom:1px solid var(--borda);margin-bottom:8px}
  .cx-cab div{display:grid}.cx-cab span{font-size:11px;color:var(--texto2)}.cx-cab b{font-size:14px}
  .cx-cab-din b{color:#16a34a;font-size:16px!important}
  .cx-subabas{background:none;border-bottom:1px solid var(--borda);padding:0 0 0;margin-bottom:8px}
  .cx-resumo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .cx-vendas{display:grid;gap:8px}
  .cx-vendas .cx-tabela2{max-height:32vh}
  .cx-venda-det{display:grid;grid-template-columns:2.2fr 1fr;gap:10px}
  .cx-venda-det .cx-tabela2{max-height:26vh}
  .cx-rodape{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;margin-top:8px;font-size:12.5px}
  .cx-rodape span{color:var(--texto2);margin-right:4px}
  .bt.mini{padding:1px 8px;font-size:11px;margin-left:6px}
  .cx-painel tfoot td{font-weight:700;background:var(--painel2);position:sticky;bottom:0}
  @media (max-width:900px){.cx-resumo,.cx-venda-det{grid-template-columns:1fr}}
  /* PDV ocupando a tela inteira (modelo do desktop): foto grande à esquerda, campos estreitos, lista destacada, atalhos embaixo */
  body.modo-pdv #telaPdv{height:calc(100vh - 38px)}
  body.modo-pdv.sem-faixa #telaPdv{height:calc(100vh - 20px)}
  body.modo-pdv #pdvVenda{display:flex;flex-direction:column;gap:10px;height:100%}
  body.modo-pdv .pdv-faixa{font-size:clamp(30px,4.2vw,66px);padding:clamp(12px,2vh,26px) 16px;border-radius:14px}
  body.modo-pdv .pdv-meio{flex:1;min-height:0;margin-top:0;grid-template-columns:minmax(260px,30%) minmax(230px,21%) minmax(0,1fr)}
  body.modo-pdv .pdv-esq{min-height:0}
  body.modo-pdv .pdv-qv{font-size:clamp(14px,1.2vw,19px);color:var(--pdv-azul2);background:none;border:0;padding:0 4px}
  body.modo-pdv .pdv-foto{flex:1;height:auto;min-height:120px;border-radius:28px;border-width:2px}
  body.modo-pdv .pdv-logo.grande{width:clamp(110px,13vw,230px);height:clamp(110px,13vw,230px);font-size:clamp(46px,6vw,104px);border-radius:22%}
  body.modo-pdv .pdv-item{font-size:clamp(16px,1.5vw,24px)}
  body.modo-pdv .pdv-campos{gap:2px;padding:14px 16px;justify-content:flex-start}
  body.modo-pdv .pdv-campos label{font-size:clamp(15px,1.4vw,24px);font-weight:800;color:var(--texto);margin-top:clamp(6px,1.6vh,20px)}
  body.modo-pdv .pdv-input{font-size:clamp(22px,2vw,34px);padding:clamp(8px,1.3vh,16px) 12px}
  body.modo-pdv #pdvCod{font-size:clamp(18px,1.6vw,28px)}
  body.modo-pdv #pdvCod::placeholder{font-size:13px;font-weight:500}
  body.modo-pdv .pdv-lista{min-height:0;border-width:2px;border-color:var(--pdv-azul2);box-shadow:0 2px 14px rgba(30,64,175,.18)}
  body.modo-pdv .pdv-lista-tit{font-size:clamp(15px,1.3vw,22px);padding:8px}
  body.modo-pdv .pdv-lista-cab{font-size:12.5px}
  body.modo-pdv .pdv-itens{max-height:none;min-height:0}
  body.modo-pdv .pdv-li{font-size:clamp(14px,1.15vw,19px);padding:8px 12px}
  body.modo-pdv .pdv-li .l2 b{min-width:120px}
  body.modo-pdv .pdv-lista-rod{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));font-size:clamp(13px,1.1vw,18px);font-weight:700;padding:10px 14px}
  body.modo-pdv .pdv-lista-rod b{font-size:clamp(16px,1.4vw,24px)}
  body.modo-pdv .pdv-base{margin-top:0;grid-template-columns:1.12fr .88fr}
  body.modo-pdv .pdv-rot-grande{font-size:clamp(18px,1.9vw,34px);color:var(--texto)}
  body.modo-pdv .pdv-caixa-azul{font-size:clamp(38px,4.6vw,76px);padding:clamp(6px,1.2vh,16px) 24px;border-radius:14px;line-height:1.15}
  body.modo-pdv #pdvModo{text-align:center}
  body.modo-pdv .pdv-rodape{margin-top:0;align-items:center;gap:28px}
  body.modo-pdv .pdv-rodape-cx{font-size:clamp(13px,1.15vw,19px);min-width:230px}
  body.modo-pdv .pdv-rodape-cx span{color:var(--pdv-azul2);font-weight:700;display:inline-block;min-width:90px;text-align:right}
  body.modo-pdv .pdv-teclas{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:3px 18px;font-size:clamp(13px,1.15vw,19px);font-weight:700}
  body.modo-pdv .pdv-teclas kbd{display:inline-block;min-width:64px;text-align:center;margin-right:6px}
  body.modo-pdv .pdv-formas{font-size:clamp(13px,1.1vw,18px);overflow:auto}
  @media (max-width:1100px){body.modo-pdv #pdvVenda{height:auto}body.modo-pdv .pdv-meio{grid-template-columns:1fr}body.modo-pdv .pdv-teclas{grid-template-columns:repeat(2,1fr);grid-auto-flow:row;grid-template-rows:none}}
  .fin-boleto{color:#f97316;font-weight:700;text-decoration:none}.fin-boleto:hover{text-decoration:underline}
  .rel-opcoes{display:grid;gap:8px;margin-top:10px}
  .rel-opcoes .bt{display:grid;grid-template-columns:28px 1fr;text-align:left;gap:2px 8px;padding:10px 12px;height:auto;white-space:normal}
  .rel-opcoes .bt b{grid-row:span 2;font-size:20px;color:var(--azul);align-self:center}
  .rel-opcoes .bt small{color:var(--texto2);font-weight:400;grid-column:2}
  .lupa-pessoa{display:grid;grid-template-columns:70px minmax(0,2.2fr) 150px minmax(0,1.5fr) 120px;gap:8px;align-items:baseline}
  .lupa-pessoa span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lupa-pessoa small{opacity:.8}
  .lupa-cab{font-size:11px;font-weight:700;opacity:.7;padding:4px 10px;position:sticky;top:0;background:var(--painel)}
  /* PDV: janelas de valor e de troco grandes, no meio da tela (o caixa lê de longe) */
  #janPdvValor,#janPdvTroco{align-items:center;padding-top:0}
  #janPdvValor .janela header,#janPdvTroco .janela header{font-size:clamp(20px,2vw,30px);padding:16px 22px}
  #janPdvValor .corpo{padding:22px}
  #janPdvValor .rot{font-size:clamp(14px,1.2vw,18px)}
  #janPdvValor .pdv-valor-grande{font-size:clamp(40px,5vw,72px)!important;padding:14px 18px;height:auto}
  #janPdvValor select.entrada,#janPdvValor #pvMotivo{font-size:20px;padding:10px;height:auto}
  #janPdvValor .dica{font-size:clamp(14px,1.2vw,18px);margin-top:6px}
  #janPdvValor .grade-campos{display:block}#janPdvValor .campo{margin-bottom:12px}
  #janPdvValor .rodape .bt,#janPdvTroco .rodape .bt{font-size:clamp(16px,1.4vw,22px);padding:12px 22px}
  #janPdvTroco .pdv-troco{padding:26px 22px;gap:10px;font-size:clamp(18px,1.8vw,28px)}
  #janPdvTroco .pdv-troco .rot{font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:.12em;color:var(--texto)}
  #janPdvTroco .pdv-troco-valor{font-size:clamp(72px,10vw,150px);line-height:1.05;white-space:nowrap}
  #janPdvTroco .janela{border:4px solid #16a34a}
  /* Controle de caixa: abas bem visíveis (as não escolhidas também têm contorno e letra forte) */
  .cx-abas{gap:6px;padding:8px 8px 0}
  .cx-abas .aba{font-size:15px;font-weight:800;color:var(--texto);padding:9px 22px;border:1px solid var(--borda-campo);border-bottom:0;background:var(--painel);border-radius:9px 9px 0 0}
  .cx-subabas{gap:6px;padding:0 0 8px;flex-wrap:wrap}
  .cx-subabas .aba{font-size:13.5px;font-weight:700;color:var(--texto);padding:7px 16px;border:1px solid var(--borda-campo);background:var(--painel2);border-radius:8px}
  .cx-abas .aba:hover,.cx-subabas .aba:hover{border-color:var(--azul);color:var(--azul)}
  .cx-abas .aba.ativa,.cx-subabas .aba.ativa{background:var(--azul);border-color:var(--azul);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.35)}
  /* PDV: acabamento (logo/foto do produto, relógio, sem barra de rolagem, lista zebrada) */
  body.modo-pdv{overflow:hidden}
  body.modo-pdv #telaPdv{height:calc(100vh - 42px)}
  body.modo-pdv.sem-faixa #telaPdv{height:calc(100vh - 24px)}
  .pdv-qv{display:flex;justify-content:space-between;align-items:center;gap:10px}
  #pdvHora{color:var(--texto);font-weight:700;font-variant-numeric:tabular-nums}
  .pdv-foto{overflow:hidden;background:#fff!important;padding:14px}
  .pdv-foto img{max-width:100%;max-height:100%;object-fit:contain;display:block}
  .pdv-foto img.logo{width:62%;opacity:.95}
  .pdv-foto img.prod{width:100%;height:100%}
  body.modo-pdv .pdv-foto{box-shadow:0 2px 14px rgba(30,64,175,.12);border-color:var(--pdv-azul2)}
  body.modo-pdv .pdv-faixa{box-shadow:0 4px 16px rgba(30,64,175,.35);letter-spacing:.02em}
  body.modo-pdv .pdv-campos{border-width:2px;box-shadow:0 2px 14px rgba(30,64,175,.08)}
  body.modo-pdv #pdvCod::placeholder{font-size:clamp(13px,1.1vw,18px);font-weight:500}
  body.modo-pdv #pdvCod{border-color:var(--pdv-azul2);box-shadow:0 0 0 3px rgba(37,99,235,.18)}
  body.modo-pdv .pdv-li:nth-child(even){background:var(--painel2)}
  body.modo-pdv .pdv-li .l1 b{font-weight:800}
  body.modo-pdv .pdv-li .l1 span{color:var(--texto2)}
  body.modo-pdv .pdv-li .l2 b{font-size:1.1em}
  body.modo-pdv .pdv-lista-rod{display:flex;gap:10px 40px;flex-wrap:wrap;justify-content:space-between}
  body.modo-pdv .pdv-lista-rod div{display:flex;gap:10px;align-items:baseline}
  body.modo-pdv .pdv-caixa-azul{box-shadow:0 4px 16px rgba(30,64,175,.35)}
  body.modo-pdv .pdv-item{box-shadow:0 2px 10px rgba(37,99,235,.3)}
  /* Cadastro de produtos: aba Foto */
  .foto-prod{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
  .foto-quadro{width:300px;height:300px;border:2px dashed var(--borda-campo);border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#94a3b8;font-weight:600}
  .foto-quadro img{max-width:100%;max-height:100%;object-fit:contain}
  .foto-acoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;flex:1;min-width:230px;align-content:start}
  .foto-acoes .bt{justify-content:flex-start}.foto-acoes .dica{grid-column:1/-1}
  .lupa-prod{display:grid;grid-template-columns:70px 130px minmax(0,1fr) 44px 90px 100px;gap:8px;align-items:baseline}
  .lupa-prod span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lupa-prod .dir{text-align:right}.lupa-prod small{opacity:.8}
  /* Pedido: dados do cliente em quadro, observação do item */
  .ped-cliente{display:grid;grid-template-columns:2.2fr .6fr 1.2fr 1.2fr 1.4fr 1.2fr;gap:6px 10px;background:var(--painel2);border:1px solid var(--borda);border-radius:8px;padding:8px 10px}
  .ped-cliente div{min-width:0}.ped-cliente span{display:block;font-size:10.5px;color:var(--texto2);text-transform:uppercase;letter-spacing:.03em}
  .ped-cliente b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:17px}
  .item-obs{display:block;font-style:italic;color:var(--texto2);font-size:12px}
  @media (max-width:1000px){.ped-cliente{grid-template-columns:1fr 1fr}}
  .au-det{max-width:900px}.au-det td{vertical-align:top}.au-de{color:#dc2626;text-decoration:line-through;text-decoration-color:rgba(220,38,38,.4)}.au-para{color:#16a34a;font-weight:600}
  /* Cadastro de produtos: aba Estoque */
  .est-topo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
  .est-topo>div{background:var(--painel2);border:1px solid var(--borda);border-radius:10px;padding:7px 14px;display:grid;gap:1px;min-width:130px}
  .est-topo span{font-size:11px;color:var(--texto2)}.est-topo b{font-size:16px}
  .est-topo .ok b{color:#16a34a}.est-topo .baixo b{color:#f59e0b}.est-topo .neg b{color:#dc2626}
  .est-filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:8px}
  .entrada-livre{font:inherit;padding:6px 9px;border:1px solid var(--borda-campo);border-radius:7px;background:var(--campo);color:var(--texto);width:100%;box-sizing:border-box}
  .entrada-livre:focus{outline:none;border-color:var(--azul);background:var(--campo-foco)}
  .est-ant td{background:var(--painel2);font-weight:600}
  #estRodape td{font-weight:700;background:var(--painel2);position:sticky;bottom:0}

  /* ===== Entrada de notas ===== */
  /* ===== PERÍODO PADRÃO DO SISTEMA (◀ Anterior · data a data · Próximo ▶) — um estilo só, vale em qualquer tela ===== */
  .en-periodo{min-width:0;flex:0 0 auto}
  .en-mes{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap}
  .en-mes>span{color:var(--texto2);font-weight:700;font-size:12px}
  .en-mes input[type=date]{width:128px;min-width:128px;height:32px;padding:0 6px 0 8px;font-weight:800;font-size:13.5px;letter-spacing:.01em;color:var(--texto);border:2px solid rgba(37,99,235,.55);border-radius:8px;background:var(--painel2)}
  .en-mes input[type=date]:hover{border-color:#2563eb}.en-mes input[type=date]:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.25);outline:0}
  .en-mes .en-seta,.en-seta{border:0;border-radius:8px;background:#2563eb;color:#fff;font:800 12px inherit;font-family:inherit;padding:0 9px;height:32px;line-height:32px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 5px rgba(37,99,235,.30);flex:0 0 auto}
  .en-seta:hover{background:#1d4ed8}.en-seta:active{transform:translateY(1px)}
  .apagado .en-seta{background:#64748b;box-shadow:none}
  .en-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
  .en-cartao{border:1px solid var(--borda);border-left:5px solid;border-radius:8px;padding:6px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;background:var(--painel2)}
  .en-cartao span{font-size:11.5px;font-weight:700;color:var(--texto2);text-transform:uppercase;letter-spacing:.04em}.en-cartao b{font-size:20px;grid-row:span 2}.en-cartao small{color:var(--texto2)}
  .en-conv{display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1.1fr auto 1.2fr .8fr;gap:8px;align-items:end;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.35);border-radius:8px;padding:8px 10px;margin:8px 0}
  .en-igual{font-size:22px;font-weight:800;padding-bottom:4px;color:var(--texto2)}
  .en-preco{display:grid;grid-template-columns:1.6fr 1fr 1.4fr;gap:10px;align-items:end;margin-top:8px}
  .en-atual{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:4px 8px;align-items:center;border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font-size:12px;background:var(--painel2)}
  .en-atual span{color:var(--texto2)}.en-atual b{text-align:right}
  .en-parcelas{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:34px;align-items:center}
  .en-parc{display:flex;align-items:center;gap:4px;border:1px solid var(--borda);border-radius:8px;padding:3px 6px;background:var(--painel2)}
  .en-parc span{font-size:11.5px;font-weight:700;color:var(--texto2);min-width:34px}.en-parc .entrada{height:28px}.en-parc input[type=date]{width:132px}.en-parc .num-dir{width:96px}
  .en-pular{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--texto2)}
  #enItensCaixa:focus{outline:2px solid #3b82f6;outline-offset:1px}
  @media (max-width:900px){.en-conv{grid-template-columns:1fr 1fr 1fr}.en-preco,.en-resumo{grid-template-columns:1fr}.en-igual{display:none}}
  .cf-opc{display:flex;align-items:center;gap:5px;font-size:12.5px;cursor:pointer;border:1px solid var(--borda);border-radius:8px;padding:5px 10px;background:var(--painel2)}

  /* ===== Cotações ===== */
  .cq-duas{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:10px;align-items:start}
  .cq-mini{padding:3px 8px;font-size:11.5px;margin-right:4px;min-height:0}
  .cq-mapa th{white-space:nowrap}
  .cq-preco{white-space:nowrap}.cq-preco.menor{color:#16a34a;font-weight:800}
  .cq-preco.ganhou{background:rgba(22,163,74,.16);font-weight:800}
  .cq-preco[data-venc]{cursor:pointer}.cq-preco[data-venc]:hover{outline:2px solid #3b82f6;outline-offset:-2px}
  .cq-resultado{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow:auto}
  .cq-bloco{border:1px solid var(--borda);border-left:5px solid #16a34a;border-radius:8px;background:var(--painel2);padding:6px 10px}
  .cq-bloco.sem{border-left-color:#f59e0b}
  .cq-bloco header{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:4px}.cq-bloco header span{font-size:12px;font-weight:700;color:var(--texto2);white-space:nowrap}
  .cq-linha{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:2px 0;border-top:1px dashed var(--borda)}.cq-linha span:last-child{white-space:nowrap}
  .cq-total{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--borda);border-radius:8px;padding:8px 12px;font-weight:800}.cq-total b{font-size:20px;color:#16a34a}
  @media (max-width:1000px){.cq-duas{grid-template-columns:1fr}}
  .cq-mapa td:nth-child(3){white-space:normal;min-width:170px;line-height:1.25}.cq-mapa th,.cq-mapa td{padding-left:6px;padding-right:6px}
  .cq-duas{grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr)}
  #cqForns td{padding-top:3px;padding-bottom:3px}#cqForns td:first-child{white-space:normal;max-width:220px}#cqForns td:nth-child(5){white-space:normal}

  /* ===== Destaque dos campos (pedido em 03/10/2026): rótulo mais forte e o campo em uso bem marcado ===== */
  .campo label.rot{font-size:11px;font-weight:800;color:var(--texto);opacity:.82}
  .campo:focus-within > label.rot{color:var(--azul);opacity:1}
  .entrada:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(31,122,224,.45);background:var(--campo-foco)}
  .campo:focus-within .com-bt .entrada{border-color:var(--azul)}
  .ct-vincs{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;align-items:center;border:1px dashed var(--borda-campo);border-radius:8px;padding:4px 6px}
  .ct-vinc{display:inline-flex;align-items:center;gap:6px;background:var(--painel2);border:1px solid var(--borda-campo);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}
  .ct-vinc.paga{background:rgba(31,122,224,.16);border-color:var(--azul);color:var(--azul)}
  .ct-vinc button{border:0;background:none;color:#ef4444;font-size:16px;font-weight:800;cursor:pointer;line-height:1;padding:0 2px}

  /* ===== Robô de pagamento ===== */
  .rb-duas{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.5fr);gap:10px;align-items:start}
  .rb-chat{height:calc(100vh - 400px);min-height:260px;overflow:auto;border:1px solid var(--borda);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--painel2)}
  .rb-fala{max-width:86%;padding:7px 11px;border-radius:12px;font-size:13.5px;line-height:1.35;overflow-wrap:anywhere}
  .rb-fala.robo{align-self:flex-start;background:var(--painel);border:1px solid var(--borda-campo);border-bottom-left-radius:3px}
  .rb-fala.cliente{align-self:flex-end;background:#16a34a;color:#fff;border-bottom-right-radius:3px}
  .rb-fala.sistema{align-self:center;font-size:11.5px;color:var(--texto2);font-style:italic;text-align:center}
  .rb-atalhos{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;min-height:26px}
  @media (max-width:1000px){.rb-duas{grid-template-columns:1fr}}

  /* ===== Mais destaque para atalhos, cabeçalhos e janelas de item (pedido em 03/10/2026) ===== */
  th{font-size:11px;font-weight:800;color:var(--texto);border-bottom:2px solid var(--azul)}
  .rodape-lista{font-size:12.5px;color:var(--texto);padding:8px 12px}
  .rodape-lista b{display:inline-block;background:var(--azul);color:#fff;border-radius:5px;padding:1px 7px;font-weight:800;font-size:11.5px;margin:0 1px}
  .secao .bt{border:2px solid var(--azul);font-weight:800}
  .secao .bt:disabled{border-color:var(--borda)}
  .secao .bt kbd,.bt.gravar kbd{font-size:11.5px;padding:2px 7px}
  kbd.tecla{font-size:10.5px;padding:1px 6px;font-weight:800}
  .janela-ampla > header{font-size:17px;border-bottom:3px solid var(--azul)}
  .janela-ampla .entrada{height:38px;font-size:15px}
  .janela-ampla .campo label.rot{font-size:12px}
  .janela-ampla .en-atual{font-size:13.5px}.janela-ampla .en-atual b{font-size:15px}
  .janela-ampla .rodape .bt{font-size:14px;padding:8px 14px}
  .en-xml{align-self:center;font-size:12.5px;border:1px solid var(--azul);border-radius:8px;padding:5px 10px;background:rgba(31,122,224,.10)}
  .ct-margem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
  .ct-margem > div{border:1px solid var(--borda);border-radius:8px;padding:6px 10px;background:var(--painel2);display:flex;flex-direction:column}
  .ct-margem span{font-size:11px;font-weight:700;color:var(--texto2);text-transform:uppercase;letter-spacing:.04em}.ct-margem b{font-size:16px}
  .ct-margem .total{border:2px solid #16a34a}.ct-margem .total b{color:#16a34a;font-size:19px}.ct-margem .total.neg{border-color:#ef4444}.ct-margem .total.neg b{color:#ef4444}
  @media (max-width:900px){.ct-margem{grid-template-columns:1fr 1fr}}

  /* ===== SPED ===== */
  .sp-info{font-size:13px;display:flex;flex-direction:column;gap:8px}
  .sp-ok{border:1px solid #16a34a;border-radius:8px;padding:8px 12px;background:rgba(22,163,74,.10)}
  .sp-avisos{border:1px solid #f59e0b;border-radius:8px;padding:8px 12px;background:rgba(245,158,11,.10)}.sp-avisos ul{margin:4px 0 0 18px;padding:0}
  .sp-regs{display:flex;flex-wrap:wrap;gap:6px}.sp-regs span{border:1px solid var(--borda);border-radius:6px;padding:2px 8px;background:var(--painel2);font-size:12px}

  /* ===== Ordem de serviço ===== */
  .os-cartoes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-bottom:10px}
  .os-cartao{border:1px solid var(--borda);border-top:4px solid var(--cor);border-radius:8px;background:var(--painel2);padding:6px 8px;cursor:pointer;text-align:left;color:var(--texto);font-family:inherit;display:flex;flex-direction:column}
  .os-cartao b{font-size:20px;line-height:1.1}.os-cartao span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--texto2)}
  .os-cartao.ativo{outline:2px solid var(--cor);background:color-mix(in srgb,var(--cor) 14%,var(--painel2))}.os-cartao.ativo span{color:var(--texto)}
  .os-topo{display:flex;flex-direction:column;gap:8px}.os-num{font-size:18px}
  .os-etapas{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .os-etapa{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--borda-campo);border-radius:999px;padding:4px 12px 4px 4px;font:700 12.5px inherit;font-family:inherit;background:var(--painel2);color:var(--texto2);cursor:pointer}
  .os-etapa i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--borda);color:var(--texto);font-size:11.5px}
  .os-etapa.feita{border-color:var(--cor);color:var(--texto)}.os-etapa.feita i{background:var(--cor);color:#fff}
  .os-etapa.atual{border-color:var(--cor);background:var(--cor);color:#fff}.os-etapa.atual i{background:#fff;color:var(--cor)}
  .os-etapa:disabled,span.os-etapa{cursor:default}.os-seta{color:var(--texto2);font-weight:800}
  .os-totais{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:10px;align-items:end;margin-top:8px}
  .os-totais > div:not(.campo):not(.total-grande){border:1px solid var(--borda);border-radius:8px;padding:5px 10px;display:flex;flex-direction:column;background:var(--painel2)}
  .os-totais span{font-size:11px;font-weight:700;color:var(--texto2);text-transform:uppercase}.os-totais > div > b{font-size:17px}
  .os-duas{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;align-items:start}
  .os-andamento{margin-top:8px;max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:8px}
  .os-and{display:flex;gap:8px;font-size:12.5px}.os-ponto{width:10px;height:10px;border-radius:50%;margin-top:4px;flex:none}
  #telaOs textarea.entrada{height:auto;min-height:54px;padding-top:6px;resize:vertical;line-height:1.35}
  @media (max-width:1100px){.os-cartoes{grid-template-columns:repeat(3,minmax(0,1fr))}.os-duas,.os-totais{grid-template-columns:1fr}}

  /* ===== Tudo que mostra uma tecla também aceita o mouse ===== */
  .rodape-lista b, label kbd.tecla, .rot kbd.tecla{cursor:pointer;user-select:none}
  .rodape-lista b:hover, label kbd.tecla:hover, .rot kbd.tecla:hover{filter:brightness(1.25);box-shadow:0 0 0 2px rgba(31,122,224,.35)}
  .pdv-clic{cursor:pointer;user-select:none;border-radius:6px}.pdv-clic:hover{background:rgba(255,255,255,.10)}
  .pdv-forma.off{cursor:default}

  /* ===== Painel (dashboard) ===== */
  #telaPainel{overflow:auto;padding-bottom:18px}
  .pn-filtro{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:8px 12px;border-radius:10px;margin-bottom:10px}
  .pn-rapidos{display:flex;gap:6px;flex-wrap:wrap}.pn-rapidos .bt{padding:5px 12px}
  .pn-legenda{margin-left:auto;color:var(--texto2);font-weight:600;font-size:12.5px;padding-bottom:6px}
  .pn-titulo{display:flex;align-items:center;gap:8px;margin:16px 2px 8px}.pn-titulo h2{font-size:16px;margin:0}.pn-titulo small{color:var(--texto2)}
  .pn-cartoes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.pn-cartoes.uma{grid-template-columns:1fr;align-content:start;margin:0}
  .pn-cartao{background:var(--painel);border:1px solid var(--borda);border-top:4px solid var(--cor);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
  .pn-cartao span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--texto2)}
  .pn-cartao b{font-size:clamp(18px,1.7vw,25px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pn-cartao small{color:var(--texto2);font-size:12px}.pn-cartao em{font-style:normal}
  .pn-cartao.pn-clic{cursor:pointer}.pn-cartao.pn-clic:hover{box-shadow:0 0 0 2px var(--cor)}
  .pn-sobe{color:#16a34a;font-weight:700}.pn-desce{color:#dc2626;font-weight:700}
  .pn-bloco{border-radius:10px;padding:12px 14px;min-width:0}.pn-bloco h3{margin:0 0 10px;font-size:14px}.pn-bloco h3 small{color:var(--texto2);font-weight:500}
  .pn-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
  .pn-duas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;align-items:start}
  .pn-linha{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;margin-bottom:9px}
  .pn-linha>i{font-style:normal;font-weight:800;color:var(--texto2);text-align:right;padding-top:1px}
  .pn-nome{display:flex;justify-content:space-between;gap:10px}.pn-nome span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.pn-nome b{white-space:nowrap}
  .pn-barra{height:7px;border-radius:4px;background:var(--painel2);margin:3px 0 2px;overflow:hidden}.pn-barra div{height:100%;border-radius:4px}
  .pn-linha small{color:var(--texto2);font-size:11.5px}
  .pn-vazio{color:var(--texto2);margin:6px 0}
  .pn-grafico{display:flex;align-items:stretch;gap:4px;height:210px;border-bottom:2px solid var(--borda)}
  .pn-grafico.denso{gap:2px}
  .pn-col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding-bottom:0}
  .pn-haste{width:100%;max-width:46px;background:#16a34a;border-radius:4px 4px 0 0;transition:height .25s}
  .pn-col.fds .pn-haste{background:#0d9488}.pn-col.atrasado .pn-haste{background:#dc2626}.pn-col.atual .pn-haste{background:#f59e0b}
  .pn-col:hover .pn-haste{filter:brightness(1.25)}
  .pn-val{font-size:10.5px;font-weight:700;color:var(--texto2);white-space:nowrap;margin-bottom:2px}.pn-grafico.denso .pn-val{display:none}
  .pn-rot{position:absolute;top:100%;margin-top:4px;font-size:10.5px;color:var(--texto2);white-space:nowrap}
  .pn-bloco:has(.pn-grafico){padding-bottom:30px}.pn-bloco:has(.pn-chaves){padding-bottom:12px}
  .pn-chaves{display:flex;gap:16px;margin-top:26px;font-size:11.5px;color:var(--texto2)}
  .pn-chaves span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:2px;background:#16a34a;margin-right:5px}
  .pn-chaves .atrasado::before{background:#dc2626}.pn-chaves .atual::before{background:#f59e0b}
  @media (max-width:1100px){.pn-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-tres,.pn-duas{grid-template-columns:1fr}}
  /* Dashboard por abas (v0.83): rosca, faixas, contas, tabelas, explicações */
  #pnAbas{margin-bottom:0}#pnAbas+.pn-filtro{border-radius:0 10px 10px 10px}
  .pn-nome b u,.pn-conta u,.pn-rosca-leg u,.pn-mini u{text-decoration:none;font-weight:700;color:var(--azul);font-size:.9em;margin-left:6px}
  .pn-duas.iguais{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-duas{margin-top:10px}.pn-duas>.pn-bloco+.pn-bloco{margin-top:0}.pn-bloco+.pn-bloco,.pn-cartoes+.pn-bloco,.pn-duas+.pn-bloco{margin-top:10px}
  .pn-duas>div:not(.pn-bloco){display:flex;flex-direction:column;gap:10px}.pn-duas>div:not(.pn-bloco)>.pn-bloco{margin-top:0}
  .pn-bloco h3{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pn-bloco .pn-cartoes{margin-bottom:6px}
  .pn-explica{margin:10px 0 0;padding:8px 10px;border-left:3px solid var(--azul);background:var(--painel2);border-radius:0 6px 6px 0;color:var(--texto2);font-size:12.5px;line-height:1.45}
  .pn-info{padding:8px 10px;background:var(--painel2);border-radius:6px;color:var(--texto2);font-size:12.5px;margin-bottom:8px}
  .pn-etq{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--cor);border:1px solid var(--cor);white-space:nowrap}
  .pn-rosca-caixa{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .pn-rosca{width:150px;height:150px;border-radius:50%;flex:none;display:grid;place-items:center}
  .pn-rosca>div{width:92px;height:92px;border-radius:50%;background:var(--painel);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
  .pn-rosca>div b{font-size:20px}.pn-rosca>div small{font-size:10.5px;color:var(--texto2);text-transform:uppercase}
  .pn-rosca-leg{flex:1;min-width:220px;display:flex;flex-direction:column;gap:7px}
  .pn-rosca-leg>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:8px;align-items:center}
  .pn-rosca-leg i{width:12px;height:12px;border-radius:3px}.pn-rosca-leg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.pn-rosca-leg b{white-space:nowrap;min-width:96px;text-align:right}
  .pn-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:8px;border-top:1px solid var(--borda);color:var(--texto2);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
  .pn-total b{font-size:17px;color:var(--texto);text-transform:none;letter-spacing:0}
  .pn-conta>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 2px;border-bottom:1px solid var(--borda)}.pn-conta>div:last-child{border-bottom:0}
  .pn-conta span{color:var(--texto2)}.pn-conta small{display:block;font-size:11.5px;opacity:.85}.pn-conta b{white-space:nowrap}
  .pn-conta .forte span,.pn-conta .total span{color:var(--texto);font-weight:800}.pn-conta .total{border-top:2px solid var(--borda);padding-top:9px}.pn-conta .total b{font-size:16px}
  .pn-conta .sub{padding:3px 2px;border-bottom:0;font-size:12.5px}.pn-conta .verde b{color:#16a34a}.pn-conta .vermelho b{color:#dc2626}.pn-conta .laranja b{color:#f97316}
  .pn-sub{margin:12px 0 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--texto2)}
  .pn-margem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:8px}.pn-margem span{color:var(--texto2)}.pn-margem b{color:#16a34a}.pn-margem .pn-barra{height:9px;margin:0}
  .pn-faixa{display:flex;height:9px;border-radius:5px;overflow:hidden;background:var(--painel2);margin-bottom:10px}.pn-faixa.alta{height:13px}.pn-faixa>div{height:100%}
  .pn-quatro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .pn-mini{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--borda);border-radius:8px;min-width:0}.pn-mini.apagado{opacity:.5}
  .pn-mini span{font-weight:700;font-size:12.5px}.pn-mini i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}.pn-mini b{font-size:17px}.pn-mini small{color:var(--texto2);font-size:11.5px}
  .pn-safra{display:grid;grid-template-columns:54px minmax(0,1fr) 110px 120px;gap:10px;align-items:center;margin-bottom:7px}.pn-safra .pn-faixa{margin:0}
  .pn-safra span{color:var(--texto2);font-weight:600}.pn-safra b{text-align:right;white-space:nowrap}.pn-safra u{text-decoration:none;font-weight:700;text-align:right;font-size:12.5px}
  .pn-tab table{width:100%}.pn-tab td{white-space:nowrap}.pn-tab td:first-child{max-width:0;width:38%;overflow:hidden;text-overflow:ellipsis}
  .pn-tab{max-height:340px;border:1px solid var(--borda);border-radius:8px}.pn-tab td small{color:var(--texto2)}.pn-tab .pn-barra{margin:0}
  .pn-rolagem{max-height:300px;overflow:auto;padding-right:4px}.pn-linha[data-grupo]{cursor:pointer}.pn-linha[data-grupo]:hover .pn-nome span{color:var(--azul)}
  .pn-grupo{display:flex;align-items:flex-end;gap:2px;height:100%;width:100%;justify-content:center}.pn-grupo .pn-haste{max-width:26px}
  .pn-chaves span::before{background:var(--cor,#16a34a)}
  .pn-cortes{margin-left:auto;display:flex;gap:6px}.pn-cortes .bt{padding:4px 10px;font-size:12px}.pn-cortes .bt.ativo{background:var(--azul);border-color:var(--azul);color:#fff}
  .pn-titulo h2{font-size:15px}
  @media (max-width:1100px){.pn-quatro{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-duas.iguais{grid-template-columns:1fr}.pn-safra{grid-template-columns:48px minmax(0,1fr) 90px}.pn-safra u{display:none}}

  /* senha que não é a do usuário (certificado): mascarada sem ser campo de senha, para o navegador não oferecer salvar */
  .senha-mascarada{-webkit-text-security:disc;text-security:disc}

  /* ===== Janela SEFAZ e certificado ===== */
  .sf-topo{font-size:13px;color:var(--texto2);margin-bottom:10px}.sf-espera{color:var(--texto2);margin:18px 0;text-align:center}
  .sf-linha{display:flex;gap:12px;align-items:center;border:1px solid var(--borda);border-left:5px solid var(--cor);border-radius:8px;padding:9px 12px;margin-bottom:8px;background:var(--painel2)}
  .sf-luz{width:14px;height:14px;border-radius:50%;background:var(--cor);box-shadow:0 0 0 4px color-mix(in srgb,var(--cor) 25%,transparent);flex:0 0 auto}
  .sf-linha b{display:block;font-size:14px}.sf-linha small{display:block;color:var(--texto2);margin-top:2px;line-height:1.35}
  .sf-rodape{color:var(--texto2);font-size:11.5px;margin:10px 0 0;text-align:right}

  /* NF-e: detalhes da nota selecionada (chave, protocolo, autorizada em) */
  .nf-detalhe{display:flex;gap:22px;flex-wrap:wrap;align-items:center;padding:7px 10px 2px;border-top:1px solid var(--borda);margin-top:6px;min-height:30px}
  .nf-detalhe div{display:flex;gap:7px;align-items:baseline}.nf-detalhe span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rotulo)}
  .nf-detalhe b{font-size:13px}.nf-chave{font-family:Consolas,monospace;letter-spacing:.02em;cursor:pointer}.nf-chave:hover{color:#2563eb}

  /* ===== Fiscal › Documentos: abas NF-e · NFC-e · NFS-e (a mesma faixa nas três telas) ===== */
  .df-abas{display:flex;gap:6px;margin-bottom:10px;border-bottom:3px solid var(--cor,#7c3aed);padding:0 2px}
  .df-aba{border:1px solid var(--borda);border-bottom:0;border-top:3px solid var(--cor);border-radius:10px 10px 0 0;background:var(--painel2);color:var(--texto);font:800 14px inherit;font-family:inherit;padding:6px 18px 7px 10px;cursor:pointer;display:flex;align-items:center;gap:9px;margin-bottom:-3px;opacity:.82}
  .df-aba .bloco-ico{background:var(--cor);width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
  .df-aba kbd{font-size:10px;font-weight:700;opacity:.65;background:transparent;border:1px solid currentColor;border-radius:4px;padding:0 4px}
  .df-aba:hover{opacity:1;box-shadow:inset 0 0 0 1px var(--cor)}
  .df-aba.ativa{background:var(--cor);color:#fff;border-color:var(--cor);opacity:1;padding-top:8px;padding-bottom:9px}
  .df-aba.ativa .bloco-ico{background:rgba(255,255,255,.22)}
  .nf-faixa[style*="--cor"]{background:linear-gradient(90deg,color-mix(in srgb,var(--cor) 78%,#000),var(--cor))}
  /* legenda dos documentos fiscais: uma linha só, embaixo dos filtros, igual nas três abas e em qualquer largura de tela */
  .nf-filtros .nf-legenda{flex:1 0 100%;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;min-width:0;padding:6px 12px}
  .nf-filtros .nf-legenda .rot{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rotulo)}
  .nf-filtros .nf-legenda div:not(.rot){gap:6px}.nf-filtros .nf-legenda b{margin-left:4px}
  .nf-legenda i{border:1px solid rgba(148,163,184,.55)}

  .inter-contas .sf-linha{flex-wrap:wrap}.inter-contas .bt{padding:4px 12px}

  /* Gerar boleto (contas a receber) */
  .gb-modos{display:flex;gap:8px}.gb-modos .bt{flex:1;justify-content:center;flex-direction:column;gap:0;padding:8px;font-weight:800}.gb-modos .bt small{font-weight:500;color:var(--texto2)}
  .gb-modos .bt.prim{background:#ea580c;border-color:#ea580c;color:#fff}.gb-modos .bt.prim small{color:#ffedd5}
  .gb-juros{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:13px}

  /* ===== Central de manifesto ===== */
  .mf-tudo{display:flex;gap:6px;align-items:center;height:32px;font-size:13px;white-space:nowrap}
  .mf-aviso{flex:1 0 100%;font-size:12.5px;color:var(--texto2);background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.35);border-radius:8px;padding:5px 10px}.mf-aviso:empty{display:none}
  .mf-cartoes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0}
  .mf-cartao{text-align:left;border:1px solid var(--borda);border-left:5px solid var(--cor);border-radius:8px;background:var(--painel);color:var(--texto);padding:6px 12px;cursor:pointer;font-family:inherit;display:grid;gap:0}
  .mf-cartao span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--texto2)}.mf-cartao b{font-size:22px;line-height:1.1}.mf-cartao small{color:var(--texto2);font-size:11.5px}
  .mf-cartao:hover{box-shadow:0 0 0 1px var(--cor)}.mf-cartao.ativo{background:color-mix(in srgb,var(--cor) 16%,var(--painel));box-shadow:0 0 0 2px var(--cor)}
  .mf-ok{color:#16a34a;font-weight:800}.mf-chave{font-family:Consolas,monospace;font-size:12px;color:var(--texto2)}
  .mf-opcoes{display:grid;gap:6px}.mf-opcoes label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;border:1px solid var(--borda);border-radius:8px;padding:8px 10px;cursor:pointer}
  .mf-opcoes small{grid-column:2;color:var(--texto2)}.mf-opcoes label:has(input:checked){border-color:#0d9488;background:rgba(13,148,136,.10)}
  .mf-info{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:10px}.mf-info div{display:grid}.mf-info span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rotulo)}.mf-info p{grid-column:1/-1;margin:4px 0 0}
  @media (max-width:1100px){.mf-cartoes{grid-template-columns:repeat(3,minmax(0,1fr))}}

  .inter-taxas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px}.inter-taxas .entrada{width:74px;height:28px}.inter-taxas i{color:var(--texto2)}

  /* ===== PDV: enviar agora / depois e pedidos não fiscais ===== */
  .pdv-envio-total{text-align:center;font-size:15px;color:var(--texto2);margin-bottom:12px}.pdv-envio-total b{font-size:26px;color:var(--texto);margin-left:8px}
  .pdv-envio-op{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .pdv-envio-op .bt{flex-direction:column;align-items:center;gap:4px;padding:18px 12px;text-align:center;height:auto}
  .pdv-envio-op .bt kbd{font-size:16px;padding:3px 12px}.pdv-envio-op .bt b{font-size:19px}.pdv-envio-op .bt small{color:var(--texto2);font-weight:500;white-space:normal}
  #peAgora{border-color:#16a34a}#peAgora:hover,#peAgora:focus{background:rgba(22,163,74,.14)}#peDepois{border-color:#f59e0b}#peDepois:hover,#peDepois:focus{background:rgba(245,158,11,.14)}
  .pdv-ped-filtro{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}
  .pdv-fiscal{color:#16a34a;font-weight:700}.pdv-nao-fiscal{color:#d97706;font-weight:700}.pdv-fiscal-linha{margin-top:6px;font-size:14px}

  /* ===== Contas a receber: ordenar pelo título, colunas de pagamento, sugestões de cliente ===== */
  .fin-grade th[data-ord]{cursor:pointer;user-select:none}.fin-grade th[data-ord]:hover{color:var(--azul)}
  .fin-grade th.ord-cima::after{content:' ▲';font-size:9px;color:var(--azul)}.fin-grade th.ord-baixo::after{content:' ▼';font-size:9px;color:var(--azul)}
  .fin-grade .col-pg{display:none}.fin-grade.fin-mostra-pg .col-pg{display:table-cell;white-space:nowrap}
  .fin-pessoa .com-bt{position:relative}
  .fin-sugestoes{position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--painel);border:1px solid var(--azul);border-radius:0 0 8px 8px;box-shadow:0 10px 24px rgba(0,0,0,.35);max-height:320px;overflow:auto}
  .fin-sugestoes div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:baseline;padding:6px 10px;cursor:pointer}
  .fin-sugestoes div:hover,.fin-sugestoes div.sel{background:rgba(37,99,235,.18)}.fin-sugestoes small{color:var(--texto2)}

  /* ===== Grades personalizáveis ===== */
  .g-oculta{display:none !important}
  th[draggable=true]{cursor:grab}th.g-arrastando{opacity:.4}th.g-alvo{box-shadow:inset 3px 0 0 var(--azul)}
  /* filtro por coluna das grades */
  tr.g-fora{display:none !important}
  th[data-col]{white-space:nowrap}
  th .g-filtro{display:inline-block;margin-left:1px;padding:0 1px;border-radius:4px;cursor:pointer;opacity:.55;font-style:normal;font-size:11px;line-height:14px;vertical-align:middle}
  th .g-filtro::before{content:"▾"}
  th:hover .g-filtro{opacity:.8}th .g-filtro:hover{opacity:1;background:var(--azul);color:#fff}
  th.g-filtrada .g-filtro{opacity:1;background:var(--azul);color:#fff}
  .g-barra-filtro{position:sticky;left:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:5px 10px;background:var(--azul);color:#fff;font-size:13px}
  .g-barra-filtro button{border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;border-radius:5px;cursor:pointer;font-weight:800;padding:0 7px;line-height:20px}
  .g-barra-filtro button:hover{background:#fff;color:var(--azul)}
  .g-barra-filtro span{margin-left:auto;opacity:.9}
  td.g-total-filtrado{color:var(--azul);font-weight:800}
  .g-menu-filtro{position:fixed;z-index:300;width:290px;background:var(--painel);color:var(--texto);border:1px solid var(--azul);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.4);padding:8px;font-size:13px}
  .g-menu-filtro>input{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--borda);border-radius:6px;background:var(--fundo);color:var(--texto)}
  .g-menu-acoes{display:flex;gap:6px;margin:6px 0}
  .g-menu-acoes button{flex:1;border:1px solid var(--borda);background:transparent;color:var(--texto);border-radius:6px;padding:4px 6px;cursor:pointer}
  .g-menu-acoes button:hover{border-color:var(--azul);color:var(--azul)}
  .g-menu-lista{max-height:260px;overflow:auto}
  .g-menu-lista label{display:flex;gap:6px;align-items:center;padding:3px 4px;border-radius:5px;cursor:pointer}
  .g-menu-lista label:hover{background:rgba(59,130,246,.15)}
  .g-menu-lista label span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .g-menu-lista label small,.g-menu-mais{color:var(--texto2)}
  .g-botao{border:0;background:transparent;color:var(--texto2);cursor:pointer;font-size:14px;padding:0;line-height:1}.g-botao:hover{color:var(--azul)}
  .g-lista{display:grid;gap:4px;max-height:52vh;overflow:auto}
  .g-lista>div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--borda);border-radius:8px;padding:4px 8px 4px 10px;background:var(--painel2)}
  .g-lista label{display:flex;gap:8px;align-items:center;font-weight:600;cursor:pointer}.g-lista .bt{padding:2px 9px;margin-left:4px}

  /* imagens da empresa (boleto) */
  .emp-imagens{display:grid;grid-template-columns:1fr 1fr;gap:12px}.emp-img{border:1px solid var(--borda);border-radius:8px;padding:10px 12px;display:grid;gap:6px;background:var(--painel2)}
  .emp-img small{color:var(--texto2)}.emp-img-previa{height:90px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;overflow:hidden}
  .emp-img-previa img{max-width:100%;max-height:100%}.emp-img-previa span{color:#64748b;font-size:12px}
  @media (max-width:900px){.emp-imagens{grid-template-columns:1fr}}

  /* Central de manifesto: abas Notas · Comandos · Atividade */
  .mf-abas{display:flex;gap:6px;margin-bottom:10px;border-bottom:3px solid #0d9488;padding:0 2px}
  .mf-aba{border:1px solid var(--borda);border-bottom:0;border-top:3px solid #0d9488;border-radius:10px 10px 0 0;background:var(--painel2);color:var(--texto);font:800 14px inherit;font-family:inherit;padding:6px 16px 7px;cursor:pointer;display:flex;align-items:center;gap:8px}
  .mf-aba b{background:#0d948833;border-radius:10px;padding:0 8px;font-size:12px}
  .mf-aba:hover{box-shadow:inset 0 0 0 1px #0d9488}
  .mf-aba.ativa{background:#0d9488;color:#fff;border-color:#0d9488;padding-top:8px;padding-bottom:9px}
  .mf-aba.ativa b{background:rgba(255,255,255,.25)}
  .mf-parado{color:#dc2626;font-weight:700}

  /* Régua de cobrança */
  .rg-topo{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.rg-topo .mf-aviso{flex:1 1 280px;min-width:0}.rg-topo .check{white-space:nowrap;flex:0 0 auto}
  .rg-previa{white-space:pre-wrap;background:var(--painel2);border:1px solid var(--borda);border-radius:8px;padding:10px 12px;min-height:44px;font-size:14px}
  .rg-etapa{margin-top:10px}.rg-etapa .secao{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.rg-etapa textarea{width:100%;resize:vertical;font-family:inherit}
  .rg-dias{display:inline-flex;gap:6px;align-items:center}.rg-dias input{width:56px}
  .rg-geral{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:10px}

  .rg-modo{background:#dc2626;color:#fff;font-weight:800;border-radius:8px;padding:6px 10px;margin-bottom:6px}.rg-modo.teste{background:#f59e0b;color:#1f2937}
  .rg-uso{border:2px solid #16a34a}

  /* Valores dos campos com mais destaque (pedido dele em 03/10/2026: "ficou meio apagado, o Sim ou Não"): letra mais forte e um pouco maior */
  .entrada{font-weight:700;font-size:13.5px}
  .entrada::placeholder{font-weight:400}
  select.entrada option{font-weight:600}
  .entrada[readonly],.entrada:disabled{color:var(--texto)}   /* campo travado (consulta): mesma cor forte; quem diz que está travado é o fundo */

  /* Configurações */
  .cfg-opcoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .cfg-opcoes label{border:1px solid var(--borda);border-radius:10px;padding:10px 12px;cursor:pointer;display:block;background:var(--painel2)}
  .cfg-opcoes label:has(input:checked){border-color:#0ea5e9;box-shadow:inset 0 0 0 1px #0ea5e9}
  .cfg-opcoes small,.cfg-atalhos small{display:block;color:var(--texto2);margin-top:3px;font-weight:400}
  .cfg-formas{display:flex;flex-wrap:wrap;gap:8px 22px}
  .cfg-atalhos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.cfg-atalhos .bt{display:block;text-align:left;height:auto;padding:8px 12px}
  @media (max-width:900px){.cfg-opcoes{grid-template-columns:1fr}}

  /* Perfis de acesso */
  .pf-tabela .pf-col{text-align:center;width:150px}.pf-tabela input[type=checkbox]{width:18px;height:18px}
  .pf-menu td{background:var(--painel2);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--rotulo)}
  .pf-mini{height:20px;padding:0 6px;font-size:10px;display:inline-flex}

  .fin-rn{border:0;border-radius:5px;background:#8b5cf6;color:#fff;font:800 10px inherit;font-family:inherit;padding:1px 5px;cursor:pointer;vertical-align:middle}