/* ============================================================
   PAINEL FIDS — VARIANTE CLARA (fundo branco)
   Carregado DEPOIS de fids.css: so troca as variaveis e o que
   depende de fundo escuro. A estrutura (grid, tamanhos, pulso)
   continua vindo de fids.css -- um arquivo, uma responsabilidade.

   No claro o contraste vem de PESO e COR SOLIDA, nao de brilho:
   sobre branco, texto colorido claro some. Por isso os tons
   escurecem em relacao a versao dark.
   ============================================================ */

.fids{
  --f-bg:#FFFFFF;
  --f-bg2:#0D1461;        /* cabecalho/rodape: navy da marca, ancora a tela */
  --f-row:#F6F8FC;        /* zebra levissima */
  --f-line:#E3E8F5;

  --f-txt:#0B1020;
  --f-dim:#5A6789;

  --f-crit:#D91427;       /* bloqueado — seguranca */
  --f-warn:#C25100;       /* transferir — seguranca (escurecido p/ branco) */
  --f-fisc:#C81862;       /* fiscal — magenta Santa Clara escurecido */
  --f-ok:#00795F;         /* liberado — verde Santa Clara escurecido */
  --f-done:#0B615C;       /* finalizado — verde escuro Santa Clara */

  background:var(--f-bg); color:var(--f-txt);
}

/* cabecalho segue navy: e o que dá identidade e separa do conteudo */
.f-top{color:#fff}
.f-top .f-ttl{color:#fff}
.f-top .f-sub{color:rgba(255,255,255,.62)}
.f-top .f-clock .hh{color:#fff}
.f-top .f-clock .dd{color:rgba(255,255,255,.62)}
.f-top .f-kpi span{color:rgba(255,255,255,.62)}
.f-top .f-kpi b{color:#fff}
.f-top .f-kpi.ok b{color:var(--turquesa,#3AD9BC)}

/* BLOQUEADOS: bloco vermelho solido tambem no tema claro. O cabecalho
   aqui e navy, entao o vermelho precisa ser o vivo (nao o escurecido
   --f-crit #D91427, que sumiria sobre o azul escuro). Texto branco. */
.f-top .f-kpi.crit{
  background:#E01029;
  box-shadow:0 0 0 3px rgba(224,16,41,.3);
}
.f-top .f-kpi.crit b,
.f-top .f-kpi.crit span{color:#fff}
/* sem bloqueadas: volta ao neutro, igual as outras KPIs do cabecalho */
.f-top .f-kpi.crit.zero{background:transparent; box-shadow:none}
.f-top .f-kpi.crit.zero b{color:#fff}
.f-top .f-kpi.crit.zero span{color:rgba(255,255,255,.62)}

/* cabecalho de colunas */
.f-head{color:var(--f-dim); border-bottom:2px solid #D9E0F0; font-weight:800}

/* linhas */
.f-row{border-bottom:1px solid var(--f-line)}
.f-row:nth-child(odd){background:var(--f-row)}
.f-placa{color:#0B1020}
.f-cli{color:#1E2740}
.f-pend{color:#4A5676}

/* bloqueada: tinte quente + barra solida na borda esquerda.
   No claro a lavagem sozinha e fraca demais; a barra e o que
   agrupa o bloco de problemas a distancia. */
.f-row.is-crit{background:#FFF1F2; box-shadow:inset 5px 0 0 var(--f-crit)}
.f-row.is-crit:nth-child(odd){background:#FFE8EA}

/* rodape */
.f-foot{color:rgba(255,255,255,.7)}
.f-foot .f-live i{background:var(--turquesa,#3AD9BC)}

/* coluna amanha */
.f-next{border-left:1px solid var(--f-line); background:#FBFCFE}
.f-next h3{color:var(--f-dim); border-bottom:2px solid #D9E0F0}
.f-nrow{border-bottom:1px solid var(--f-line)}
.f-nrow .p{color:#0B1020}
.f-nrow .h{color:#3A4466}
.f-nrow .c{color:var(--f-dim)}

/* vazio */
.f-vazio b{color:#B9C3DC}
.f-vazio span{color:var(--f-dim)}