/* 7POS · tema-claro.css — v1.1 "Navegação clara" (aprovado no protótipo de 22/10/2026)
   Carregado DEPOIS de app.css e app-v2.css: só sobrescreve cores, espaçamentos e o menu.
   Marca 7venPath: azul-marinho institucional, vermelho só em destaque/ação principal, base branca.
   ROLLBACK: tirar a linha <link ... tema-claro.css> do layout (volta ao tema escuro na hora). */
:root{
  /* base */
  --fundo:#F4F6F9; --painel:#FFFFFF; --linha:#E3E8EF;
  --tinta:#17212B; --sub:#5E6B78; --apagado:#6B7785;
  /* menu lateral continua azul-marinho da marca */
  --navy:#102B4E; --navy-2:#FFFFFF; --navy-3:#EEF3F8;
  /* ação e estados (contraste AA sobre branco) */
  --red:#D9272E; --red-solido:#D9272E; --acao:#1967A3;
  --ok:#17803F; --aviso:#8A6100; --vencido:#B45309; --erro:#B3141B;
  --urgente-bg:#F2B705; --urgente-tx:#241300;
  --bloqueado:#5E6B78; --restrito:#6B4FBB;
  /* app-v2 */
  --superficie:#FFFFFF; --elevado:#F7F9FC; --campo-bg:#FFFFFF; --rotulo:#5E6B78;
  --hover:rgba(16,43,78,.05); --marca:#D9272E; --marca-viva:#D9272E; --foco:#1967A3;
  --sucesso:#17803F; --sucesso-bg:rgba(23,128,63,.09);
  --vencido-bg:rgba(180,83,9,.09); --aviso-bg:rgba(242,183,5,.16); --erro-bg:rgba(179,20,27,.07);
  --info:#1967A3; --info-bg:rgba(25,103,163,.08);
  --bloqueado-bg:rgba(94,107,120,.10); --restrito-bg:rgba(107,79,187,.09);
  --sombra:0 1px 2px rgba(16,43,78,.06);
}

body{font-size:15px;background:var(--fundo);color:var(--tinta)}
a{color:var(--acao)}

/* topo */
.topo{background:#FFFFFF;border-bottom:1px solid var(--linha);padding:12px 26px}
.topo-titulo{color:#102B4E;font-size:17px}
.topo-nome{color:var(--sub)}

/* menu lateral: azul-marinho, grupos com rótulo, item ativo com faixa vermelha */
.lateral{background:#102B4E;border-right:0}
.marca-pos{color:#FFFFFF}
.item{color:#C9D6E6;font-size:14.5px;padding:10px 12px}
.item:hover{color:#FFFFFF;background:rgba(255,255,255,.08)}
.item.ativo{color:#FFFFFF;background:rgba(255,255,255,.12);box-shadow:inset 3px 0 0 #FF5A61}
.grupo-menu{color:#8FA6C4;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:14px 12px 4px}
.fio7 i{background:rgba(255,255,255,.18)}
.fio7 i:first-child{background:#FF5A61}
.lateral-rodape{border-top:1px solid rgba(255,255,255,.12)}
.amb{color:#8FA6C4}

/* cartões, tabelas, formulários */
.cartao{background:#FFFFFF;border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra)}
.cartao h2{color:#102B4E;font-size:16px}
.tabela th{color:var(--sub)}
.tabela tbody tr:hover{background:#F7F9FC}
.stat{border-top:3px solid #102B4E}
.stat-valor{color:#102B4E}
input,select,textarea{background:#FFFFFF;border:1px solid #CFD8E3;color:var(--tinta);font-size:15px;padding:10px 12px}
input:focus,select:focus,textarea:focus{border-color:#1967A3;box-shadow:0 0 0 3px rgba(25,103,163,.15)}
label{color:#3D4A57}
.botao{background:#D9272E;font-size:14.5px;padding:10px 18px;border-radius:10px}
.botao-fantasma,.botao-mini{border:1px solid #CFD8E3;color:#102B4E;background:#FFFFFF}
.botao-fantasma:hover,.botao-mini:hover{background:#F4F6F9}
.pill{background:#EEF1F5;color:#3D4A57}
.pill-ativo{color:var(--ok);background:var(--sucesso-bg)}
.pill-suspenso{color:var(--aviso);background:var(--aviso-bg)}
.pill-desligado{color:var(--vencido);background:var(--vencido-bg)}
.flash-ok{background:var(--sucesso-bg);color:var(--ok);border-color:rgba(23,128,63,.25)}
.flash-erro{background:var(--erro-bg);color:var(--erro);border-color:rgba(179,20,27,.25)}
.destaque-codigo{background:#F7F9FC}
.cartao-publico{background:#FFFFFF;box-shadow:0 20px 60px -30px rgba(16,43,78,.35)}
body.publico .marca-pos{color:#102B4E}

/* kanban / quadro */
.kanban-col{background:#FFFFFF}
.kanban-col.alvo{background:#EEF3F8;border-color:#1967A3}
.kanban-card{background:#F7F9FC}
.pronto-barra{background:#EEF1F5}

/* app-v2: ajustes de cores fixas do tema escuro */
.btn.perigo{border-color:rgba(179,20,27,.35)}
.b-neutro{background:#EEF1F5}
.f-ok{border-color:rgba(23,128,63,.25)}
.f-erro{border-color:rgba(179,20,27,.25)}
.f-restrito{border-color:rgba(107,79,187,.25)}
.f-bloqueado{background:#F4F6F9;border-color:#CFD8E3}
.a-aviso{background:rgba(242,183,5,.08)}
.a-bloqueado{border-left-color:#8A97A6;background:#F7F9FC}
.a-restrito{background:rgba(107,79,187,.05)}
.a-erro{background:rgba(179,20,27,.05)}
.tile .n{color:#102B4E}
.proximo{border-color:rgba(25,103,163,.3)}
.etapa.atual{color:#102B4E;background:#EEF3F8;border-color:#D9272E}
.etapa.feita{border-color:rgba(23,128,63,.3)}
.decisao{border-color:rgba(23,128,63,.3)}
.skel{background:linear-gradient(100deg,#EEF1F5 40%,#F7F9FC 50%,#EEF1F5 60%);background-size:200% 100%}

/* busca do topo */
.topo input[type=search],.topo input[name=q]{background:#F4F6F9;border-color:#E3E8EF}

/* celular: menu vira barra horizontal rolável no topo, área de toque ≥44px */
@media (max-width:760px){
  .lateral{background:#102B4E}
  .lateral nav{gap:2px;overflow-x:auto}
  .item{white-space:nowrap;padding:12px 14px;min-height:44px}
  .grupo-menu{display:none}
  .topo{flex-wrap:wrap;gap:8px;padding:10px 14px}
  .conteudo{padding:16px 14px}
  .botao{min-height:44px}
}