/* ==================================================================
 * Tema Escuro — ajustes complementares.
 *
 * A paleta e as regras de cada componente (navbar, sidebar, cards,
 * tabelas, inputs, botões, dropdowns, paginação, alertas, tooltips)
 * já vivem em assets/css/app.css através de variáveis CSS
 * (--nutri-*), redefinidas no bloco `body.dark-mode { ... }` daquele
 * mesmo arquivo. Isso garante que light/dark nunca fiquem
 * dessincronizados.
 *
 * Este arquivo trata apenas de detalhes que não fazem sentido como
 * variável (gradientes, opacidades finas, exceções pontuais).
 * ================================================================== */

/* Imagens/logos claros ficam com halo sutil no fundo escuro */
body.dark-mode img.img-fluid,
body.dark-mode .brand-image {
    filter: brightness(.95);
}

/* ------------------------------------------------------------------
   Editor rico Quill (ver AJUSTE "EDITOR RICO QUILL NOS CAMPOS DE
   ANAMNESE" + bloco ".editor-clinico" em app.css). O tema "snow" do
   próprio Quill vem com cores FIXAS (ícones em #444, fundo branco do
   picker/tooltip) — não usa variável nenhuma, então não basta reaproveitar
   --nutri-* como em todo o resto do sistema; precisa de overrides pontuais
   aqui, exatamente o tipo de exceção que este arquivo existe para tratar.
   Nunca deixar o editor "branco" dentro do tema escuro (ícones pretos
   invisíveis sobre fundo escuro, popover de link branco destoando de tudo).
   ------------------------------------------------------------------ */
body.dark-mode .editor-clinico .ql-snow .ql-stroke {
    stroke: var(--nutri-text-secondary);
}

body.dark-mode .editor-clinico .ql-snow .ql-fill,
body.dark-mode .editor-clinico .ql-snow .ql-stroke.ql-fill {
    fill: var(--nutri-text-secondary);
}

body.dark-mode .editor-clinico .ql-snow .ql-picker-label {
    color: var(--nutri-text-secondary);
}

body.dark-mode .editor-clinico .ql-snow .ql-picker-label.ql-active,
body.dark-mode .editor-clinico .ql-snow .ql-picker-item.ql-selected {
    color: var(--nutri-primary);
}

body.dark-mode .editor-clinico .ql-snow .ql-picker-label.ql-active .ql-stroke,
body.dark-mode .editor-clinico .ql-snow button.ql-active .ql-stroke,
body.dark-mode .editor-clinico .ql-snow button:hover .ql-stroke {
    stroke: var(--nutri-primary);
}

body.dark-mode .editor-clinico .ql-snow button.ql-active .ql-fill,
body.dark-mode .editor-clinico .ql-snow button:hover .ql-fill {
    fill: var(--nutri-primary);
}

/* Dropdown de opções do picker (ex.: H2/H3) e popover de edição de link —
   ambos flutuam sobre o conteúdo, então precisam do mesmo fundo/borda de
   qualquer outro popover do sistema (dropdown-menu, tooltip) neste tema. */
body.dark-mode .editor-clinico .ql-snow .ql-picker-options {
    background-color: var(--nutri-card-bg);
    border-color: var(--nutri-border);
}

body.dark-mode .editor-clinico .ql-snow .ql-picker-item {
    color: var(--nutri-text);
}

body.dark-mode .editor-clinico .ql-snow .ql-tooltip {
    background-color: var(--nutri-card-bg);
    border-color: var(--nutri-border);
    color: var(--nutri-text);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}

body.dark-mode .editor-clinico .ql-snow .ql-tooltip input[type="text"] {
    background-color: var(--nutri-bg);
    border-color: var(--nutri-border);
    color: var(--nutri-text);
}

body.dark-mode .editor-clinico .ql-snow .ql-tooltip a.ql-action,
body.dark-mode .editor-clinico .ql-snow .ql-tooltip a.ql-remove {
    color: var(--nutri-primary);
}