:root{
    --verde:#00843D; --verde-esc:#00602C; --amarelo:#E3E600; --fundo:#F2F4F3; --card:#FFFFFF;
    --texto:#1D2521; --suave:#5E6B64; --borda:#DDE3E0;
    --ok:#1E9E57; --alerta:#E8A10C; --estouro:#D64541;
  }
  *{box-sizing:border-box}
  html,body{margin:0;background:var(--fundo);color:var(--texto);font-family:Roboto,Arial,sans-serif;font-size:15px}
  button{font-family:inherit;font-size:inherit;cursor:pointer}
  input,select,textarea{font-family:inherit;font-size:16px}
  [hidden]{display:none!important}

  .topo{background:var(--verde);color:#fff;border-bottom:4px solid var(--amarelo);padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .marca{font-weight:700;letter-spacing:.5px;line-height:1.05}
  .marca b{display:block;font-size:20px}
  .marca span{font-size:11px;letter-spacing:2px}
  .nav-mod{display:flex;gap:6px;flex:1;min-width:160px;flex-wrap:wrap}
  .nav-mod button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:7px 12px;font-weight:500}
  .nav-mod button.ativo{background:#fff;color:var(--verde);border-color:#fff}
  .nav-mod .titulo{font-weight:500;font-size:17px;padding:6px 0}
  .quem{font-size:13px;text-align:right;opacity:.95}
  .btn-sair{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:6px;padding:6px 10px}

  .login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,var(--verde) 0%,var(--verde-esc) 100%)}
  .login{background:#fff;border-radius:14px;padding:28px 24px;width:100%;max-width:360px;box-shadow:0 12px 40px rgba(0,0,0,.25);border-top:6px solid var(--amarelo)}
  .login h1{margin:0 0 2px;color:var(--verde);font-size:24px}
  .login p.sub{margin:0 0 20px;color:var(--suave);font-size:13px}
  label{display:block;font-size:13px;font-weight:500;color:var(--suave);margin:12px 0 6px}
  input[type=text],input[type=password],input[type=number],select,textarea{width:100%;padding:12px;border:1px solid var(--borda);border-radius:8px;background:#fff;color:var(--texto)}
  input:focus,select:focus,textarea:focus{outline:2px solid var(--verde);border-color:var(--verde)}
  .btn{border:0;border-radius:8px;padding:13px 16px;font-weight:700}
  .btn-prim{background:var(--verde);color:#fff;width:100%;margin-top:18px}
  .btn-prim:disabled{opacity:.6}
  .btn-sec{background:#E3E8E5;color:var(--texto)}
  .erro{color:var(--estouro);font-size:13px;min-height:18px;margin-top:10px}

  main{padding:0 16px 24px}
  .abas{display:flex;gap:4px;padding:10px 0 0}
  .aba{border:0;background:#E3E8E5;color:var(--suave);padding:10px 16px;border-radius:8px 8px 0 0;font-weight:500}
  .aba.ativa{background:var(--card);color:var(--verde);box-shadow:inset 0 3px 0 var(--verde)}
  .painel-branco{background:var(--card);border-radius:0 10px 10px 10px;padding:16px}

  .fundo-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;z-index:50}
  .modal{background:#fff;width:100%;max-width:560px;max-height:90vh;overflow:auto;border-radius:14px 14px 0 0;padding:18px}
  @media(min-width:700px){.fundo-modal{align-items:center}.modal{border-radius:14px}}
  .acoes{display:flex;gap:10px;margin-top:18px}
  .acoes .btn{flex:1}

  .toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#1D2521;color:#fff;padding:12px 18px;border-radius:10px;z-index:99;max-width:92vw;box-shadow:0 6px 20px rgba(0,0,0,.3);font-size:14px}
  .toast.ok{background:var(--ok)} .toast.erro{background:var(--estouro)} .toast.aviso{background:#8A5A00}
  .carregando{opacity:.6;pointer-events:none}
  .aguarde{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(242,244,243,.85);z-index:60;font-weight:500;color:var(--verde)}

  @media(max-width:700px){ .quem{text-align:left;width:100%} }


  .rec{--c-aguard:#E8920C; --c-conf:#2F80D1; --c-pend:#D64541; --c-confd:#7B5CC4; --c-lanc:#1E9E57}
  .rec .reg{max-width:560px}
  .rec .passo-tit{font-size:18px;font-weight:700;margin:4px 0 12px}
  .rec .grade-btn{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .rec .btn-grande{border:0;border-radius:10px;padding:18px 10px;font-weight:700;font-size:16px;background:var(--verde);color:#fff}
  .rec .btn-grande.claro{background:#E7F3EC;color:var(--verde)}
  #recLeitor{width:100%;border-radius:10px;overflow:hidden;margin-top:12px;background:#000}
  .rec .manual{margin-top:14px}
  .rec .manual summary{color:var(--suave);font-size:14px;cursor:pointer}
  .rec .linha{display:flex;gap:8px;align-items:stretch}
  .rec .linha input{flex:1}
  .rec .resumo-nota{background:#F5F9F7;border:1px solid var(--borda);border-left:5px solid var(--verde);border-radius:8px;padding:12px 14px;margin-bottom:6px}
  .rec .resumo-nota .forn{font-weight:700;font-size:16px}
  .rec .resumo-nota .det{color:var(--suave);font-size:13px;margin-top:4px}
  .rec .aviso{background:#FFF6DC;border:1px solid #F0D48A;color:#7A5A00;border-radius:8px;padding:10px 12px;font-size:13px;margin:8px 0}
  .rec .vol{display:flex;align-items:center;gap:8px}
  .rec .vol button{width:52px;height:48px;border-radius:8px;border:1px solid var(--borda);background:#fff;font-size:22px;font-weight:700;color:var(--verde)}
  .rec .vol input{text-align:center;font-size:22px;font-weight:700;height:48px}
  .rec .chips{display:flex;flex-wrap:wrap;gap:8px}
  .rec .chip{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:10px 14px;font-weight:500}
  .rec .chip.sel{background:var(--verde);border-color:var(--verde);color:#fff}

  .rec .filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
  .rec .filtros input{flex:1;min-width:180px}
  .rec .filtros select{width:auto;min-width:150px}
  .rec .atualizado{font-size:12px;color:var(--suave)}
  .rec .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
  .rec .kpi{background:#F7F9F8;border:1px solid var(--borda);border-radius:10px;padding:10px 12px}
  .rec .kpi .r{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.4px}
  .rec .kpi .v{font-size:24px;font-weight:700;margin-top:2px}
  .rec .kpi.vermelho .v{color:var(--estouro)}
  .rec .quadro{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
  .rec .coluna{background:#EEF1EF;border-radius:10px;padding:8px;min-height:200px;scroll-snap-align:start}
  .rec .col-tit{color:#fff;border-radius:7px;padding:9px 10px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.3px}
  .rec .cartao{background:#fff;border-radius:8px;margin-top:8px;padding:10px 12px;border-left:5px solid var(--ok);box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer}
  .rec .cartao.alerta{border-left-color:var(--alerta)}
  .rec .cartao.estouro{border-left-color:var(--estouro);background:#FFF7F7}
  .rec .cartao.neutro{border-left-color:#B8C4BE}
  .rec .cartao .nf{font-weight:700}
  .rec .cartao .forn{font-size:13px;margin:2px 0 6px}
  .rec .cartao .meta{font-size:12px;color:var(--suave);line-height:1.5}
  .rec .idade{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#E7F3EC;color:var(--ok)}
  .rec .alerta .idade{background:#FFF3D6;color:#8A5A00}
  .rec .estouro .idade{background:#FDE3E2;color:var(--estouro)}
  .rec .neutro .idade{background:#EEF1EF;color:var(--suave)}
  .rec .motivo{font-size:12px;color:var(--estouro);font-weight:500;margin-top:4px}
  .rec .tag-mig{font-size:10px;background:#EEF1EF;color:var(--suave);border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:middle}
  .rec .vazio{color:var(--suave);font-size:13px;text-align:center;padding:18px 0}
  .rec .hist{list-style:none;padding:0;margin:10px 0 0}
  .rec .hist li{border-left:3px solid var(--borda);padding:4px 0 10px 12px;font-size:13px}
  .rec .hist .q{color:var(--suave);font-size:12px}
  .rec .botoes-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .rec .botoes-status .btn{color:#fff}
  @media(max-width:700px){
    .rec .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rec .quadro{grid-template-columns:repeat(5,86%)}
  }


  .trf{--t-pend:#E8920C; --t-sep:#2F80D1; --t-pdc:#D64541; --t-agu:#7B5CC4; --t-env:#0E8C8C; --t-rec:#1E9E57}
  .trf .form{max-width:560px}
  .trf .passo-tit{font-size:18px;font-weight:700;margin:4px 0 4px}
  .trf .dica{color:var(--suave);font-size:13px;margin:0 0 6px}
  .trf .chips{display:flex;flex-wrap:wrap;gap:8px}
  .trf .chip{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:11px 18px;font-weight:500}
  .trf .chip.sel{background:var(--verde);border-color:var(--verde);color:#fff}
  .trf .chip.urg.sel{background:var(--estouro);border-color:var(--estouro)}
  .trf .filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
  .trf .filtros input{flex:1;min-width:180px}
  .trf .filtros select{width:auto;min-width:150px}
  .trf .atualizado{font-size:12px;color:var(--suave)}
  .trf .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
  .trf .kpi{background:#F7F9F8;border:1px solid var(--borda);border-radius:10px;padding:10px 12px}
  .trf .kpi .r{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.4px}
  .trf .kpi .v{font-size:24px;font-weight:700;margin-top:2px}
  .trf .kpi.vermelho .v{color:var(--estouro)}
  .trf .kpi .s{font-size:11px;color:var(--suave)}
  .trf .quadro{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
  .trf .coluna{background:#EEF1EF;border-radius:10px;padding:8px;min-height:200px;scroll-snap-align:start}
  .trf .col-tit{color:#fff;border-radius:7px;padding:9px 10px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.3px}
  .trf .cartao{background:#fff;border-radius:8px;margin-top:8px;padding:10px 12px;border-left:5px solid var(--ok);box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer}
  .trf .cartao.alerta{border-left-color:var(--alerta)}
  .trf .cartao.estouro{border-left-color:var(--estouro);background:#FFF7F7}
  .trf .cartao.neutro{border-left-color:#B8C4BE}
  .trf .cartao .num{font-weight:700}
  .trf .cartao .meta{font-size:12px;color:var(--suave);line-height:1.5;margin-top:4px}
  .trf .tag{display:inline-block;font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;margin-right:4px}
  .trf .tag.urg{background:#FDE3E2;color:var(--estouro)}
  .trf .tag.venda{background:#E3EEFB;color:#1F5FA0}
  .trf .tag.repo{background:#EEF1EF;color:var(--suave)}
  .trf .tag.mig{background:#EEF1EF;color:var(--suave);font-weight:500}
  .trf .idade{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#E7F3EC;color:var(--ok)}
  .trf .alerta .idade{background:#FFF3D6;color:#8A5A00}
  .trf .estouro .idade{background:#FDE3E2;color:var(--estouro)}
  .trf .neutro .idade{background:#EEF1EF;color:var(--suave)}
  .trf .motivo{font-size:12px;color:var(--estouro);font-weight:500;margin-top:4px}
  .trf .vazio{color:var(--suave);font-size:13px;text-align:center;padding:18px 0}
  .trf .hist{list-style:none;padding:0;margin:10px 0 0}
  .trf .hist li{border-left:3px solid var(--borda);padding:4px 0 10px 12px;font-size:13px}
  .trf .hist .q{color:var(--suave);font-size:12px}
  .trf .botoes-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .trf .botoes-status .btn{color:#fff}
  @media(max-width:700px){
    .trf .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .trf .quadro{grid-template-columns:repeat(6,86%)}
  }

  .adm-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
  .adm .chips{display:flex;flex-wrap:wrap;gap:8px}
  .adm .chip{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:10px 14px;font-weight:500}
  .adm .chip.sel{background:var(--verde);border-color:var(--verde);color:#fff}
  .adm-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--borda);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;background:#fff}
  .adm-item:hover{border-color:var(--verde)}
  .adm-item.inativo{opacity:.55}
  .adm-item .n{font-weight:700}
  .adm-item .d{font-size:12px;color:var(--suave);margin-top:2px}
  .adm-tag{font-size:11px;font-weight:700;border-radius:4px;padding:2px 6px;background:#E7F3EC;color:var(--verde);white-space:nowrap}
  .adm-tag.off{background:#EEF1EF;color:var(--suave)} .adm-tag.warn{background:#FFF3D6;color:#8A5A00}
  .adm-senha{background:#F5F9F7;border:1px dashed var(--verde);border-radius:8px;padding:14px;font-size:16px;line-height:1.8}
  .adm-senha b{font-family:monospace;font-size:18px;letter-spacing:.5px}

  .prd{--p-fila:#E8920C; --p-sep:#8A6D3B; --p-env:#2F80D1; --p-exe:#7B5CC4; --p-pdc:#D64541; --p-pro:#1E9E57; --p-ent:#0E8C8C}
  .prd .form{max-width:560px}
  .prd .passo-tit{font-size:18px;font-weight:700;margin:4px 0 4px}
  .prd .dica{color:var(--suave);font-size:13px;margin:0 0 6px}
  .prd .chips{display:flex;flex-wrap:wrap;gap:8px}
  .prd .chip{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:11px 18px;font-weight:500}
  .prd .chip.sel{background:var(--verde);border-color:var(--verde);color:#fff}
  .prd .chip.urg.sel{background:var(--estouro);border-color:var(--estouro)}
  .prd .filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
  .prd .filtros input{flex:1;min-width:180px}
  .prd .filtros select{width:auto;min-width:150px}
  .prd .atualizado{font-size:12px;color:var(--suave)}
  .prd .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
  .prd .kpi{background:#F7F9F8;border:1px solid var(--borda);border-radius:10px;padding:10px 12px}
  .prd .kpi .r{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.4px}
  .prd .kpi .v{font-size:24px;font-weight:700;margin-top:2px}
  .prd .kpi.vermelho .v{color:var(--estouro)}
  .prd .kpi .s{font-size:11px;color:var(--suave)}
  .prd .quadro{display:grid;grid-template-columns:repeat(7,minmax(210px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
  .prd .coluna{background:#EEF1EF;border-radius:10px;padding:8px;min-height:200px;scroll-snap-align:start}
  .prd .col-tit{color:#fff;border-radius:7px;padding:9px 10px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.3px}
  .prd .cartao{background:#fff;border-radius:8px;margin-top:8px;padding:10px 12px;border-left:5px solid var(--ok);box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer}
  .prd .cartao.alerta{border-left-color:var(--alerta)}
  .prd .cartao.estouro{border-left-color:var(--estouro);background:#FFF7F7}
  .prd .cartao.neutro{border-left-color:#B8C4BE}
  .prd .cartao .num{font-weight:700}
  .prd .cartao .meta{font-size:12px;color:var(--suave);line-height:1.5;margin-top:4px}
  .prd .tag{display:inline-block;font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;margin-right:4px}
  .prd .tag.urg{background:#FDE3E2;color:var(--estouro)}
  .prd .tag.venda{background:#E3EEFB;color:#1F5FA0}
  .prd .tag.repo{background:#EEF1EF;color:var(--suave)}
  .prd .tag.mig{background:#EEF1EF;color:var(--suave);font-weight:500}
  .prd .idade{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#E7F3EC;color:var(--ok)}
  .prd .alerta .idade{background:#FFF3D6;color:#8A5A00}
  .prd .estouro .idade{background:#FDE3E2;color:var(--estouro)}
  .prd .neutro .idade{background:#EEF1EF;color:var(--suave)}
  .prd .motivo{font-size:12px;color:var(--estouro);font-weight:500;margin-top:4px}
  .prd .vazio{color:var(--suave);font-size:13px;text-align:center;padding:18px 0}
  .prd .hist{list-style:none;padding:0;margin:10px 0 0}
  .prd .hist li{border-left:3px solid var(--borda);padding:4px 0 10px 12px;font-size:13px}
  .prd .hist .q{color:var(--suave);font-size:12px}
  .prd .botoes-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .prd .botoes-status .btn{color:#fff}
  @media(max-width:700px){
    .prd .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .prd .quadro{grid-template-columns:repeat(7,86%)}
  }
  .prd .tag.sem{background:#FDE3E2;color:var(--estouro)}
  .prd .tag.ped{background:#E3EEFB;color:#1F5FA0}
  .prd .prazo{font-size:12px;font-weight:700;margin-top:4px}
  .prd .prazo.atrasado{color:var(--estouro)} .prd .prazo.ok{color:var(--suave)} .prd .prazo.perto{color:#8A5A00}
  .prd .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .prd .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 10px}
  .prd .anexo{display:block;font-size:13px;color:#1F5FA0;margin:4px 0;cursor:pointer;text-decoration:underline;background:none;border:0;padding:0;text-align:left}
  .prd .valores{background:#F5F9F7;border-radius:8px;padding:8px 10px;margin-top:8px;font-size:13px}
  @media(max-width:600px){ .prd .grid2,.prd .grid3{grid-template-columns:1fr} }
  .cfg-voltar{background:none;border:0;color:var(--verde);font-weight:700;padding:6px 0;margin-top:8px}

/* ===== Ícones de traço ===== */
  .ico{flex-shrink:0;vertical-align:-3px}
  .btn-grande{display:flex;align-items:center;justify-content:center;gap:8px}
  .btn, .chip, .cfg-voltar{display:inline-flex;align-items:center;justify-content:center;gap:6px}
  .btn-prim{display:flex}
  .motivo .ico, .prazo .ico, .tag .ico, .valores .ico{vertical-align:-2px}
  .tag{display:inline-flex;align-items:center;gap:3px}

/* ===== Cabeçalho: módulos + menu do usuário ===== */
  .topo{flex-wrap:nowrap}
  .nav-mod{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0}
  .nav-mod::-webkit-scrollbar{display:none}
  .nav-mod button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  .nav-mod .nm-curto{display:none}
  .nav-mod .titulo{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
  .menu-usuario{position:relative;margin-left:auto;flex-shrink:0}
  .btn-usuario{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);
               color:#fff;border-radius:10px;padding:6px 10px;text-align:left}
  .btn-usuario:hover,.btn-usuario[aria-expanded="true"]{background:rgba(255,255,255,.22)}
  .btn-usuario .quem{display:flex;flex-direction:column;line-height:1.2;font-size:13px;text-align:left;width:auto}
  .btn-usuario #uNome{font-weight:700}
  .btn-usuario #uPerfil{font-size:11px;opacity:.85}
  .menu-lista{position:absolute;right:0;top:calc(100% + 8px);background:#fff;color:var(--texto);border-radius:12px;min-width:230px;
              box-shadow:0 12px 32px rgba(0,0,0,.22);padding:6px;z-index:80;border:1px solid var(--borda)}
  .menu-cab{display:flex;flex-direction:column;padding:10px 12px 12px;border-bottom:1px solid var(--borda);margin-bottom:4px}
  .menu-cab b{font-size:14px}
  .menu-cab span{font-size:12px;color:var(--suave);margin-top:2px}
  .menu-lista button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:8px;
                     padding:11px 12px;font-size:14px;color:var(--texto);text-align:left}
  .menu-lista button:hover{background:#F0F4F2}
  .menu-lista button .ico{color:var(--suave)}
  .menu-lista button.perigo{color:var(--estouro)}
  .menu-lista button.perigo .ico{color:var(--estouro)}
  @media(max-width:700px){
    .topo{padding:10px 12px;gap:8px}
    .marca b{font-size:15px}
    .marca span{font-size:9px;letter-spacing:1.5px}
    .nav-mod{gap:4px}
    .btn-usuario .quem{display:none}
    .btn-usuario{padding:8px}
    .nav-mod button span{display:none}                 /* no celular os módulos viram ícone… */
    .nav-mod button{padding:8px 8px}
    .nav-mod button.ativo .nm-curto{display:inline}    /* …e o aberto mostra o nome curto */
  }
  @media(max-width:400px){ .marca{display:none} }   /* telas estreitas: a marca já está no ícone do app */

/* ===== Logo em contorno ===== */
  .marca{display:flex;align-items:center;gap:8px}
  .marca-txt{display:flex;flex-direction:column;line-height:1.05}
  .marca .marca-txt b{font-size:18px;letter-spacing:1px}
  .marca .marca-txt span{font-size:9.5px;letter-spacing:2.4px}
  .login-marca{display:flex;align-items:center;gap:12px;margin-bottom:6px;color:var(--verde)}
  .login-marca .marca-txt b{font-size:30px;font-weight:900;letter-spacing:1.5px;color:transparent;-webkit-text-stroke:1.4px var(--verde)}
  .login-marca .marca-txt span{font-size:12px;letter-spacing:3.4px;font-weight:500}
  .marca .marca-txt b{color:transparent;-webkit-text-stroke:1px #fff;font-weight:900}
  @media(max-width:700px){ .topo .marca-txt{display:none} }

/* ===== Painel de Gestão ===== */
  .ges .abas{overflow-x:auto;scrollbar-width:none}
  .ges .abas .aba{white-space:nowrap}
  .ges-filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
  .ges-filtros select{width:auto;min-width:160px}
  .seg{display:inline-flex;border:1px solid var(--borda);border-radius:10px;overflow:hidden;background:#fff}
  .seg button{border:0;background:#fff;padding:10px 14px;font-weight:500;color:var(--suave)}
  .seg button+button{border-left:1px solid var(--borda)}
  .seg button.sel{background:var(--verde);color:#fff}
  .ges .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}
  .ges .kpi{background:#F7F9F8;border:1px solid var(--borda);border-radius:10px;padding:10px 12px}
  .ges .kpi .r{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.4px}
  .ges .kpi .v{font-size:24px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
  .ges .kpi .s{font-size:11px;color:var(--suave)}
  .ges .kpi.vermelho{border-color:#F3C2C0;background:#FFF7F7}
  .ges .kpi.vermelho .v{color:var(--estouro)}
  .setores{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}
  .setor{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px;text-align:left;color:var(--texto)}
  .setor:hover{border-color:var(--verde);box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .setor-cab{display:flex;align-items:center;gap:8px;color:var(--verde);font-size:15px}
  .setor-cab b{color:var(--texto)}
  .setor-num{font-size:40px;font-weight:700;margin:8px 0 4px;font-variant-numeric:tabular-nums}
  .setor-sub{font-size:12px;color:var(--suave);margin:6px 0 10px}
  .setor-lin{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:5px 0;border-top:1px solid #EEF1EF}
  .setor-lin span{color:var(--suave)}
  .setor-lin b{font-variant-numeric:tabular-nums}
  .setor-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:18px;color:var(--verde)}
  .setor-topo b{color:var(--texto)}
  .selo{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
  .selo.mini{font-size:11px;padding:2px 7px}
  .selo.bom{background:#E4F4EA;color:#156B3B} .selo.atencao{background:#FFF1D1;color:#7A5200}
  .selo.critico{background:#FDE3E2;color:#A3302D} .selo.sd{background:#EEF1EF;color:var(--suave)}
  .bloco{border:1px solid var(--borda);border-radius:12px;padding:14px;margin-bottom:14px;background:#fff}
  .bloco-tit{font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}
  .dica-i{color:var(--suave);cursor:help;display:inline-flex}
  .barras{display:flex;flex-direction:column;gap:10px}
  .barra-lin{display:grid;grid-template-columns:200px 1fr 230px;gap:10px;align-items:center}
  .barra-lin.simples{grid-template-columns:240px 1fr 60px}
  .barra-rot{font-size:13px;display:flex;justify-content:space-between;gap:6px}
  .barra-rot span{color:var(--suave);font-size:12px}
  .barra-trilho{position:relative;height:14px;background:#F0F3F1;border-radius:4px}
  .barra{height:100%;background:var(--verde);border-radius:0 4px 4px 0;opacity:.85}
  .barra-sla{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;background:var(--texto);border-radius:2px}
  .prazo-txt{color:var(--suave);font-size:12px}
  .barra-sla span{position:absolute;top:-16px;left:4px;font-size:10px;color:var(--suave);white-space:nowrap}
  .barra-val{display:flex;align-items:center;gap:8px;font-size:13px;font-variant-numeric:tabular-nums}
  .tabela-wrap{overflow-x:auto}
  .tabela{width:100%;border-collapse:collapse;font-size:13px}
  .tabela th{text-align:left;color:var(--suave);font-weight:500;border-bottom:1px solid var(--borda);padding:8px 6px;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
  .tabela td{padding:8px 6px;border-bottom:1px solid #EEF1EF}
  .tabela .n{text-align:right;font-variant-numeric:tabular-nums}
  .nota-calc{font-size:12px;color:var(--suave);background:#F7F9F8;border-radius:8px;padding:10px 12px;line-height:1.5}
  .vazio{color:var(--suave);font-size:13px;text-align:center;padding:14px 0}
  /* organograma */
  .org{overflow-x:auto;padding:8px 0 4px}
  .org ul{display:flex;justify-content:center;padding-top:18px;position:relative;margin:0;padding-left:0;list-style:none}
  .org > ul{padding-top:0}
  .org li{display:flex;flex-direction:column;align-items:center;position:relative;padding:18px 8px 0}
  .org > ul > li{padding-top:0}
  .org li::before,.org li::after{content:'';position:absolute;top:0;width:50%;height:18px;border-top:2px solid var(--borda)}
  .org li::before{right:50%} .org li::after{left:50%;border-left:2px solid var(--borda)}
  .org li:only-child::before,.org li:only-child::after{display:none}
  .org li:only-child{padding-top:18px}
  .org > ul > li:only-child{padding-top:0}
  .org li:first-child::before,.org li:last-child::after{border:0 none}
  .org li:last-child::before{border-right:2px solid var(--borda);border-radius:0 6px 0 0}
  .org li:first-child::after{border-radius:6px 0 0 0}
  .org ul ul::before{content:'';position:absolute;top:0;left:50%;height:18px;border-left:2px solid var(--borda)}
  .org li:only-child > .org-no::before{content:'';position:absolute;top:-18px;left:50%;height:18px;border-left:2px solid var(--borda)}
  .org > ul > li:only-child > .org-no::before{display:none}
  .org-no{position:relative;border:1.5px solid var(--verde);border-radius:10px;padding:8px 12px;min-width:150px;max-width:210px;background:#fff;text-align:center}
  .org-setor{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--suave)}
  .org-no b{display:block;font-size:13px;margin:2px 0 4px}
  .org-pessoas{display:flex;flex-direction:column;gap:2px;font-size:12px}
  .org-pessoas span{display:inline-flex;align-items:center;justify-content:center;gap:4px}
  .org-pessoas em{color:var(--suave);font-size:11px}
  /* lista do diário (painel e histórico) */
  .dia-lista{display:flex;flex-direction:column;gap:8px}
  .dia-item{border:1px solid var(--borda);border-radius:10px;padding:10px 12px;background:#fff}
  .dia-item.falta{background:#FFF7F7;border-color:#F3C2C0}
  .dia-item-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .dia-item.feito .dia-item-cab .ico{color:var(--ok)} .dia-item.falta .dia-item-cab .ico{color:var(--estouro)}
  .dia-item-cab span{font-size:12px;color:var(--suave)}
  .dia-st{margin-left:auto;font-weight:700}
  .dia-item-det{font-size:13px;margin-top:6px;line-height:1.5}
  @media(max-width:700px){
    .barra-lin,.barra-lin.simples{grid-template-columns:1fr;gap:4px}
    .barra-val{justify-content:flex-start}
  }

/* ===== Registro diário ===== */
  .dia-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
  .dia-data{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borda);border-radius:8px;padding:8px 12px;font-weight:500}
  .dia-auto{background:#F5F9F7;border:1px solid var(--borda);border-left:4px solid var(--verde);border-radius:10px;padding:12px 14px;margin-bottom:6px}
  .dia-auto-tit{font-weight:700;font-size:14px;margin-bottom:8px}
  .dia-auto-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
  .dia-auto-grade div{display:flex;flex-direction:column}
  .dia-auto-grade b{font-size:22px;font-variant-numeric:tabular-nums}
  .dia-auto-grade span{font-size:12px;color:var(--suave)}
  .dia .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .dia .anexo{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#1F5FA0;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
  @media(max-width:600px){ .dia .grid2{grid-template-columns:1fr} }

/* =====================================================================
   PALETA CLARA v6 — topo quase branco, botões em contorno verde
   ===================================================================== */
  :root{
    --verde:#0A7A3E; --verde-esc:#065C2E; --verde-claro:#EAF5EE; --verde-borda:#9FCDB0;
    --topo:#F4FAF6; --fundo:#F6F8F7;
  }
  html,body{background:var(--fundo)}
  /* topo */
  .topo{background:var(--topo);color:var(--verde-esc);border-bottom:1px solid #D7E9DE;box-shadow:0 1px 6px rgba(6,92,46,.06)}
  .marca{color:var(--verde)}
  .marca .marca-txt b{-webkit-text-stroke:1px var(--verde);color:transparent}
  .marca .marca-txt span{color:var(--verde-esc)}
  .nav-mod button{background:#fff;border:1.5px solid var(--verde-borda);color:var(--verde);font-weight:500;
                  transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
  .nav-mod button:hover{border-color:var(--verde);transform:translateY(-1px);box-shadow:0 4px 10px rgba(10,122,62,.14)}
  .nav-mod button.ativo{background:var(--verde-claro);border-color:var(--verde);color:var(--verde-esc);font-weight:700}
  .nav-mod .titulo{color:var(--verde-esc)}
  .btn-usuario{background:#fff;border:1.5px solid var(--verde-borda);color:var(--verde-esc);transition:box-shadow .15s,border-color .15s}
  .btn-usuario:hover,.btn-usuario[aria-expanded="true"]{background:#fff;border-color:var(--verde);box-shadow:0 4px 10px rgba(10,122,62,.14)}
  /* botões: contorno verde, fundo claro, efeito ao passar/tocar */
  .btn,.btn-grande{transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s}
  .btn-prim,.btn-grande{background:var(--verde-claro);border:1.5px solid var(--verde);color:var(--verde-esc)}
  .btn-prim:hover,.btn-grande:hover,.btn-prim:active,.btn-grande:active{background:var(--verde);color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(10,122,62,.22)}
  .btn-grande.claro{background:#fff;border:1.5px solid var(--verde-borda);color:var(--verde)}
  .btn-grande.claro:hover{background:var(--verde-claro);color:var(--verde-esc);border-color:var(--verde)}
  .btn-sec{background:#fff;border:1.5px solid #CFDDD4;color:var(--texto)}
  .btn-sec:hover{border-color:var(--verde);color:var(--verde-esc)}
  .btn:disabled,.btn-grande:disabled{opacity:.55;transform:none;box-shadow:none}
  .btn-status{background:color-mix(in srgb,var(--c) 10%,#fff);border:1.5px solid var(--c);color:color-mix(in srgb,var(--c) 78%,#000)!important}
  .btn-status:hover{background:var(--c);color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.15)}
  .chip{transition:border-color .15s,background .15s}
  .chip.sel,.rec .chip.sel,.trf .chip.sel,.adm .chip.sel{background:var(--verde-claro);border-color:var(--verde);color:var(--verde-esc);font-weight:700}
  .trf .chip.urg.sel{background:#FDECEC;border-color:var(--estouro);color:#A3302D}
  .seg button.sel{background:var(--verde-claro);color:var(--verde-esc);font-weight:700}
  /* abas */
  .aba{background:#EEF3F0;color:var(--suave);transition:color .15s}
  .aba:hover{color:var(--verde)}
  .aba.ativa{background:#fff;color:var(--verde-esc);box-shadow:inset 0 3px 0 var(--verde)}
  /* títulos das colunas dos kanbans: tom claro com a cor da etapa no traço */
  .col-tit{background:color-mix(in srgb,var(--c) 13%,#fff)!important;color:color-mix(in srgb,var(--c) 72%,#000)!important;border-top:3px solid var(--c)}
  /* login claro */
  .login-wrap{background:linear-gradient(160deg,#F7FBF8 0%,#E4F1E9 100%);flex-direction:column;gap:18px}
  .login{border-top:4px solid var(--verde);box-shadow:0 12px 40px rgba(6,92,46,.12)}
  /* rodapé */
  .rodape{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#8A9A91;padding:18px 0 22px}
  .rodape svg{color:var(--verde-borda)}
  /* configurações: importação da matriz */
  .imp-caixa{border:1.5px dashed var(--verde-borda);border-radius:12px;padding:16px;background:#FAFDFB;margin-bottom:14px}
  .imp-resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0}
  .imp-resumo div{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:8px 10px}
  .imp-resumo b{display:block;font-size:20px}
  .imp-resumo span{font-size:12px;color:var(--suave)}
  /* organograma pela matriz */
  .org2-lid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:6px}
  .org2-lid .no{border:1.5px solid var(--verde);border-radius:10px;padding:8px 14px;background:var(--verde-claro);text-align:center;min-width:170px}
  .org2-lid .no b{display:block;font-size:13px;color:var(--verde-esc)}
  .org2-lid .no span{font-size:12px;color:var(--suave)}
  .org2-liga{height:18px;border-left:2px solid var(--borda);width:0;margin:0 auto}
  .org2-cel{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;border-top:2px solid var(--borda);padding-top:14px}
  .cel{border:1px solid var(--borda);border-radius:12px;background:#fff;padding:10px 12px}
  .cel-cab{display:flex;align-items:baseline;gap:6px;border-bottom:1px solid #EEF1EF;padding-bottom:6px;margin-bottom:6px}
  .cel-cab b{font-size:13px;color:var(--verde-esc)}
  .cel-cab span{font-size:11px;color:var(--suave)}
  .cel-lider{font-size:12px;margin-bottom:6px}
  .cel-lider.sem{color:#8A5A00}
  .pessoa{padding:6px 0;border-top:1px dashed #E6ECE8;font-size:13px}
  .pessoa:first-of-type{border-top:0}
  .pessoa-nome{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600}
  .pessoa-frentes{font-size:12px;color:var(--suave);margin-top:2px;line-height:1.4}
  .flag{font-size:10px;font-weight:700;border-radius:4px;padding:1px 6px}
  .flag.conflito{background:#FDE3E2;color:#A3302D} .flag.pendente{background:#FFF1D1;color:#7A5200}
  .flag.portal{background:var(--verde-claro);color:var(--verde-esc)} .flag.lider{background:#E3EEFB;color:#1F5FA0}
  .cel-alerta{font-size:11px;color:#8A5A00;margin-top:6px;display:flex;gap:4px;align-items:center}

  .grid-cargo{display:grid;grid-template-columns:1fr 200px auto;gap:8px}
  .grid2-adm{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .cargo-grupo{margin-bottom:12px}
  .cargo-grupo-tit{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--suave);margin:6px 0}
  .cargo-lin{display:flex;align-items:center;gap:8px;border:1px solid var(--borda);border-radius:10px;padding:8px 10px;margin-bottom:6px;background:#fff}
  .cargo-lin input{flex:1;padding:8px 10px}
  .cargo-lin select{width:auto;padding:8px}
  .cargo-lin .qtd{font-size:12px;color:var(--suave);white-space:nowrap}
  .cargo-lin .btn{padding:8px 10px}
  .cargo-lin.inativo{opacity:.55}
  @media(max-width:600px){ .grid-cargo,.grid2-adm{grid-template-columns:1fr} .cargo-lin{flex-wrap:wrap} }
  /* organograma por filial */
  .org-filial{margin-bottom:18px}
  .org-filial-tit{font-weight:700;color:var(--verde-esc);margin-bottom:6px;display:flex;align-items:center;gap:6px}
  .org-no.n1{background:var(--verde-claro);border-color:var(--verde)}
  .org-no.n2{border-color:var(--verde)}
  .org-no.n3{border-color:#B8C9BF}
  .org-no .org-cargo{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--suave)}
  .org-no .org-nome{font-weight:700;font-size:13px}
  .org-avisos{font-size:12px;color:#7A5200;background:#FFF6DC;border:1px solid #F0D48A;border-radius:8px;padding:8px 10px;margin:4px 0 12px;display:flex;flex-direction:column;gap:4px}
  .org-avisos>div{display:flex;gap:6px;align-items:flex-start}
  .org-soltos{margin-top:8px;font-size:12px;color:#7A5200}
  .org-no{display:inline-flex;flex-direction:column;align-items:center}

/* organograma no celular: lista recuada (árvore vertical) */
@media(max-width:600px){
  .org{overflow:visible}
  .org ul{display:block;padding:0 0 0 14px;margin:0;border-left:2px solid var(--borda)}
  .org > ul{padding-left:0;border-left:0}
  .org li{display:block;padding:6px 0 0 12px;position:relative}
  .org > ul > li{padding-left:0}
  .org li::before{content:'';display:block;position:absolute;left:-2px;top:24px;width:12px;height:0;border:0;border-top:2px solid var(--borda);border-radius:0}
  .org li::after,.org ul ul::before,.org li:only-child > .org-no::before{display:none}
  .org li:only-child::before{display:block}
  .org li:only-child{padding-top:6px}
  .org ul li::before{border-top:2px solid var(--borda) !important;border-right:0 !important}
  .org > ul > li::before{display:none}
  .org-no{display:flex;align-items:flex-start;text-align:left;min-width:0;max-width:none;width:100%}
}

/* =====================================================================
   v8 — TELA INICIAL, AGENDA, SININHO, CONFIGURAÇÕES DE CONTEÚDO
   ===================================================================== */
.menu-notif{position:relative;margin-left:auto;flex-shrink:0}
.menu-notif + .menu-usuario{margin-left:0}
.btn-sino{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;
  background:#fff;border:1.5px solid var(--verde-borda);color:var(--verde-esc);transition:box-shadow .15s,border-color .15s}
.btn-sino:hover,.btn-sino[aria-expanded="true"]{border-color:var(--verde);box-shadow:0 4px 10px rgba(10,122,62,.14)}
.sino-qtd{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--estouro);
  color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--topo)}
.notif-painel{position:absolute;right:0;top:calc(100% + 8px);width:380px;max-width:calc(100vw - 24px);background:#fff;color:var(--texto);
  border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);border:1px solid var(--borda);z-index:40;overflow:hidden}
.notif-cab{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--borda)}
.link{background:none;border:0;color:var(--verde);font-weight:600;font-size:13px;padding:4px}
.link:hover{text-decoration:underline}
.notif-lista{max-height:min(60vh,440px);overflow:auto}
.notif-item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #EEF2F0;padding:11px 14px;color:var(--texto)}
.notif-item:hover{background:#F4FAF6}
.notif-item.nova{background:#F0F8F3}
.notif-item.nova .notif-txt b::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--verde);margin-right:6px;vertical-align:1px}
.notif-ico{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--verde-claro);color:var(--verde-esc);display:flex;align-items:center;justify-content:center}
.notif-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}
.notif-txt b{font-size:13.5px}
.notif-txt span{color:var(--suave);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.notif-quando{flex-shrink:0;font-size:11px;color:var(--suave);white-space:nowrap}
.notif-rodape{padding:10px 14px;border-top:1px solid var(--borda);background:#FAFCFB;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.notif-rodape .dica{color:var(--suave);display:flex;gap:6px;align-items:flex-start}
.ok-txt{color:var(--verde-esc);display:inline-flex;gap:6px;align-items:center;font-weight:600}
.vazio.pequeno{padding:14px 8px;font-size:13px}
.toast.info{background:var(--verde-esc)}
@media(max-width:600px){ .notif-painel{position:fixed;left:12px;right:12px;top:64px;width:auto} .btn-sino{width:38px;height:38px} }

/* tela inicial */
.ini{max-width:1100px;margin:0 auto}
.ini-hero{padding:6px 2px 14px}
.ini-data{color:var(--suave);font-size:14px}
.ini-hero h2{margin:2px 0 8px;font-size:26px;color:var(--verde-esc)}
.ini-chips{display:flex;flex-wrap:wrap;gap:6px}
.ini-chips span{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #D7E9DE;border-radius:20px;padding:4px 10px;font-size:12.5px;color:var(--verde-esc)}
.ini-frase{position:relative;margin:0 0 14px;background:linear-gradient(135deg,#FFFFFF 0%,var(--verde-claro) 100%);border:1px solid #D7E9DE;
  border-left:5px solid var(--verde);border-radius:14px;padding:18px 20px 14px 58px}
.ini-frase > .ico{position:absolute;left:18px;top:18px;color:var(--verde);opacity:.75}
.ini-frase blockquote{margin:0;font-size:19px;line-height:1.4;font-weight:500;color:var(--verde-esc)}
.ini-frase figcaption{margin-top:8px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--suave)}
.ini-avisos{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.ini-aviso{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#FFF8E6;border:1px solid #F0D48A;color:#6B4A00;border-radius:12px;padding:12px 14px;font-size:14px}
.ini-aviso span{flex:1}
.ini-aviso .ir{display:inline-flex;align-items:center;gap:4px;color:#6B4A00;white-space:nowrap}
button.ini-aviso:hover{box-shadow:0 4px 12px rgba(107,74,0,.12)}
.ini-aviso.ok{background:var(--verde-claro);border-color:#BFDDCB;color:var(--verde-esc)}
.ini-grade{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.ini-cartao{background:#fff;border:1px solid #E1EAE4;border-radius:14px;padding:14px 16px}
.ini-cartao-cab{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.ini-cartao-cab > span{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--verde-esc)}
.btn-mini{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--verde-borda);color:var(--verde-esc);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600}
.btn-mini:hover{border-color:var(--verde);box-shadow:0 3px 8px rgba(10,122,62,.12)}
.dev-grupo{margin-top:6px}
.dev-grupo-tit{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--suave);margin:10px 0 4px}
.dev-lista{list-style:none;margin:0;padding:0}
.dev-lista li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed #E6ECE8;font-size:14px;line-height:1.35}
.dev-lista li:last-child{border-bottom:0}
.dev-lista li .ico{color:var(--verde);flex-shrink:0;margin-top:1px}
.ag-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #EEF2F0}
.ag-item:last-child{border-bottom:0}
.ag-dia{flex-shrink:0;width:48px;text-align:center;border:1.5px solid var(--verde-borda);border-radius:10px;padding:4px 0;background:var(--verde-claro)}
.ag-dia b{display:block;font-size:20px;line-height:1.1;color:var(--verde-esc)}
.ag-dia span{font-size:10.5px;letter-spacing:1px;color:var(--verde)}
.ag-info{flex:1;min-width:0}
.ag-tit{font-weight:700;font-size:14.5px}
.ag-quando{font-size:13px;color:var(--verde-esc);display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:2px}
.ag-desc{font-size:13px;color:var(--texto);margin-top:4px;white-space:pre-line}
.ag-pub{font-size:11.5px;color:var(--suave);margin-top:4px}
.grid3-ag{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}
input[type=date],input[type=time]{width:100%;padding:11px;border:1px solid var(--borda);border-radius:8px;background:#fff;color:var(--texto)}
.btn.perigo{color:var(--estouro);border-color:#EBC4C2}
@media(max-width:760px){ .ini-grade{grid-template-columns:1fr} .ini-hero h2{font-size:22px} .ini-frase blockquote{font-size:17px} .ini-frase{padding-left:50px} }
@media(max-width:420px){ .grid3-ag{grid-template-columns:1fr 1fr} .grid3-ag > div:first-child{grid-column:1 / -1} }

/* registro diário: perguntas por cargo */
.obrig{color:var(--estouro)}

/* configurações de conteúdo */
.check-lin{display:flex!important;align-items:center;gap:8px;color:var(--texto)!important;font-size:14px!important;margin:12px 0 0}
.check-lin input{width:18px;height:18px;flex-shrink:0}
.cnt-lin{display:flex;gap:8px;align-items:center;border:1px solid var(--borda);border-radius:10px;padding:8px 10px;margin-bottom:6px;background:#fff}
.cnt-lin textarea,.cnt-lin input[type=text]{flex:1;padding:8px 10px;min-width:0}
.cnt-lin select{width:auto;max-width:170px;padding:8px}
.cnt-lin.inativo{opacity:.55}
.cnt-lin.hoje{border-color:var(--verde);background:var(--verde-claro)}
.cnt-acoes{display:flex;gap:6px;flex-shrink:0}
.cnt-acoes .btn{padding:8px 10px;margin:0;width:auto}
.cnt-ordem{display:flex;flex-direction:column;gap:2px}
.cnt-ordem button{background:#fff;border:1px solid var(--borda);border-radius:6px;padding:1px 4px;color:var(--verde-esc);line-height:0}
.cnt-ordem button:disabled{opacity:.3;cursor:default}
.cnt-lin.perg{flex-wrap:wrap}
.cnt-lin.perg input[type=text]:first-child{flex:1 1 100%}
.cnt-lin.perg .opc{flex:1 1 200px}
.grid-perg{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center}
@media(max-width:600px){ .cnt-lin{flex-wrap:wrap} .cnt-lin textarea{flex:1 1 100%} .cnt-acoes{width:100%} .cnt-acoes .btn{flex:1}
  .grid-perg{grid-template-columns:1fr} #admAbas{overflow-x:auto;flex-wrap:nowrap} #admAbas .aba{white-space:nowrap} }
/* com 6 módulos + sininho: nomes curtos em telas médias */
@media(min-width:601px) and (max-width:1380px){ .nav-mod .nm-longo{display:none} .nav-mod .nm-curto{display:inline} }
.check-lin[hidden]{display:none!important}

/* =====================================================================
   v9 — PERÍODO, TAREFAS, CHECKLIST
   ===================================================================== */
.ges-datas{display:flex;align-items:center;gap:6px}
.ges-datas label{margin:0;font-size:13px}
.ges-datas input{width:auto;padding:9px 10px}
.pill{display:inline-block;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700;background:#EEF1EF;color:var(--texto)}
.pill.bom{background:#E4F4EA;color:#146B3A} .pill.atencao{background:#FFF1D1;color:#7A5200} .pill.critico{background:#FDE3E2;color:#A3302D}
.suave{color:var(--suave);font-size:12px}
.txt-critico{color:var(--estouro)}
.tar-topo{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.tar-topo input{flex:1}
.tar-resumo{font-size:13px;color:var(--suave);margin-bottom:8px}
.tar-quadro{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
.tar-col{background:#F5F9F7;border-radius:10px;padding:8px}
.tar-col .col-tit{border-radius:7px;padding:9px 10px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.3px}
.tar-card{background:#fff;border-radius:10px;margin-top:8px;padding:10px 12px;border:1px solid #E1EAE4;border-left:4px solid #9FCDB0}
.tar-card.alta{border-left-color:var(--estouro)}
.tar-card.atrasada{background:#FFF7F7;border-color:#F3C2C0}
.tar-card-cab{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.tar-card-cab b{font-size:14.5px}
.tar-meta{font-size:12.5px;color:var(--suave);margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tar-prazo{display:inline-flex;align-items:center;gap:3px;color:var(--verde-esc);font-weight:600}
.tar-prazo.hoje{color:#8A5A00} .tar-prazo.atrasada{color:var(--estouro)}
.tar-desc{font-size:13px;margin-top:6px;white-space:pre-line}
.tar-resp{font-size:13px;margin-top:6px;background:#E4F4EA;color:#146B3A;border-radius:8px;padding:6px 8px;display:flex;gap:6px;align-items:flex-start;white-space:pre-line}
.tar-bts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.btn-mini.perigo{color:var(--estouro);border-color:#EBC4C2}
@media(max-width:800px){ .tar-quadro{grid-template-columns:1fr} .tar-topo{flex-wrap:wrap} .tar-topo .btn{width:100%!important} }
.ini-aviso.critico{background:#FFF7F7;border-color:#F3C2C0;color:#A3302D}
.ini-aviso.critico .ir{color:#A3302D}
/* checklist de deveres */
.dev-prog{margin:2px 0 6px}
.dev-prog-txt{font-size:12.5px;color:var(--suave);margin-bottom:5px}
.dev-barra{height:6px;border-radius:4px;background:#EEF1EF;overflow:hidden}
.dev-barra > div{height:100%;background:var(--verde);border-radius:4px;transition:width .25s}
.dev-check{display:flex!important;gap:10px;align-items:flex-start;margin:0!important;color:var(--texto)!important;font-size:14px!important;font-weight:400!important;cursor:pointer;width:100%}
.dev-check input{position:absolute;opacity:0;width:1px;height:1px}
.dev-check .caixa{flex-shrink:0;width:20px;height:20px;border:2px solid var(--verde-borda);border-radius:6px;display:flex;align-items:center;justify-content:center;color:transparent;background:#fff;transition:all .15s}
.dev-check.feito .caixa{background:var(--verde);border-color:var(--verde);color:#fff}
.dev-check.feito > span:last-child{color:var(--suave);text-decoration:line-through}
.dev-check input:focus-visible + .caixa{outline:2px solid var(--verde);outline-offset:2px}
.dev-lista li{padding:6px 0}
.dev-check .caixa .ico{color:inherit!important;margin:0!important}

/* v10 — marca própria do portal (P + folha) */
.marca .marca-txt b{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1;text-transform:none}
.marca .marca-txt span{font-size:8.5px;letter-spacing:2.6px;margin-top:2px}
.login-marca .marca-txt b{font-size:38px;font-weight:800;letter-spacing:-1px;color:var(--verde-esc);-webkit-text-stroke:0;line-height:1}
.login-marca .marca-txt span{font-size:11px;letter-spacing:3.6px;color:var(--verde)}
.rodape svg{color:var(--verde)}
.topo .marca .marca-txt b{color:var(--verde-esc)!important;-webkit-text-stroke:0!important}

/* marca no topo: texto sólido (legível nos dois temas) */
.marca .marca-txt b{color:var(--verde-esc)!important;-webkit-text-stroke:0!important;font-weight:800}
.marca .marca-txt span{color:var(--suave)}

/* =====================================================================
   v13 — CARREGAMENTO COM A MARCA (verde, branco e amarelo)
   ===================================================================== */
:root{--marca-amarelo:#F2C230}
.aguarde{background:radial-gradient(circle at 50% 40%,#FFFFFF 0%,#EEF6F1 70%);backdrop-filter:blur(2px);animation:aguarde-in .2s ease-out}
.carga{display:flex;flex-direction:column;align-items:center;gap:14px}
.carga-svg .f{fill:var(--verde);transform-box:fill-box;transform-origin:center;opacity:.12;animation:cel-acende 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * 90ms)}
.carga-svg .o{fill:none;stroke:var(--verde);stroke-width:1.4;opacity:.3}
.carga-svg .k rect{fill:var(--marca-amarelo)}
.carga-svg .k path{fill:none;stroke:#0A5A2E;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12;animation:chk-risca 1.8s ease-in-out infinite}
.carga-svg .k{transform-box:fill-box;transform-origin:center;animation:chk-pop 1.8s ease-in-out infinite}
.carga-txt{font-size:14px;font-weight:600;color:var(--verde-esc);letter-spacing:.3px}
.carga-barra{width:160px;height:4px;border-radius:4px;background:#DCEDE2;overflow:hidden}
.carga-barra span{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,var(--verde),var(--marca-amarelo));animation:barra-vai 1.2s ease-in-out infinite}
@keyframes cel-acende{0%{opacity:.12;transform:scale(.7)}18%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}100%{opacity:.12;transform:scale(.7)}}
@keyframes chk-pop{0%,45%{transform:scale(.4);opacity:0}58%{transform:scale(1.18);opacity:1}66%,85%{transform:scale(1);opacity:1}100%{transform:scale(.4);opacity:0}}
@keyframes chk-risca{0%,55%{stroke-dashoffset:12}70%,100%{stroke-dashoffset:0}}
@keyframes barra-vai{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
@keyframes aguarde-in{from{opacity:0}to{opacity:1}}
/* barra fina no topo durante chamadas ao servidor */
.barra-carga{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;overflow:hidden;background:rgba(10,122,62,.12)}
.barra-carga::after{content:'';position:absolute;top:0;bottom:0;width:35%;background:linear-gradient(90deg,transparent,var(--verde),var(--marca-amarelo),transparent);animation:barra-vai 1s ease-in-out infinite}
/* mini carregador em textos "Carregando…" */
.mini-carga{display:inline-flex;gap:3px;vertical-align:middle;margin-right:6px}
.mini-carga i{width:7px;height:7px;border-radius:2px;background:var(--verde);transform:skewX(-9deg);animation:mini-pula .9s ease-in-out infinite}
.mini-carga i:nth-child(2){animation-delay:.15s}
.mini-carga i:nth-child(3){animation-delay:.3s;background:var(--marca-amarelo)}
@keyframes mini-pula{0%,100%{transform:skewX(-9deg) translateY(0);opacity:.5}40%{transform:skewX(-9deg) translateY(-4px);opacity:1}}
@media(prefers-reduced-motion:reduce){.carga-svg .f,.carga-svg .k,.carga-svg .k path,.carga-barra span,.barra-carga::after,.mini-carga i{animation:none;opacity:1;stroke-dashoffset:0}}

/* =====================================================================
   v14 — PRODUÇÃO POR LINHA E USO E CONSUMO
   ===================================================================== */
.prd-linhas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 6px}
.prd-linha{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:1.5px solid #D7E3DC;border-radius:12px;padding:12px;color:var(--texto);transition:border-color .15s,box-shadow .15s}
.prd-linha .ico{color:var(--verde);flex-shrink:0;margin-top:2px}
.prd-linha b{display:block;font-size:14.5px}
.prd-linha small{display:block;font-size:12px;color:var(--suave);margin-top:2px}
.prd-linha:hover{border-color:var(--verde-borda)}
.prd-linha.sel{border-color:var(--verde);background:var(--verde-claro);box-shadow:0 0 0 3px rgba(10,122,62,.12)}
.kit-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.kit-itens{border:1px solid var(--borda);border-radius:10px;overflow:hidden}
.kit-lin{display:grid;grid-template-columns:110px minmax(0,1fr) 80px 64px 38px;gap:6px;align-items:center;padding:6px 8px;border-top:1px solid #EEF2F0}
.kit-lin input{padding:8px;font-size:14px}
.kit-cabec{border-top:0;background:#F5F9F7;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--suave);padding:8px}
.k-del{background:#fff;border:1px solid var(--borda);border-radius:8px;height:36px;color:var(--estouro);display:flex;align-items:center;justify-content:center}
.kit-add{margin-top:8px}
.kit-prog{height:5px;border-radius:3px;background:#E6ECE8;overflow:hidden;margin:5px 0 2px}
.kit-prog span{display:block;height:100%;background:var(--verde)}
.desc-curta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.desc-servico{display:block;background:#F5F9F7;border-radius:8px;padding:6px 8px;color:var(--texto);margin:4px 0}
.prd-seg{margin-bottom:12px;flex-wrap:wrap}
.prd-seg button{display:inline-flex;align-items:center;gap:6px}
.prd-cont{font-size:11px;font-weight:700;background:var(--estouro);color:#fff;border-radius:9px;padding:0 6px;line-height:17px}
.prd-cont:empty{display:none}
.kit-modelo{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--borda);border-radius:10px;padding:10px 12px;margin-bottom:6px;color:var(--texto)}
.kit-modelo b{display:block}.kit-modelo small{display:block;font-size:12px;color:var(--suave)}
.kit-modelo:hover{border-color:var(--verde-borda)}
.kit-modelo.inativo{opacity:.55}
#prdMItens .dev-check{padding:6px 0;border-bottom:1px dashed #E6ECE8}
.dev-check[aria-disabled="true"]{cursor:default}
.tag-uso{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.4px;color:#5B3FA8;background:#EEE8FA;border-radius:5px;padding:1px 6px;vertical-align:1px}
.uso-lin{align-items:flex-start!important;background:#F7F4FD;border:1px solid #DED3F4;border-radius:10px;padding:10px 12px;margin-top:12px}
.uso-lin input{margin-top:3px}
@media(max-width:760px){ .prd-linhas{grid-template-columns:1fr 1fr} .kit-lin{grid-template-columns:minmax(0,1fr) 64px 52px 36px} .kit-lin .k-cod{display:none} .kit-cabec span:first-child{display:none} }
/* tipo da nota no registro */
.uso-tipo{margin-top:12px;border:1px solid #DED3F4;background:#F7F4FD;border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.uso-tipo .uso-tit{grid-column:1/-1;font-size:13px;font-weight:600;color:#5B3FA8}
.uso-tipo label{display:flex!important;gap:8px;align-items:flex-start;margin:0!important;background:#fff;border:1.5px solid #E4DCF6;border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--texto)!important;font-size:14px!important}
.uso-tipo label:has(input:checked){border-color:#7B5CC4;box-shadow:0 0 0 3px rgba(123,92,196,.12)}
.uso-tipo input{margin-top:3px;accent-color:#7B5CC4}
.uso-tipo b{display:block;font-size:14px}.uso-tipo small{display:block;font-size:11.5px;color:var(--suave)}
.tag-uso.imob{color:#8A4B00;background:#FCEBD5}
@media(max-width:600px){ .uso-tipo{grid-template-columns:1fr} }

/* recebimento: todas as colunas (inclusive Espelho e Lançada) na mesma tela */
.rec .quadro{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:8px}
.rec .coluna{padding:6px}
.rec .cartao{padding:8px 10px}
.rec .col-tit{font-size:12px;padding:8px}
@media(max-width:900px){ .rec .quadro{grid-auto-columns:86%} }