/* =====================================================================
   Tema IRB Prime Care para ERPNext/Frappe v16 (kit identidade-visual-irb)
   Injetado pelo nginx da VPS (sub_filter) em toda página HTML.
   Servido de /opt/erpnext/branding -> https://<site>/irb-theme/
   Só modo claro; o modo escuro do Frappe fica com as cores dele.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

:root, :root[data-theme="light"] {
  --irb-header: #1A539B;
  --irb-sidebar: #15468B;
  --irb-active: #1E5BB0;
  --irb-highlight: #1890FF;
  --irb-workspace: #F4F6F9;
  --irb-line: #E2E8F0;
  --irb-ink: #2C3E50;

  /* variáveis do Frappe que definem cor de ação */
  --primary: #1A539B;
  --primary-color: #1A539B;
  --btn-primary: #1A539B;
  --surface-sidebar: #F4F6F9;
  --surface-alpha-sidebar: #F4F6F9;
}

/* ---------- Barra de apps (dock) à esquerda: azul do menu IRB ---------- */
:root[data-theme="light"] #desk-dock.dock { background: var(--irb-sidebar); border-right: 0; }
:root[data-theme="light"] #desk-dock .dock-item { color: #fff; }
:root[data-theme="light"] #desk-dock .dock-item svg { color: #fff; stroke: currentColor; }
:root[data-theme="light"] #desk-dock .dock-item:hover,
:root[data-theme="light"] #desk-dock .dock-item.active,
:root[data-theme="light"] #desk-dock .dock-item.selected { background: var(--irb-active); }
/* logo do topo do dock: símbolo IRB em vez do "E" do ERPNext */
#desk-dock .dock-logo img, #desk-dock .header-logo img {
  content: url('/irb-theme/irb-mark.png');
  background: #fff; border-radius: 8px; padding: 3px; object-fit: contain;
}

/* ---------- Menu lateral do módulo ---------- */
:root[data-theme="light"] .body-sidebar { background: var(--irb-workspace); }
:root[data-theme="light"] .standard-sidebar-item.selected,
:root[data-theme="light"] .standard-sidebar-item.active-sidebar {
  background: #EAF1FA !important; box-shadow: inset 3px 0 0 var(--irb-header);
}
:root[data-theme="light"] .standard-sidebar-item.selected .sidebar-item-label { color: var(--irb-header); font-weight: 600; }

/* ---------- Botões primários: azul IRB, raio 3px ---------- */
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] .btn.btn-primary,
:root[data-theme="light"] .es-button[data-variant="solid"] {
  background-color: var(--irb-header) !important; border-color: var(--irb-header) !important; color: #fff !important;
}
:root[data-theme="light"] .btn-primary:hover,
:root[data-theme="light"] .es-button[data-variant="solid"]:hover { background-color: var(--irb-sidebar) !important; }

/* foco visível */
:root[data-theme="light"] .form-control:focus,
:root[data-theme="light"] input:focus, :root[data-theme="light"] select:focus, :root[data-theme="light"] textarea:focus {
  box-shadow: 0 0 0 2px rgba(24, 144, 255, .25) !important; border-color: var(--irb-highlight) !important;
}
a:focus-visible, button:focus-visible { outline: 2px solid var(--irb-highlight); outline-offset: 2px; }

/* links e títulos */
:root[data-theme="light"] .page-title .title-text,
:root[data-theme="light"] .page-head .title-text { color: var(--irb-ink); }
.page-head .title-text, .widget-group-title { font-family: "Fraunces", Georgia, serif !important; font-weight: 500; }

/* tela de carregamento (splash): símbolo pequeno */
.splash img, #splash img, .centered.splash img { max-width: 96px !important; max-height: 96px !important; }

/* ---------- Tela de login: painel azul-marinho à esquerda, formulário em creme ---------- */
body[data-path="login"] { background: #f8f5ee; }
body[data-path="login"] .web-footer { display: none; }
body[data-path="login"] .page-card,
body[data-path="login"] .for-login .page-card { background: transparent; box-shadow: none; border: 0; }
body[data-path="login"] .es-button[data-variant="solid"], body[data-path="login"] .es-button.w-full:not([data-variant]), body[data-path="login"] .btn-primary { border-radius: 3px; background-color: #1A539B !important; border-color: #1A539B !important; color: #fff !important; }
body[data-path="login"] .es-button.w-full:not([data-variant]):hover, body[data-path="login"] .btn-primary:hover { background-color: #15468B !important; }
body[data-path="login"] .page-card-head img, body[data-path="login"] .app-logo { max-height: 44px; width: auto; }
body[data-path="login"] .page-card-head h4 { font-family: "Fraunces", Georgia, serif; font-weight: 500; color: #0c2b45; }
@media (min-width: 992px) {
  body[data-path="login"]::before {
    content: ""; position: fixed; inset: 0 auto 0 0; width: 44vw;
    background: #0c2b45 url('/irb-theme/login-panel.svg') center / cover no-repeat;
  }
  body[data-path="login"] #page-login { margin-left: 44vw; min-height: 100vh; display: flex; align-items: center; }
  body[data-path="login"] #page-login .page-content-wrapper { width: 100%; }
}