/* POMT — Modo claro (sobrescreve tokens inline via html[data-theme="light"]) */

html[data-theme="light"] {
    --dark: #eef2f7;
    --dark2: #e2e8f0;
    --dark3: #f8fafc;
    --gold: #9a7310;
    --gold2: #7a5a0a;
    --white: #0f172a;
    --gray: #64748b;
    --gray2: #475569;
    --border: rgba(15, 23, 42, 0.12);
    --card: rgba(255, 255, 255, 0.92);
    --green: #15803d;
    --red: #dc2626;
    --yellow: #ca8a04;
    color-scheme: light;
}

html[data-theme="dark"],
html:not([data-theme]) {
    color-scheme: dark;
}

/* ── Painéis produtor / admin ── */
html[data-theme="light"] body {
    background: var(--dark) !important;
    color: var(--white) !important;
}

html[data-theme="light"] .sidenav,
html[data-theme="light"] .aff-sidenav {
    background: rgba(255, 255, 255, 0.98) !important;
    border-right-color: var(--border) !important;
}

html[data-theme="light"] .sidenav a,
html[data-theme="light"] .aff-sidenav a {
    color: var(--gray2) !important;
}

html[data-theme="light"] .sidenav a.active,
html[data-theme="light"] .sidenav a:hover,
html[data-theme="light"] .aff-sidenav a.active,
html[data-theme="light"] .aff-sidenav a:hover {
    color: var(--gold) !important;
    background: rgba(154, 115, 16, 0.08) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    background: #fff !important;
    color: var(--white) !important;
    border-color: var(--border) !important;
}

html[data-theme="light"] select option {
    background: #fff !important;
    color: #0f172a !important;
}

html[data-theme="light"] table,
html[data-theme="light"] .stat,
html[data-theme="light"] .metric-box,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .payment-box,
html[data-theme="light"] .chart-card,
html[data-theme="light"] .table-card,
html[data-theme="light"] .card,
html[data-theme="light"] .balance-item,
html[data-theme="light"] .summary-pill {
    background: var(--card) !important;
    border-color: var(--border) !important;
}

html[data-theme="light"] th {
    color: var(--gray) !important;
}

html[data-theme="light"] td {
    color: var(--gray2) !important;
}

html[data-theme="light"] .verify-bar {
    background: rgba(154, 115, 16, 0.12) !important;
    color: var(--white) !important;
}

html[data-theme="light"] .panel-switcher-btn {
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .panel-switcher-btn.psw-student {
    color: #15803d !important;
    border-color: rgba(21, 128, 61, 0.35) !important;
}

/* ── Área do aluno ── */
html[data-theme="light"] .student-topbar {
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom-color: var(--border) !important;
}

html[data-theme="light"] .student-hub-banner,
html[data-theme="light"] .course-hero,
html[data-theme="light"] .lesson-sidebar,
html[data-theme="light"] .mobile-lesson-bar {
    filter: none;
}

html[data-theme="light"] .sidebar-module-toggle {
    background: rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
}

html[data-theme="light"] .sidebar-module-toggle:hover,
html[data-theme="light"] .sidebar-module.is-open .sidebar-module-toggle {
    background: rgba(208, 167, 71, 0.1) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .sidebar-module-meta,
html[data-theme="light"] .sidebar-module-chevron {
    color: #64748b !important;
}

html[data-theme="light"] .sidebar-module.is-open .sidebar-module-meta,
html[data-theme="light"] .sidebar-module.is-open .sidebar-module-chevron {
    color: #b45309 !important;
}

html[data-theme="light"] .sidebar-lesson {
    color: #475569 !important;
}

html[data-theme="light"] .sidebar-lesson:hover,
html[data-theme="light"] .sidebar-lesson.active {
    color: #0f172a !important;
}

html[data-theme="light"] .student-course-card,
html[data-theme="light"] .hub-card,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .comm-panel,
html[data-theme="light"] .comm-msg,
html[data-theme="light"] .comm-topic {
    background: var(--card) !important;
    border-color: var(--border) !important;
}

html[data-theme="light"] .student-progress-track {
    background: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .hub-chip,
html[data-theme="light"] .hub-chip span:not(.hub-chip-icon) {
    color: #ffffff !important;
    background: #0c1c34 !important;
    border-color: rgba(208, 167, 71, 0.32) !important;
}

html[data-theme="light"] .hub-chip:hover,
html[data-theme="light"] .hub-chip:hover span:not(.hub-chip-icon) {
    color: #ffffff !important;
    background: #152c52 !important;
    border-color: rgba(208, 167, 71, 0.5) !important;
}

html[data-theme="light"] .hub-chips-label {
    color: #64748b !important;
}

/* ── Área do aluno — modo claro completo ── */
html[data-theme="light"] body:not(.producer-panel) {
    background: #eef2f7 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .student-topbar .back-btn {
    color: #475569 !important;
}

html[data-theme="light"] .student-topbar .back-btn:hover {
    color: var(--gold2) !important;
}

html[data-theme="light"] .section-head h2 {
    color: #0f172a !important;
}

html[data-theme="light"] .course-card,
html[data-theme="light"] .module-card {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .course-card:hover,
html[data-theme="light"] .module-card:hover {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .card-title,
html[data-theme="light"] .module-title {
    color: #0f172a !important;
}

html[data-theme="light"] .card-meta,
html[data-theme="light"] .module-meta {
    color: #64748b !important;
}

html[data-theme="light"] .module-thumb {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .card-thumb {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .seller-disclosure-dark {
    background: #f1f5f9 !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    color: #475569 !important;
}

html[data-theme="light"] .seller-disclosure-dark .seller-name {
    color: #0f172a !important;
}

html[data-theme="light"] .seller-disclosure-dark .seller-doc {
    color: #334155 !important;
}

html[data-theme="light"] .seller-disclosure-dark .seller-disclaimer {
    color: #64748b !important;
}

html[data-theme="light"] .course-done-bar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .course-done-bar__text {
    color: #0f172a !important;
}

html[data-theme="light"] .student-hero-caption {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.35) 60%, transparent 100%) !important;
}

html[data-theme="light"] .student-hero-caption h1 {
    color: #0f172a !important;
}

html[data-theme="light"] .student-hero-caption p {
    color: #64748b !important;
}

html[data-theme="light"] .mobile-bottom-bar {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .mbb-item {
    color: #64748b !important;
}

html[data-theme="light"] .mbb-item.active,
html[data-theme="light"] .mbb-item:hover {
    color: var(--gold2) !important;
}

html[data-theme="light"] .empty-state,
html[data-theme="light"] .empty {
    color: #64748b !important;
}

html[data-theme="light"] .user-dropdown {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .user-dropdown a {
    color: #475569 !important;
}

html[data-theme="light"] .user-dropdown a:hover {
    color: #0f172a !important;
}

html[data-theme="light"] .progress-pill .label-text {
    color: #64748b !important;
}

/* ── Login ── */
html[data-theme="light"] .login-page {
    background: #eef2f7 !important;
    background-image:
        radial-gradient(ellipse at 20% 40%, #dbeafe 0%, transparent 55%),
        radial-gradient(ellipse at 80% 10%, #e2e8f0 0%, transparent 45%) !important;
}

html[data-theme="light"] .login-card {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: var(--border) !important;
}

html[data-theme="light"] .login-card h1,
html[data-theme="light"] .login-field label {
    color: #0f172a !important;
}

html[data-theme="light"] .login-card .sub,
html[data-theme="light"] .login-forgot {
    color: var(--gray) !important;
}

html[data-theme="light"] .login-field input {
    background: #fff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .verify-modal {
    background: linear-gradient(160deg, #fff, #f8fafc) !important;
    border-color: rgba(154, 115, 16, 0.25) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .verify-modal-overlay {
    background: rgba(15, 23, 42, 0.35) !important;
}

/* ── Botão toggle (inline na barra superior) ── */
.pomt-theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--border, rgba(208, 167, 71, 0.35));
    background: rgba(12, 28, 52, 0.92);
    color: #d0a747;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Segoe UI', system-ui, sans-serif;
    transition: opacity 0.15s;
}

.pomt-theme-toggle:hover {
    opacity: 0.9;
}

html[data-theme="light"] .pomt-theme-toggle {
    background: rgba(255, 255, 255, 0.95);
    color: #9a7310;
    border-color: rgba(15, 23, 42, 0.12);
}

/* ── Mobile top bar + menu sanduíche ── */
.pomt-mobile-bar {
    display: none;
    position: sticky;
    top: 0;
    z-index: 10001;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: rgba(12, 28, 52, 0.98);
    border-bottom: 1px solid var(--border, rgba(208, 167, 71, 0.15));
}

html[data-theme="light"] .pomt-mobile-bar {
    background: rgba(255, 255, 255, 0.98);
}

.pomt-mobile-logo img { height: 24px; display: block; }

.pomt-mobile-menu-btn {
    background: transparent;
    border: 1px solid var(--border, rgba(208, 167, 71, 0.35));
    color: var(--gold, #d0a747);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
}

.pomt-mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10002;
}

.pomt-mobile-overlay.open { display: block; }

.pomt-mobile-drawer {
    position: fixed;
    top: 0;
    right: -300px;
    width: min(300px, 88vw);
    height: 100vh;
    height: 100dvh;
    z-index: 10003;
    background: rgba(12, 28, 52, 0.98);
    border-left: 1px solid var(--border, rgba(208, 167, 71, 0.2));
    padding: 16px 16px 0;
    overflow: hidden;
    transition: right 0.25s ease;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

html[data-theme="light"] .pomt-mobile-drawer {
    background: #fff;
}

.pomt-mobile-drawer.open { right: 0; }

.pomt-mobile-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    color: var(--white, #fff);
    font-size: 15px;
}

.pomt-mobile-drawer-head button {
    background: none;
    border: none;
    color: var(--gray2, #a0b0c4);
    font-size: 20px;
    cursor: pointer;
}

.pomt-mobile-drawer-links {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
    padding-bottom: 8px;
}

.pomt-mobile-drawer-links a {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    color: var(--gray2, #a0b0c4);
    text-decoration: none;
    font-size: 14px;
}

.pomt-mobile-drawer-links a:hover {
    background: rgba(208, 167, 71, 0.08);
    color: var(--gold, #d0a747);
}

.pomt-mobile-drawer-actions {
    flex-shrink: 0;
    margin-top: auto;
    padding: 12px 0 16px;
    border-top: 1px solid var(--border, rgba(208, 167, 71, 0.15));
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: inherit;
}

.pomt-mobile-logout {
    display: block;
    text-align: center;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(220, 53, 69, 0.12);
    border: 1px solid rgba(220, 53, 69, 0.25);
    color: #ff8a96 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.pomt-mobile-logout-link {
    display: block;
    margin-top: 8px;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(220, 53, 69, 0.12);
    border: 1px solid rgba(220, 53, 69, 0.25);
    color: #ff8a96 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}

.pomt-mobile-logout-link:hover {
    background: rgba(220, 53, 69, 0.2);
    color: #ffb3bc !important;
}

body.pomt-menu-open { overflow: hidden; }

@media (max-width: 800px) {
    .pomt-mobile-bar {
        display: flex;
        width: 100%;
        box-sizing: border-box;
    }

    body.producer-panel .pomt-mobile-bar {
        display: flex !important;
    }

    .panel-switcher-fixed { top: 56px; }
}

@media (max-width: 600px) {
    .pomt-theme-toggle-label { display: none; }
}

/* ── Produtor: Meus Produtos (courses.php) ── */
html[data-theme="light"] body.producer-panel .page-title,
html[data-theme="light"] body.producer-panel .card-header h3,
html[data-theme="light"] body.producer-panel .module-name {
    color: #0f172a !important;
}

html[data-theme="light"] body.producer-panel .course-item {
    color: #0f172a !important;
}

html[data-theme="light"] body.producer-panel .course-item.selected {
    background: rgba(154, 115, 16, 0.12) !important;
    border-color: #9a7310 !important;
}

html[data-theme="light"] body.producer-panel .course-item.selected .course-item-title {
    color: #78350f !important;
}

html[data-theme="light"] body.producer-panel .course-item-meta,
html[data-theme="light"] body.producer-panel .module-meta-text,
html[data-theme="light"] body.producer-panel .lesson-meta-sm,
html[data-theme="light"] body.producer-panel .field-label,
html[data-theme="light"] body.producer-panel .info-box {
    color: #64748b !important;
}

html[data-theme="light"] body.producer-panel .lesson-title-sm {
    color: #0f172a !important;
}

html[data-theme="light"] body.producer-panel .module-head {
    background: rgba(15, 23, 42, 0.04) !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.producer-panel .module-head-toggle:hover .module-name {
    color: #78350f !important;
}

html[data-theme="light"] body.producer-panel .lesson-row {
    border-top-color: rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] body.producer-panel .module-num {
    background: rgba(212, 160, 23, 0.18) !important;
    color: #78350f !important;
}

/* ── Produtor: modo escuro (courses e demais páginas) ── */
html[data-theme="dark"] body.producer-panel .page-title,
html[data-theme="dark"] body.producer-panel .card-header h3,
html[data-theme="dark"] body.producer-panel .module-name,
html[data-theme="dark"] body.producer-panel .lesson-title-sm {
    color: var(--pp-text) !important;
}

html[data-theme="dark"] body.producer-panel .module-head {
    background: var(--pp-surface-alt) !important;
    color: var(--pp-text) !important;
}

html[data-theme="dark"] body.producer-panel .module-head-toggle:hover .module-name {
    color: var(--gold) !important;
}

html[data-theme="dark"] body.producer-panel .module-meta-text,
html[data-theme="dark"] body.producer-panel .lesson-meta-sm,
html[data-theme="dark"] body.producer-panel .module-chevron {
    color: var(--pp-text-muted) !important;
}

html[data-theme="dark"] body.producer-panel .module-block.is-open .module-chevron {
    color: var(--gold) !important;
}

html[data-theme="dark"] body.producer-panel .lesson-row {
    border-top-color: var(--pp-border-subtle) !important;
}

html[data-theme="dark"] body.producer-panel .course-item {
    color: var(--pp-text) !important;
}

html[data-theme="dark"] body.producer-panel .course-item.selected {
    background: var(--pp-selected-bg) !important;
    border-color: var(--gold) !important;
}

html[data-theme="dark"] body.producer-panel .course-item.selected .course-item-title {
    color: var(--gold) !important;
}

html[data-theme="light"] body.producer-panel .add-form,
html[data-theme="light"] body.producer-panel .edit-form,
html[data-theme="light"] body.producer-panel .quiz-builder,
html[data-theme="light"] body.producer-panel .quiz-q-block,
html[data-theme="light"] body.producer-panel .lt-opt {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.producer-panel .lt-opt.selected {
    background: rgba(154, 115, 16, 0.1) !important;
    border-color: #9a7310 !important;
}

html[data-theme="light"] body.producer-panel .lt-label {
    color: #0f172a !important;
}

html[data-theme="light"] body.producer-panel .pomt-mobile-drawer-head {
    color: #0f172a !important;
}

html[data-theme="light"] body.producer-panel .pomt-mobile-drawer-links a {
    color: #475569 !important;
}

html[data-theme="light"] body.producer-panel .pomt-mobile-drawer-links a:hover {
    color: #78350f !important;
}

/* ── Player de aula (student/lesson.php) ── */
html[data-theme="light"] body.has-mobile-bar {
    background: #eef2f7 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .lesson-topbar {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .lesson-title-top,
html[data-theme="light"] .lesson-topbar .nav-btn,
html[data-theme="light"] .lesson-topbar .back-btn {
    color: #334155 !important;
}

html[data-theme="light"] .lesson-topbar .back-btn:hover,
html[data-theme="light"] .lesson-topbar .nav-btn:hover {
    color: #78350f !important;
    border-color: rgba(154, 115, 16, 0.35) !important;
}

html[data-theme="light"] .lesson-progress-row {
    background: #ffffff !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    color: #64748b !important;
}

html[data-theme="light"] .lesson-progress-row .cp-pct {
    color: #9a7310 !important;
}

html[data-theme="light"] .controls,
html[data-theme="light"] .content-tabs,
html[data-theme="light"] .tab-content,
html[data-theme="light"] .quiz-panel {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .ctrl-btn,
html[data-theme="light"] .speed-select,
html[data-theme="light"] .time-label {
    color: #64748b !important;
}

html[data-theme="light"] .speed-select {
    background: #f1f5f9 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] .timeline {
    background: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .ctab {
    color: #64748b !important;
}

html[data-theme="light"] .ctab.active {
    color: #9a7310 !important;
    border-bottom-color: #9a7310 !important;
}

html[data-theme="light"] .sidebar {
    background: #ffffff !important;
    border-left-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .sidebar-header {
    background: #f8fafc !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .sidebar-mod-title {
    color: #0f172a !important;
}

html[data-theme="light"] .sidebar-course-title {
    color: #9a7310 !important;
}

html[data-theme="light"] .sidebar-promo-slot {
    background: #e2e8f0 !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .lesson-desc,
html[data-theme="light"] .tab-content .lesson-desc p,
html[data-theme="light"] .tab-content h3 {
    color: #475569 !important;
}

html[data-theme="light"] .material-item,
html[data-theme="light"] .comment-form,
html[data-theme="light"] .comment-card,
html[data-theme="light"] .quiz-q,
html[data-theme="light"] .quiz-opt {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .comment-textarea {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .showcase-section {
    border-top-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .showcase-title,
html[data-theme="light"] .showcase-name {
    color: #0f172a !important;
}

html[data-theme="light"] .showcase-card {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .completed-overlay {
    background: rgba(255, 255, 255, 0.95) !important;
}

html[data-theme="light"] .completed-overlay h2 {
    color: #78350f !important;
}

html[data-theme="light"] .completed-overlay p {
    color: #64748b !important;
}

html[data-theme="light"] .completed-btn.secondary {
    background: #f1f5f9 !important;
    color: #334155 !important;
}

html[data-theme="light"] .mobile-bottom-bar {
    background: rgba(255, 255, 255, 0.98) !important;
}