::-webkit-scrollbar {
    display: none;
}

html {
    font-size: 85%;
}

* {
    font-family: 'Inter', sans-serif;
}

body {
    background-color: #E5E5E5;
    overflow-x: hidden;
}

.narrow-sides-margin {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/* Alvo para todas as variações de autofill do Chrome/Chromium */
input:-internal-autofill-shadow-root-perceived,
input:-internal-autofill-selected {
    /* Força o fundo desejado usando sombra interna (Troque por #1e1e1e se usar dark mode) */
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    /* Força a cor do texto (Troque por #ffffff se usar dark mode) */
    -webkit-text-fill-color: #333333 !important;
    /* Impede que o background do agente de usuário vaze pelas bordas */
    background-clip: content-box !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
    -webkit-text-fill-color: #333333 !important;
}

html.dark input:-internal-autofill-shadow-root-perceived,
html.dark input:-internal-autofill-selected {
    /* Força o fundo desejado usando sombra interna (Troque por #1e1e1e se usar dark mode) */
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    /* Força a cor do texto (Troque por #ffffff se usar dark mode) */
    -webkit-text-fill-color: #E5E5E5 !important;
    /* Impede que o background do agente de usuário vaze pelas bordas */
    background-clip: content-box !important;
}

html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus,
html.dark input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
    -webkit-text-fill-color: #E5E5E5 !important;
}
/* ── Shared dashboard / widget utilities ─────────────────────── */
.warm-card {
    background: #F5F1ED;
    border: 1px solid rgba(26, 26, 27, 0.08);
}

.warm-sidebar {
    background: #E5E5E5;
    border-right: 1px solid rgba(26, 26, 27, 0.12);
}

.warm-panel {
    background: #F5F1ED;
    border: 1px solid rgba(26, 26, 27, 0.1);
}

.progress-ring {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.progress-ring-circle {
    transition: stroke-dashoffset 0.5s ease;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

.float-animation {
    animation: float 3s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(99, 13, 22, 0.2);
    }

    50% {
        box-shadow: 0 0 40px rgba(99, 13, 22, 0.4);
    }
}

.pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

.gradient-text {
    background: linear-gradient(135deg, #630D16 0%, #8B1520 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.status-badge {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
}

    .status-badge::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);
        transform: translateX(-100%);
        opacity: 0;
        transition: transform 0.5s ease, opacity 0.1s ease;
    }

    .status-badge:hover::before {
        transform: translateX(100%);
        opacity: 1;
    }
/* ── Widget scrollable content areas ──────────────────────────── */

.widget-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(26, 26, 27, 0.2) transparent;
}

    .widget-scroll::-webkit-scrollbar {
        display: block;
        width: 4px;
        height: 4px;
    }

    .widget-scroll::-webkit-scrollbar-track {
        background: transparent;
    }

    .widget-scroll::-webkit-scrollbar-thumb {
        background: rgba(26, 26, 27, 0.2);
        border-radius: 2px;
    }

        .widget-scroll::-webkit-scrollbar-thumb:hover {
            background: rgba(26, 26, 27, 0.35);
        }

.gs-id-0 > .grid-stack-item > .ui-resizable-se {
    right: 15px !important;
    bottom: 15px !important;
}
/* ── Toast notifications ───────────────────────────────────────── */

@keyframes toast-slide-in {
    from {
        opacity: 0;
        transform: translateX(calc(100% + 1rem));
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.toast-item {
    animation: toast-slide-in 0.3s ease-out forwards;
}
/* ── Dark Mode ─────────────────────────────────────────────────── */

html.dark body {
    background-color: #111213;
    color: #E5E5E5;
}

html.dark .warm-card {
    background: #1E1F21;
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .warm-sidebar {
    background: #111213;
    border-right-color: rgba(255, 255, 255, 0.1);
}

html.dark .warm-panel {
    background: #1E1F21;
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .input-field {
    background: #2A2B2D !important;
    color: #E5E5E5 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

    html.dark .input-field:focus {
        border-color: #8B1520 !important;
        outline: none;
    }

    html.dark .input-field option {
        background: #2A2B2D;
        color: #E5E5E5;
    }
/* Cards brancos internos (bg-white) */
html.dark .bg-white {
    background-color: #2A2B2D !important;
}
/* Textos com cor fixa #1A1A1B */
html.dark .text-\[\#1A1A1B\] {
    color: #E5E5E5 !important;
}
/* Textos com cor primária #630D16 (ex: labels "(não editável)", ícones)
   O vermelho escuro tem baixo contraste no tema escuro; substituído por
   um tom mais vibrante e claro.                                          */
html.dark .text-\[\#630D16\] {
    color: #d56c77 !important;
}
/* Separadores */
html.dark .border-\[\#1A1A1B\]\/10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
/* Fundo cinza claro (bg-gray-300 nos toggles) — estado desativado */
html.dark .bg-gray-300 {
    background-color: #3A3B3D !important;
}
/* Toggle ativado no tema escuro: restaura a cor primária.
   :has() verifica se o label contém o checkbox marcado.           */
html.dark label:has(input.peer:checked) .bg-gray-300 {
    background-color: #630D16 !important;
}
/* Fundo do modal */
html.dark .bg-white.rounded-2xl {
    background-color: #1E1F21 !important;
}
/* ── Markdown das respostas do assistente (bolhas de chat) ── */
html.dark .markdown-content,
html.dark .markdown-content p,
html.dark .markdown-content li {
    color: #E5E5E5 !important;
}

    html.dark .markdown-content h1,
    html.dark .markdown-content h2,
    html.dark .markdown-content h3,
    html.dark .markdown-content h4 {
        color: #E5E5E5 !important;
    }

    html.dark .markdown-content strong {
        color: #d9273a !important;
    }
/* Scrollbar em dark */
html.dark .widget-scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

    html.dark .widget-scroll::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.35);
    }
/* Textarea resize-none */
html.dark textarea.input-field {
    background: #2A2B2D !important;
    color: #E5E5E5 !important;
}

html.dark .input-field::placeholder {
    color: rgba(229, 229, 229, 0.45) !important;
}

html.dark textarea.input-field::placeholder {
    color: rgba(229, 229, 229, 0.45) !important;
}
/* Fundo suave do ícone IA no tema escuro */
html.dark .bg-\[\#630D16\]\/10 {
    background-color: rgba(139, 21, 32, 0.25) !important;
}
/* Amber info box in modal */
html.dark .bg-amber-50 {
    background-color: #2A2410 !important;
    border-color: #7A5C00 !important;
}
/* Error box */
html.dark .bg-red-50 {
    background-color: #2A1010 !important;
    border-color: #7A0000 !important;
}
/* Top bar / sidebar background harmony */
html.dark #main-workspace {
    background-color: #111213;
}
/* ── TopBar dark mode ──────────────────────────────────────────── */

html.dark #header {
    background-color: #1A1B1D !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
    /* Search input */
    html.dark #header input[type="text"] {
        background-color: #2A2B2D !important;
        color: #E5E5E5 !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

        html.dark #header input[type="text"]::placeholder {
            color: rgba(229, 229, 229, 0.4) !important;
        }
    /* Notification bell button */
    html.dark #header .text-slate-600 {
        color: #A0A0A0 !important;
    }

    html.dark #header .hover\:bg-slate-100:hover {
        background-color: #2A2B2D !important;
    }
    /* "Ambiente Seguro" badge */
    html.dark #header .bg-emerald-50 {
        background-color: #0D2117 !important;
        border-color: #1A5C35 !important;
    }

    html.dark #header .text-emerald-700 {
        color: #4ADE80 !important;
    }
    /* User area separator */
    html.dark #header .border-slate-200 {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    /* User name / role text */
    html.dark #header .text-slate-800 {
        color: #E5E5E5 !important;
    }

    html.dark #header .text-slate-500 {
        color: #A0A0A0 !important;
    }
    /* Dropdown menu */
    html.dark #header .shadow-lg.border-slate-200 {
        background-color: #2A2B2D !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

    html.dark #header .text-slate-700 {
        color: #D0D0D0 !important;
    }

    html.dark #header .hover\:bg-slate-50:hover {
        background-color: #363738 !important;
    }

    html.dark #header .text-slate-400 {
        color: #808080 !important;
    }

    html.dark #header hr.border-slate-100 {
        border-color: rgba(255, 255, 255, 0.08) !important;
    }

    html.dark #header .hover\:bg-red-50:hover {
        background-color: #2A1010 !important;
    }
/* ── hover:bg-[#E5E5E5] dark mode override ─────────────────────
   Usado em links <a> e linhas <tr>. O cinza claro original (#E5E5E5)
   é ilegível no tema escuro; substituído por um cinza escuro sutil.   */
html.dark .hover\:bg-\[\#E5E5E5\]:hover {
    background-color: #2A2B2D !important;
    color: #E5E5E5 !important;
}

html.dark tr.hover\:bg-\[\#E5E5E5\]:hover td,
html.dark tr.hover\:bg-\[\#E5E5E5\]:hover th {
    color: #E5E5E5 !important;
}

html.dark a.hover\:bg-\[\#E5E5E5\]:hover {
    color: #E5E5E5 !important;
}
/* ── hover:bg-[#F5F1ED] dark mode override ─────────────────────
   Cor warm usada em menus, linhas de tabela e links no light mode.
   Substituída por cinza escuro sutil para manter legibilidade.       */
html.dark .hover\:bg-\[\#F5F1ED\]:hover {
    background-color: #2A2B2D !important;
    color: #E5E5E5 !important;
}

html.dark tr.hover\:bg-\[\#F5F1ED\]:hover td,
html.dark tr.hover\:bg-\[\#F5F1ED\]:hover th {
    color: #E5E5E5 !important;
}

html.dark a.hover\:bg-\[\#F5F1ED\]:hover {
    color: #E5E5E5 !important;
}
/* ── Custom permission checkbox ───────────────────────────────── */

html.dark .permission-checkbox {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(227,216,200,0.2);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    html.dark .permission-checkbox:checked {
        background-color: #630D16;
        border-color: #630D16;
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
/* ── status-badge text colors in dark mode ─────────────────────
   text-{color}-700 é escuro demais sobre fundos translúcidos no
   tema escuro. Substituído por text-{color}-300 para maior vibrance. */
/* Shimmer do status-badge no modo escuro: branco puro (0.3) fica
   opaco demais sobre fundos translúcidos escuros. Usa branco com
   opacidade bem reduzida para um efeito sutil e elegante.            */
html.dark .status-badge::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);
}

html.dark .status-badge.text-violet-700 {
    color: #c4b5fd !important;
}

html.dark .status-badge.text-sky-700 {
    color: #7dd3fc !important;
}

html.dark .status-badge.text-blue-700 {
    color: #93c5fd !important;
}

html.dark .status-badge.text-lime-700 {
    color: #bef264 !important;
}

html.dark .status-badge.text-rose-700 {
    color: #fda4af !important;
}

html.dark .status-badge.text-amber-700 {
    color: #fcd34d !important;
}

html.dark .status-badge.text-yellow-700 {
    color: #fde047 !important;
}

html.dark .status-badge.text-cyan-700 {
    color: #67e8f9 !important;
}

html.dark .status-badge.text-green-700,
html.dark .text-green-700 {
    color: #86efac !important;
}

html.dark .status-badge.text-emerald-700,
html.dark .text-emerald-700 {
    color: #6ee7b7 !important;
}

html.dark .status-badge.text-red-700 {
    color: #fca5a5 !important;
}

html.dark .status-badge.text-orange-700 {
    color: #fdba74 !important;
}

html.dark .status-badge.text-pink-700 {
    color: #f9a8d4 !important;
}

html.dark .status-badge.text-purple-700 {
    color: #d8b4fe !important;
}

html.dark .status-badge.text-teal-700 {
    color: #5eead4 !important;
}

html.dark .status-badge.text-indigo-700 {
    color: #a5b4fc !important;
}
/* ── History Panel ── */
.history-item {
    transition: all 0.3s ease;
}

    .history-item:hover {
        transform: translateX(4px);
    }

.history-active {
    background: linear-gradient(135deg, rgba(99, 13, 22, 0.1) 0%, rgba(139, 21, 32, 0.1) 100%);
    border-left: 3px solid #630D16;
}
/* ── History Panel & shared utility dark mode ──────────────────── */
/* Painel deslizante + footer (bg-white fixo) */
html.dark .fixed.bg-white {
    background-color: #1E1F21 !important;
}
/* Borders — panel sections, items, inputs */
html.dark .border-gray-200 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .border-gray-100 {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark .border-gray-300 {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
/* Muted text */
html.dark .text-gray-500 {
    color: #A0A0A0 !important;
}

html.dark .text-gray-400 {
    color: #787878 !important;
}
/* Close-button / generic gray hover */
html.dark .hover\:bg-gray-100:hover {
    background-color: #363738 !important;
}
/* History-item hover (also covers hover:bg-gray-50 elsewhere) */
html.dark .hover\:bg-gray-50:hover {
    background-color: #363738 !important;
}
/* bg-[#F5F1ED]: close button, search input background, non-active items */
html.dark .bg-\[\#F5F1ED\] {
    background-color: #2A2B2D !important;
    color: #E5E5E5 !important;
}

html.dark .placeholder-\[\#1A1A1B\]\/50::placeholder {
    color: rgba(229, 229, 229, 0.4) !important;
}
/* Hover dos itens não-ativos */
html.dark .history-item:not(.history-active) {
    background-color: #2A2B2D !important;
}

    html.dark .history-item:not(.history-active):hover {
        background-color: #363738 !important;
    }
/* Item ativo — gradiente mais visível no escuro */
html.dark .history-active {
    background: linear-gradient(135deg, rgba(139, 21, 32, 0.3) 0%, rgba(99, 13, 22, 0.25) 100%) !important;
    border-left-color: #b91728 !important;
}
/* Badges de status dentro dos itens */
html.dark .bg-green-100 {
    background-color: #0D2117 !important;
}

html.dark .bg-yellow-100 {
    background-color: #2A2000 !important;
}

html.dark .text-yellow-700 {
    color: #FCD34D !important;
}

html.dark .bg-blue-100 {
    background-color: #0D1A2A !important;
}

html.dark .text-blue-700 {
    color: #60A5FA !important;
}

html.dark .bg-gray-100 {
    background-color: #2A2B2D !important;
}

html.dark .text-gray-700 {
    color: #A0A0A0 !important;
}
/* bg-gray-200 (e.g. "Em breve" badges on MFA page) */
html.dark .bg-gray-200 {
    background-color: #363738 !important;
}
/* ── Login Page – Dark Mode ───────────────────────────────────────── */
/* Fundo geral da página de login */
html.dark .warm-bg {
    background-color: #111213 !important;
}
    /* Painel direito (área do formulário) */
    html.dark .warm-bg main {
        background-color: #111213 !important;
    }
    /* Caixa branca do formulário (w-full max-w-md) */
    html.dark .warm-bg .bg-white {
        background-color: #1E1F21 !important;
    }
    /* Inputs do formulário */
    html.dark .warm-bg input {
        background-color: #2A2B2D !important;
        color: #E5E5E5 !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

        html.dark .warm-bg input::placeholder {
            color: rgba(229, 229, 229, 0.35) !important;
        }

        html.dark .warm-bg input:focus {
            border-color: #F07080 !important;
            box-shadow: 0 0 0 3px rgba(240, 112, 128, 0.15) !important;
        }
    /* Labels */
    html.dark .warm-bg label {
        color: #E5E5E5 !important;
    }
    /* Todos os textos text-[#1A1A1B] dentro da área de login */
    html.dark .warm-bg .text-\[\#1A1A1B\] {
        color: #E5E5E5 !important;
    }

    html.dark .warm-bg .text-\[\#1A1A1B\]\/70,
    html.dark .warm-bg .text-\[\#1A1A1B\]\/60,
    html.dark .warm-bg .text-\[\#1A1A1B\]\/50 {
        color: rgba(229, 229, 229, 0.60) !important;
    }

    html.dark .warm-bg .text-\[\#1A1A1B\]\/40,
    html.dark .warm-bg .text-\[\#1A1A1B\]\/30 {
        color: rgba(229, 229, 229, 0.35) !important;
    }
    /* Links "Esqueceu a senha?" e rodapé */
    html.dark .warm-bg .text-\[\#630D16\] {
        color: #F07080 !important;
    }

    html.dark .warm-bg .hover\:text-\[\#8B1520\]:hover {
        color: #F9A8B4 !important;
    }
    /* Bordas */
    html.dark .warm-bg .border-\[\#1A1A1B\]\/10 {
        border-color: rgba(255, 255, 255, 0.10) !important;
    }

    html.dark .warm-bg .border-\[\#1A1A1B\]\/20 {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }
    /* Caixa de erro */
    html.dark .warm-bg .bg-red-50 {
        background-color: #2A1010 !important;
        border-color: #7A0000 !important;
    }
    /* Card do depoimento (aside) */
    html.dark .warm-bg .warm-card {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

        html.dark .warm-bg .warm-card .text-\[\#1A1A1B\] {
            color: #F0F0F0 !important;
        }

        html.dark .warm-bg .warm-card .text-\[\#1A1A1B\]\/60,
        html.dark .warm-bg .warm-card .text-\[\#1A1A1B\]\/80 {
            color: rgba(240, 240, 240, 0.70) !important;
        }
/* ── Search Modal ─────────────────────────────────────────────────── */

@keyframes searchModalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.search-modal-animate {
    animation: searchModalSlideIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.search-skeleton {
    background: linear-gradient(90deg, #EDE8E3 25%, #E5E0DA 50%, #EDE8E3 75%);
    background-size: 200% 100%;
    animation: shimmer 1.3s infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.search-result-item {
    transition: background 0.15s, box-shadow 0.15s;
}

    .search-result-item:hover {
        background: #EDE8E3 !important;
        box-shadow: 0 2px 8px rgba(99, 13, 22, 0.07);
    }
/* Search Modal – dark mode */
html.dark .search-modal-box {
    background-color: #1E1F21 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark .search-modal-header,
html.dark .search-modal-footer {
    background-color: #161718 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark .search-modal-filters {
    background-color: #1E1F21 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark .search-result-item {
    background-color: #2A2B2D !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

    html.dark .search-result-item:hover {
        background-color: #363738 !important;
    }

html.dark .search-skeleton {
    background: linear-gradient(90deg, #2A2B2D 25%, #333436 50%, #2A2B2D 75%) !important;
    background-size: 200% 100% !important;
}

html.dark .search-suggestion-tag {
    background-color: #2A2B2D !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: rgba(229, 229, 229, 0.6) !important;
}

    html.dark .search-suggestion-tag:hover {
        border-color: rgba(185, 23, 40, 0.5) !important;
        color: #e87b84 !important;
    }

html.dark .search-filter-inactive {
    background-color: rgba(255, 255, 255, 0.07) !important;
    color: rgba(229, 229, 229, 0.6) !important;
}

    html.dark .search-filter-inactive:hover {
        background-color: rgba(255, 255, 255, 0.12) !important;
    }

html.dark .search-kbd {
    background-color: #2A2B2D !important;
    color: rgba(229, 229, 229, 0.5) !important;
}
/* Textos genéricos text-[#1A1A1B] dentro do modal */
html.dark .search-modal-box .text-\[\#1A1A1B\] {
    color: #E5E5E5 !important;
}

html.dark .search-modal-box .text-\[\#1A1A1B\]\/60,
html.dark .search-modal-box .text-\[\#1A1A1B\]\/55,
html.dark .search-modal-box .text-\[\#1A1A1B\]\/50 {
    color: rgba(229, 229, 229, 0.55) !important;
}

html.dark .search-modal-box .text-\[\#1A1A1B\]\/40 {
    color: rgba(229, 229, 229, 0.40) !important;
}

html.dark .search-modal-box .text-\[\#1A1A1B\]\/35,
html.dark .search-modal-box .text-\[\#1A1A1B\]\/30 {
    color: rgba(229, 229, 229, 0.30) !important;
}

html.dark .search-modal-box .text-\[\#1A1A1B\]\/20 {
    color: rgba(229, 229, 229, 0.20) !important;
}
/* Botão fechar: hover */
html.dark .search-modal-box .hover\:text-\[\#1A1A1B\]:hover {
    color: #E5E5E5 !important;
}

html.dark .search-modal-box .hover\:bg-\[\#E5E5E5\]:hover {
    background-color: #363738 !important;
}
/* Input de busca no header */
html.dark .search-modal-box input {
    color: #E5E5E5 !important;
    caret-color: #E5E5E5;
}

    html.dark .search-modal-box input::placeholder {
        color: rgba(229, 229, 229, 0.35) !important;
    }
/* bg-white internos (skeleton wrappers, result items, cabeçalho/rodapé já cobertos acima) */
html.dark .search-modal-box .bg-white {
    background-color: #2A2B2D !important;
}
/* Bordas internas */
html.dark .search-modal-box .border-\[\#1A1A1B\]\/10 {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark .search-modal-box .border-\[\#1A1A1B\]\/06 {
    border-color: rgba(255, 255, 255, 0.05) !important;
}
/* ── Agenda – Dark Mode ────────────────────────────────────────── */
/* Cabeçalho da semana (bg-[#F5F1ED]) */
html.dark #week-header {
    background-color: #1A1B1D !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
    /* Hora / "Hora" label na coluna lateral */
    html.dark #week-header .text-\[\#1A1A1B\] {
        color: rgba(229, 229, 229, 0.50) !important;
    }
        /* Dias do header da semana: não-hoje */
        html.dark #week-header .text-\[\#1A1A1B\].opacity-60 {
            color: rgba(229, 229, 229, 0.55) !important;
            opacity: 1 !important;
        }
/* Nomes dos dias da view mensal */
html.dark #view-month .text-\[\#1A1A1B\].opacity-60 {
    color: rgba(229, 229, 229, 0.55) !important;
    opacity: 1 !important;
}
/* Numeração dos dias no mês e semana */
html.dark .text-\[\#1A1A1B\].opacity-20 {
    color: rgba(229, 229, 229, 0.20) !important;
    opacity: 1 !important;
}
/* Números das horas na coluna de tempo (day + week) */
html.dark .text-\[\#1A1A1B\].opacity-40 {
    color: rgba(229, 229, 229, 0.45) !important;
    opacity: 1 !important;
}
/* "Dia hoje" destacado na view mensal/semanal */
html.dark .bg-\[\#630D16\].text-white {
    --tw-bg-opacity: 1;
    background-color: rgb(99 13 22 / var(--tw-bg-opacity, 1));
}
/* Célula selecionada no mês */
html.dark .bg-\[\#630D16\]\/\[0\.08\] {
    background-color: rgba(185, 23, 40, 0.20) !important;
}
/* Dia atual (texto vermelho no header da semana) */
html.dark .text-\[\#630D16\] {
    color: #d56c77 !important;
}
/* Células vazias do mês */
html.dark .agenda-cal-cell.bg-\[\#1A1A1B\]\/\[0\.03\] {
    background-color: rgba(255, 255, 255, 0.02) !important;
}
/* Separadores horizontais de hora */
html.dark .border-l.border-\[\#1A1A1B\]\/\[0\.07\] {
    border-left-color: rgba(255, 255, 255, 0.07) !important;
}
/* Barra de progresso no painel "Resumo do Dia" */
html.dark .bg-\[\#1A1A1B\]\/10 {
    background-color: rgba(255, 255, 255, 0.10) !important;
}
/* Label "+N mais" na view mensal */
html.dark .agenda-cal-cell .text-\[\#1A1A1B\].opacity-50 {
    color: rgba(229, 229, 229, 0.45) !important;
    opacity: 1 !important;
}
/* Painel "Próximos Compromissos": ícone do compromisso cor do tipo */
html.dark #day-upcoming .warm-panel i[style] {
    opacity: 0.9;
}
/* View semanal: body scroll area */
html.dark #week-body {
    background-color: #111213;
}