/**
 * Tema clean — suaviza classes "slate escuro" usadas nas views internas.
 * O shell (header/sidebar) é definido em layouts/main.php.
 */
html[data-theme="light"] #app-content {
    color: #334155;
}

html[data-theme="light"] #app-content h1,
html[data-theme="light"] #app-content h2,
html[data-theme="light"] #app-content .text-slate-50 {
    color: #0f172a !important;
}

html[data-theme="light"] #app-content .text-slate-100 {
    color: #1e293b !important;
}

html[data-theme="light"] #app-content .text-slate-200 {
    color: #334155 !important;
}

html[data-theme="light"] #app-content .text-slate-300 {
    color: #475569 !important;
}

html[data-theme="light"] #app-content .text-slate-400 {
    color: #64748b !important;
}

html[data-theme="light"] #app-content .text-slate-500 {
    color: #64748b !important;
}

html[data-theme="light"] #app-content .text-slate-600 {
    color: #94a3b8 !important;
}

html[data-theme="light"] #app-content [class*="border-slate-8"],
html[data-theme="light"] #app-content [class*="border-slate-7"],
html[data-theme="light"] #app-content [class*="border-slate-6"] {
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] #app-content [class*="bg-slate-950"],
html[data-theme="light"] #app-content [class*="bg-slate-900"]:not([class*="sky-"]):not([class*="emerald-"]):not([class*="rose-"]):not([class*="amber-"]):not([class*="violet-"]):not([class*="cyan-"]):not([class*="indigo-"]) {
    background-color: #ffffff !important;
}

html[data-theme="light"] #app-content table thead[class*="bg-slate"] {
    background-color: #f8fafc !important;
}

html[data-theme="light"] #app-content tr[class*="hover:bg-slate"] {
    transition: background-color 0.15s ease;
}

html[data-theme="light"] #app-content tr:hover {
    background-color: #f8fafc !important;
}

html[data-theme="light"] #app-content input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] #app-content select,
html[data-theme="light"] #app-content textarea {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] #app-content input::placeholder,
html[data-theme="light"] #app-content textarea::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] #app-content code {
    background-color: #f1f5f9 !important;
    color: #0369a1 !important;
    padding: 0.1rem 0.35rem;
    border-radius: 0.25rem;
}

/* Cards coloridos — texto legível no fundo claro */
html[data-theme="light"] #app-content [class*="text-amber-100"],
html[data-theme="light"] #app-content [class*="text-amber-200"] {
    color: #92400e !important;
}

html[data-theme="light"] #app-content [class*="text-emerald-100"],
html[data-theme="light"] #app-content [class*="text-emerald-200"] {
    color: #047857 !important;
}

html[data-theme="light"] #app-content [class*="text-rose-100"],
html[data-theme="light"] #app-content [class*="text-rose-200"] {
    color: #be123c !important;
}

html[data-theme="light"] #app-content [class*="text-sky-100"],
html[data-theme="light"] #app-content [class*="text-sky-200"] {
    color: #0369a1 !important;
}

html[data-theme="light"] #app-content [class*="bg-amber-5"],
html[data-theme="light"] #app-content [class*="bg-amber-9"] {
    background-color: #fffbeb !important;
    border-color: #fcd34d !important;
}

html[data-theme="light"] #app-content [class*="bg-emerald-5"],
html[data-theme="light"] #app-content [class*="bg-emerald-9"] {
    background-color: #ecfdf5 !important;
}

html[data-theme="light"] #app-content [class*="bg-rose-5"],
html[data-theme="light"] #app-content [class*="bg-rose-9"] {
    background-color: #fff1f2 !important;
}

html[data-theme="light"] #app-content [class*="bg-sky-5"],
html[data-theme="light"] #app-content [class*="bg-sky-9"] {
    background-color: #f0f9ff !important;
}

html[data-theme="light"] #app-content [class*="shadow-slate"] {
    box-shadow: 0 1px 3px 0 rgb(15 23 42 / 0.06), 0 1px 2px -1px rgb(15 23 42 / 0.06) !important;
}

/* Modais dentro do conteúdo */
/* Botões primários */
html[data-theme="light"] #app-content .bg-sky-600,
html[data-theme="light"] #app-content .bg-sky-600\/90 {
    background-color: #0284c7 !important;
    color: #fff !important;
}

html[data-theme="light"] #app-content .bg-sky-600:hover,
html[data-theme="light"] #app-content .hover\:bg-sky-500:hover {
    background-color: #0ea5e9 !important;
}