/* ==========================================================================
   EAGLE - tema CLARO do painel admin
   Entra como ULTIMO <style> do <head> de painel/index.html.
   Nao altera /assets/style.css (compartilhada com o portal do cliente),
   nem remove nada: so sobrescreve. Para voltar atras, apagar este bloco.

   O CSS original do admin usa !important em quase tudo, por isso aqui
   tambem usa: mesma especificidade + vindo depois = este vence.
   ========================================================================== */

:root{
  /* paleta da folha compartilhada */
  --bg:#f1f4fa;      --panel:#ffffff;   --panel2:#f7f9fd;  --line:#dde3ef;
  --text:#18203a;    --muted:#5d6a86;   --good:#12915a;    --bad:#d32848;
  --warn:#9a6b10;    --blue:#3559ce;    --blue2:#2a49b0;
  --shadow:0 8px 24px rgba(24,34,64,.08);
  /* paleta do bloco inline do admin */
  --bg-main:#f1f4fa; --bg-card:#ffffff; --bg-card-soft:#f7f9fd;
  --border-soft:#dde3ef; --text-main:#18203a; --text-soft:#5d6a86;
  --green:#12915a;   --red:#d32848;     --yellow:#9a6b10;
  --eagle:#d32848;
}

/* -------------------------------------------------------- estrutura --- */
body{
  background:#f1f4fa !important;
  color:#18203a !important;
}
header, .topbar, .navbar, .header{
  background:#ffffff !important;
  border-bottom:1px solid #dde3ef !important;
  box-shadow:0 1px 3px rgba(24,34,64,.06) !important;
}
.card, section, .panel, .box, .tab-content, .finance-kpi, .kpi{
  background:#ffffff !important;
  border:1px solid #dde3ef !important;
  border-color:#dde3ef !important;
  box-shadow:0 6px 20px rgba(24,34,64,.06) !important;
}

/* ---------------------------------------------------------- textos --- */
h1,h2,h3,h4,label,strong{color:#18203a !important}
/* titulos que usavam gradiente claro: no branco sumiriam */
.brand-title, .hero h1{
  background:none !important;
  -webkit-text-fill-color:#18203a !important;
  color:#18203a !important;
}
.small, .muted, .small.muted, p.small, .finance-kpi span, .kpi .label{color:#5d6a86 !important}
.kpi .value{color:#18203a !important}

/* --------------------------------------------------------- tabelas --- */
table{background:#ffffff !important;border-color:#dde3ef !important}
thead, th{background:#eef2f9 !important;color:#41506f !important;border-color:#dde3ef !important}
td{color:#22304f !important;border-color:#eaeff7 !important}
tbody tr:hover{background:#f5f8ff !important}

/* ------------------------------------------------------------ abas --- */
nav button, .tabs button, .tab, [role="tab"], .admin-tab{
  color:#5d6a86 !important;
  background:#eef2f9 !important;
  border:1px solid #dde3ef !important;
}
nav button:hover, .tabs button:hover, .tab:hover, .admin-tab:hover{
  background:#e4eaf6 !important;color:#18203a !important;
}
button.active, .btn.active, .tab.active, [role="tab"][aria-selected="true"], .admin-tab.active{
  background:#ffffff !important;
  color:#d32848 !important;
  border:1px solid #dde3ef !important;
  border-bottom:2px solid #d32848 !important;
}

/* ---------------------------------------------------------- botoes --- */
button, .btn, a.button, input[type="button"], input[type="submit"]{
  background:#eef2f9 !important;
  color:#33415e !important;
  border:1px solid #dde3ef !important;
}
button:hover, .btn:hover, a.button:hover{
  background:#e2e9f6 !important;border-color:#cfd8e8 !important;
}
.btn.primary, button.primary{background:#d32848 !important;color:#ffffff !important;border-color:#d32848 !important}
.btn.primary:hover, button.primary:hover{background:#b8203c !important}
.btn.good{background:#e6f6ee !important;color:#0f7a4c !important;border-color:#bfe6d3 !important}
.btn.bad{background:#fdeaee !important;color:#b3203d !important;border-color:#f6c9d3 !important}
.btn.warn{background:#fdf3de !important;color:#8a5f0d !important;border-color:#f0ddb4 !important}
.btn.dark{background:#e8edf6 !important;color:#5d6a86 !important}
.btn.mini{font-size:12px}
button[disabled], .btn[disabled], .btn:disabled{opacity:.5 !important}

/* botoes de compra e venda da Mesa: mantem o verde/vermelho, mas legiveis */
button[data-eagle-cv="compra"], .btn[data-eagle-cv="compra"]{
  background:#12915a !important;color:#ffffff !important;border:1px solid #0e7a4b !important;
}
button[data-eagle-cv="compra"]:hover, .btn[data-eagle-cv="compra"]:hover{background:#0e7a4b !important}
button[data-eagle-cv="venda"], .btn[data-eagle-cv="venda"]{
  background:#d32848 !important;color:#ffffff !important;border:1px solid #b8203c !important;
}
button[data-eagle-cv="venda"]:hover, .btn[data-eagle-cv="venda"]:hover{background:#b8203c !important}
#eagle-zerar-slots-buttons{background:#fdeaee !important;border:1px solid #f6c9d3 !important}
#eagle-zerar-slots-buttons button{background:#d32848 !important;color:#fff !important;border-color:#b8203c !important}
#eagle-zerar-slots-buttons button:hover{background:#b8203c !important}

/* ------------------------------------------------- pills e badges --- */
.badge{background:#eef2f9 !important;color:#33415e !important;border:1px solid #dde3ef !important}
.pill{border:1px solid transparent !important}
.pill.buy, .pill.active{background:#e6f6ee !important;color:#0f7a4c !important;border-color:#bfe6d3 !important}
.pill.sell, .pill.error{background:#fdeaee !important;color:#b3203d !important;border-color:#f6c9d3 !important}
.pill.pending{background:#fdf3de !important;color:#8a5f0d !important;border-color:#f0ddb4 !important}
.online, .status-online, .badge-online{background:#12915a !important;color:#ffffff !important}
.notice{background:#fdf3de !important;color:#7a5409 !important;border:1px solid #f0ddb4 !important}
.status.on{color:#12915a !important}
.status.off{color:#d32848 !important}

/* ---------------------------------------------------------- campos --- */
select, input, textarea, .input, .fin{
  background:#ffffff !important;
  color:#18203a !important;
  border:1px solid #dde3ef !important;
}
select:focus, input:focus, textarea:focus{
  border-color:#d32848 !important;
  box-shadow:0 0 0 3px rgba(211,40,72,.10) !important;
  outline:none !important;
}
input::placeholder, textarea::placeholder{color:#94a1ba !important}

/* --------------------------------- saida tecnica (JSON / console) --- */
/* aqui o escuro AJUDA a leitura, entao fica escuro de proposito */
.output, pre, pre.output{
  background:#0f1626 !important;
  color:#d7e2ff !important;
  border:1px solid #223050 !important;
}

/* ----------------------------------------- Mesa de Operacoes: grade --- */
.manual-row{background:#ffffff !important;border:1px solid #dde3ef !important}
.manual-row span{color:#33415e !important}

/* ------------------------------------------------ modais deste painel --- */
.egm-fundo{background:rgba(24,34,64,.32) !important}
.egm-cx{background:#ffffff !important;color:#18203a !important;border:1px solid #dde3ef !important;
        box-shadow:0 18px 50px rgba(24,34,64,.20) !important}
.egm-msg{color:#41506f !important}
.egm-cx input{background:#ffffff !important;border:1px solid #dde3ef !important;color:#18203a !important}
.egm-bt.n{background:#eef2f9 !important;color:#41506f !important}
.egm-bt.n:hover{background:#e2e9f6 !important}
.egm-bt.s{background:#d32848 !important;color:#fff !important}
.egm-bt.s:hover{background:#b8203c !important}