/* =====================================================================
   FLUX — Override do LOTE S1 (Fundação & shell global)
   ---------------------------------------------------------------------
   Ajustes específicos do shell global e da tela de login, que não cabem
   no tema base. Carregar SEMPRE depois de flux-modern-theme.css.

   Onde carregar:
     - header.php  (logo após flux-modern-theme.css) -> telas internas
     - view_login.php (página standalone, tem <head> próprio) -> login

   Reverter: comentar a linha do <link> deste arquivo.
   Depende de: flux-modern-theme.css (usa as variáveis --flux-*).
   ===================================================================== */

/* ----------------------------- LOGIN -------------------------------- */
/* A tela de login é uma página independente (não usa header.php).      */

/* Overlay sutil sobre a imagem de fundo, para o cartão "respirar" e dar
   sobriedade de console — sem trocar a imagem do cliente.              */
body[onload="FocusOnInput()"]::before{
  content:""; position:fixed; inset:0; z-index:0;
  pointer-events:none; /* nunca bloqueia clique/interação */
  background:linear-gradient(180deg, rgba(16,39,61,.55), rgba(16,39,61,.75));
}
.form_card{ position:relative; z-index:1; max-width:420px; }

/* Cartão de login: branco sólido, borda definida, canto reto */
.form_card > .card,
.form_card form.card{
  background:var(--flux-surface) !important;
  border:1px solid var(--flux-border-strong) !important;
  border-radius:var(--flux-radius) !important;
  box-shadow:var(--flux-shadow-pop) !important;
}
.form_card .card .card{ box-shadow:none !important; border:0 !important; padding-top:0 !important; }
.form_card #logo{ max-width:180px !important; }

/* Botão "Sign in" usa a cor primária da marca */
#save_button{
  background:var(--flux-primary) !important;
  border:1px solid var(--flux-primary-700) !important;
  color:var(--flux-text-invert) !important;
  font-weight:700; letter-spacing:.04em;
  padding:.6rem 1rem; border-radius:var(--flux-radius);
}
#save_button:hover{ background:var(--flux-primary-600) !important; }
#save_button:disabled{ opacity:.65; }

/* Link "esqueci a senha" e botão de signup */
.forgot_pass{ color:var(--flux-text-muted); font-weight:600; }
.forgot_pass:hover{ color:var(--flux-primary-700); }
.btn-outline-primary.btn_index{
  border:1px solid var(--flux-primary) !important;
  color:var(--flux-primary) !important; background:transparent !important;
  border-radius:var(--flux-radius); font-weight:600;
}
.btn-outline-primary.btn_index:hover{ background:var(--flux-primary) !important; color:#fff !important; }

/* ------------------------- SHELL / DASHBOARD ------------------------ */

/* Caixas de estatística do dashboard que usam bordas utilitárias:
   deixá-las como blocos limpos com faixa de cor à esquerda (operacional),
   em vez de borda colorida em todo o quadro.                            */
.card .border.border-primary,
.card .border.border-dark,
.card .border.border-warning,
.card .border.border-danger{
  border:1px solid var(--flux-border) !important;
  border-left-width:3px !important;
  border-radius:var(--flux-radius);
  background:var(--flux-surface);
}
.card .border.border-primary{ border-left-color:var(--flux-primary) !important; }
.card .border.border-dark{    border-left-color:var(--flux-navy) !important; }
.card .border.border-warning{ border-left-color:var(--flux-warning) !important; }
.card .border.border-danger{  border-left-color:var(--flux-danger) !important; }
.card .alert-dark{
  background:var(--flux-surface-2) !important; color:var(--flux-text-muted) !important;
  border:1px solid var(--flux-border) !important; border-radius:var(--flux-radius);
}

/* Caixa de gráfico do dashboard */
.call_graph_box{ border:1px solid var(--flux-border) !important; border-radius:var(--flux-radius); }

/* --------------------------- RODAPÉ -------------------------------- */
footer{
  background:var(--flux-surface) !important;
  border-top:1px solid var(--flux-border);
  color:var(--flux-text-muted);
  font-size:12px;
}
footer a{ color:var(--flux-primary); }

/* Mensagem "sem JavaScript" */
#noscript-warning{
  background:var(--flux-warning-soft); color:#7a5800;
  border:1px solid #ecd9a3; border-radius:var(--flux-radius);
  padding:10px 14px; margin:10px; font-weight:600;
}

/* Fim do override do shell. */