/* Dark Theme CSS Module
 * Theme styles activated by the data-bs-theme attribute.
 */

:root[data-bs-theme="dark"] body:not(.contrast-mode) {
    background-color: #333941;
    background-image:
        linear-gradient(135deg, color-mix(in srgb, var(--app-base-color) 14%, transparent) 0%, transparent 38%, color-mix(in srgb, var(--app-third-color) 13%, transparent) 100%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 22px),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 30px);
    background-attachment: fixed;
    color: #e0e0e0;
}

:root[data-bs-theme="dark"] {
    --dark-theme-surface: #1e1e1e;
    --dark-theme-surface-2: #252525;
    --dark-theme-surface-3: #2d2d2d;
    --dark-theme-border: #404040;
    --dark-theme-text: #e0e0e0;
    --dark-theme-text-strong: #f3f4f6;
    --dark-theme-text-muted: #a7afbd;
    --dark-theme-accent: color-mix(in srgb, var(--app-base-color) 74%, #ffffff);
    --dark-theme-accent-soft: color-mix(in srgb, var(--app-base-color) 10%, var(--dark-theme-surface));
    --dark-theme-accent-softer: color-mix(in srgb, var(--app-base-color) 5%, var(--dark-theme-surface));
    --dark-theme-accent-border: color-mix(in srgb, var(--app-base-color) 28%, var(--dark-theme-border));
    --dark-theme-secondary-accent: color-mix(in srgb, var(--app-secondary-color) 66%, #ffffff);
    --dark-theme-secondary-accent-soft: color-mix(in srgb, var(--app-secondary-color) 8%, var(--dark-theme-surface));
    --dark-theme-secondary-border: color-mix(in srgb, var(--app-secondary-color) 24%, var(--dark-theme-border));
    --dark-theme-decorative-accent: color-mix(in srgb, var(--app-secondary-color) 34%, #1e1e1e);
    --dark-theme-decorative-accent-soft: color-mix(in srgb, var(--app-secondary-color) 18%, #1e1e1e);
    --dark-theme-panel-bg: linear-gradient(145deg, var(--dark-theme-accent-soft) 0%, var(--dark-theme-surface) 58%, var(--dark-theme-secondary-accent-soft) 100%);
    --dark-theme-card-bg: linear-gradient(145deg, var(--dark-theme-accent-softer) 0%, var(--dark-theme-surface) 64%, var(--dark-theme-secondary-accent-soft) 100%);
    --dark-theme-panel-shadow: 0 14px 32px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .header-container,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .navbar,
:root[data-bs-theme="dark"] body:not(.contrast-mode) nav,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sidebar,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dropdown-menu,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .list-group-item {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-color: #2d2d2d;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .form-control,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .form-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) textarea,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__inner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .select2-selection--single {
    background-color: #2d2d2d;
    color: #ffffff;
    border-color: #404040;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .form-control::placeholder,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__placeholder {
    color: #a0a0a0;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .form-switch .form-check-input[role="switch"] {
    background-color: #111827 !important;
    border-color: #4b5563 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
    -webkit-text-fill-color: initial !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .form-switch .form-check-input[role="switch"]:focus {
    background-color: #111827 !important;
    border-color: var(--app-base-color) !important;
    box-shadow: 0 0 0 0.18rem rgba(145, 204, 43, 0.22) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .form-switch .form-check-input[role="switch"]:checked {
    background-color: var(--app-base-color) !important;
    border-color: var(--app-base-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) h1,
:root[data-bs-theme="dark"] body:not(.contrast-mode) h2,
:root[data-bs-theme="dark"] body:not(.contrast-mode) h3,
:root[data-bs-theme="dark"] body:not(.contrast-mode) h4,
:root[data-bs-theme="dark"] body:not(.contrast-mode) h5,
:root[data-bs-theme="dark"] body:not(.contrast-mode) h6,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card-title {
    color: #ffffff;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) p,
:root[data-bs-theme="dark"] body:not(.contrast-mode) span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) li,
:root[data-bs-theme="dark"] body:not(.contrast-mode) label {
    color: #e0e0e0;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-muted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .subtitle,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__eyebrow:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__eyebrow:not(#canvasPage):not(#canvasPage *) {
    color: #a0a0a0;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) table,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table {
    border-color: #2d2d2d;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) thead th {
    background-color: #252525;
    color: #ffffff;
    border-color: #333333;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) tbody td {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-color: #2d2d2d;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .table-striped tbody tr:nth-of-type(odd) {
    background-color: #252525;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) a:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) button:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .nav-link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dropdown-item:hover {
    background-color: #2d2d2d;
    color: #ffffff;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .app-footer {
    background-color: #121212;
    color: #a0a0a0;
    border-top: 1px solid #2d2d2d;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page {
    background: linear-gradient(180deg, var(--app-base-color) 0%, var(--app-secondary-color) 100%) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .card,
:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .card__header,
:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .card__body {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #2d2d2d !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .title,
:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .label,
:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .help-divider__text {
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .input {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
    border-color: #4a4a4a !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .input:focus {
    background: #303030 !important;
    background-color: #303030 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.32) !important;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.09) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .input::placeholder {
    color: #b8b8b8 !important;
    -webkit-text-fill-color: #b8b8b8 !important;
    opacity: 1 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .input:-webkit-autofill,
:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .input:-webkit-autofill:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .input:-webkit-autofill:focus {
    -webkit-text-fill-color: #f5f5f5 !important;
    -webkit-box-shadow: 0 0 0 1000px #2a2a2a inset !important;
    box-shadow: 0 0 0 1000px #2a2a2a inset !important;
    caret-color: #f5f5f5 !important;
    border-color: #4a4a4a !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .help-divider__line {
    background: #404040 !important;
    background-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .divider {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    height: auto !important;
    background: transparent !important;
    background-color: transparent !important;
    margin: 20px 0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .divider__line {
    flex: 1 !important;
    height: 1px !important;
    background: #404040 !important;
    background-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode).letrinha-login-page .divider__text {
    position: static !important;
    z-index: auto !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background-color: #FFFFFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background-color:#FFFFFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background-color: #fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background-color:#fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background: #FFFFFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background:#FFFFFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background: #fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-content[style*="background:#fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] .modal-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] .modal-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] .modal-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] .modal-footer {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] #imageNewWrapper,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] #formFieldsSection,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [id$="Wrapper"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [id$="Section"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal #imageNewWrapper,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal #formFieldsSection,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal #profileImgRes,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .avatar-shell,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .avatar-shell > label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background-color:#FFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background-color: #FFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background-color:#fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background-color: #fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background:#FFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background: #FFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background:#fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="background: #fff"] {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="color:#000"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] [style*="color: #000"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] .text-dark {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal[id^="register"] hr {
    border-color: #404040 !important;
    opacity: 1 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .student-profile-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-profile-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .manager-profile-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .regional-profile-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .principal-profile-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .admin-profile-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card .card[style*="background-color:#FFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card .card[style*="background-color: #FFF"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card .card[style*="background-color:#fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card .card[style*="background-color: #fff"] {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card .text-dark,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card [style*="color:#000"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card [style*="color: #000"] {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-profile-card #avatar-container-class {
    background-color: color-mix(in srgb, var(--app-base-color) 28%, #1e1e1e) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .student-profile-actions-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-profile-actions-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .manager-profile-actions-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .regional-profile-actions-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .principal-profile-actions-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .admin-profile-actions-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .user-profile-actions-footer {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .student-profile-actions,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-profile-actions,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .manager-profile-actions,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .regional-profile-actions,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .principal-profile-actions,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .admin-profile-actions,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .user-profile-actions {
    border-color: #404040 !important;
}

/* Additional Dark Theme Elements (Ported from Contrast Mode) */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-gray-50:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-gray-100:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-gray-200:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-gray-300:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-orange-50:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-orange"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .offcanvas:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dropdown-divider:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-shell:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-container:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card-like:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm .row:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .city-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .email-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .settings-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sg-container:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card-soft:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .institution-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-question-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific .row:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .input-icon:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .imp-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .media-file-wrapper:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .media-file-visible:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card-title-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .status-toolbar-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .assigned-track:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-track-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-track-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-card-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal form:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-container:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .parchment:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .note-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .kid-date.item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .kid-modal:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .q-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .kid-bg:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #bottom-dock:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #topbar:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-modal-content:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-color-filters-submenu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-cursor-submenu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-saturate-submenu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-filter-option:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-reset-section:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-presets-submenu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-preset-option:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sidebar-menu > li:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sidebar-menu .sub-menu > li:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sidebar-menu .sub-menu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dropdown-menu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dropdown-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container[style*="background-color: #FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container[style*="background-color:#FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container[style*="background: #FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container[style*="background:#FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container[style*="background: #fff"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container[style*="background:#fff"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .py-4[style*="background-color: #FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .py-4[style*="background-color:#FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .py-4[style*="background: #FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .py-4[style*="background:#FFF"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .py-4[style*="background: #fff"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .py-4[style*="background:#fff"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background-color: #FFF; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background-color:#FFF; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background-color: #fff; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background-color:#fff; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background: #FFF; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background:#FFF; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background: #fff; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) div[style*="background:#fff; border-radius"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [style*="background: #fff; border-radius: 20px"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [style*="background:#fff; border-radius: 20px"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card.bg-white.px-3.py-3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .performance-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neighborhoods-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neighborhoods-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-schools-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-schools-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-schools-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-schools-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card.bg-white:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.rounded-2xl:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-blue-50:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-header__shell:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-drawer:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-drawer__inner:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__inner:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__toggle:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__submenu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .navbar-menu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__dropdown:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__trigger:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__avatar:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__avatar--fallback:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__menu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__menu:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__menu:not(#canvasPage):not(#canvasPage *) {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #2d2d2d !important;
}

/* Dark Mode Missing Text Colors */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-gray-800:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-gray-700:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-gray-600:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-gray-500:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-gray-400:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-black:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-dark:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) a:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .ticket-number:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-reports:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .subtitle-reports:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card h6:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card p:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm .form-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific .form-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific .form-select:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific .form-control:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific .select2-selection__rendered:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific .choices__item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .input-icon .icon-left:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .input-icon .icon-right:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-primary-soft:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-app-primary:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #openBatchPermissionModal:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #openAttributeModal:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card h6:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card h6 strong:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card h6 span:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .text-primary:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .text-muted:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .dropdbutton:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .text-truncate-multiline:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .institution-card h6:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-card .class-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-question-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .imp-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .helper:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .media-file-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .media-file-btn:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .imp-btn-primary:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .imp-btn-outline:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm .select2-selection__rendered:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm .choices__item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-group-responsive .btn-base:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sg-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card__title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card__title .sub-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card__summary:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card__summary strong:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card__due-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card__count:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-question-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-content:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-content p:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-content li:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-content strong:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-game-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-game-desc:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #detailsModal h6:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .calendar-component h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .calendar-component h4:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .calendar-component button:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-items:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-schools-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-schools-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-title-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-title-text-top:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-title-text-worst:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card .title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-name-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-name-text-worst:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-stat:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-stat-row:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-stat-row-worst:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-stat:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-stat:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .text-blue-800:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu a:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__toggle:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__icon:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__chevron:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__icon:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__toggle:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__icon:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__chevron:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__icon:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__toggle i:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .header-user-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .navbar-brand:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__menu .dropdown-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__menu .menu-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__menu .menu-icon i:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__current:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__current:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__option-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__option-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__option-code:not(#canvasPage):not(#canvasPage *) {
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-header {
    background: #1e1e1e !important;
    border-bottom-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 70%, #404040) !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-drawer {
    background: #121212 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__toggle:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__item.is-active > .letrinha-nav__link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__item.is-active > .letrinha-nav__toggle,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__item.is-active .letrinha-subnav__link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__toggle:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item.is-active > .letrinha-mobile-menu__link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item.is-active > .letrinha-mobile-menu__toggle,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__item.is-active .letrinha-mobile-submenu__link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__menu .dropdown-item:hover {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__toggle:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__item.is-open > .letrinha-nav__toggle,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__toggle:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item.is-open > .letrinha-mobile-menu__toggle,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__link:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__menu .dropdown-item:hover {
    background: var(--dark-theme-surface-3) !important;
    background-color: var(--dark-theme-surface-3) !important;
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-base-color) 38%, var(--dark-theme-border)) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__item.is-active > .letrinha-nav__link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__item.is-active > .letrinha-nav__toggle,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__item.is-active .letrinha-subnav__link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item.is-active > .letrinha-mobile-menu__link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item.is-active > .letrinha-mobile-menu__toggle,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__item.is-active .letrinha-mobile-submenu__link {
    background: color-mix(in srgb, var(--app-base-color) 72%, #111111) !important;
    background-color: color-mix(in srgb, var(--app-base-color) 72%, #111111) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-base-color) 88%, #ffffff) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__item.is-active > .letrinha-nav__link i,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__item.is-active > .letrinha-nav__toggle i,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__item.is-active .letrinha-subnav__link i,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item.is-active > .letrinha-mobile-menu__link i,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__item.is-active > .letrinha-mobile-menu__toggle i,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__item.is-active .letrinha-mobile-submenu__link i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__link span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-nav__toggle span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-subnav__link span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__label-wrap,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-menu__label-wrap span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-mobile-submenu__link span {
    background: transparent !important;
    color: inherit !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-coins-pill {
    background: color-mix(in srgb, var(--app-base-color, #7c3aed) 80%, #facc15) !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .status-toolbar-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .assigned-track,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-track-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-track-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-detail-card-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal form {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: #2d2d2d !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .institution-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-question-card {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: color-mix(in srgb, var(--app-secondary-color, #d8b4fe) 65%, #404040) !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .border-bot {
    border-bottom-color: #333333 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-track-card .divider,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .assigned-track .divider {
    border-color: #333333 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .expand-toggle-btn {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 70%, #404040) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .expand-toggle-btn .expand-toggle-icon {
    background: #2d2d2d !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-shell,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-container,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .card-soft,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #quickFilterSpecific .row,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .imp-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .media-file-visible,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterForm .row,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table-responsive {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #2d2d2d !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) table:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) table.table:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) table thead:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) table tbody:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) table tr:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) table th:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) table td:not(#canvasPage):not(#canvasPage *) {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #2d2d2d !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) table thead th:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table-light th:not(#canvasPage):not(#canvasPage *) {
    background-color: #252525 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-group-responsive .btn-base {
    background-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 85%, black) !important;
    border-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 75%, black) !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-primary-soft,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-app-primary,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #openBatchPermissionModal,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #openAttributeModal,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .media-file-btn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .imp-btn-primary {
    background-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 85%, black) !important;
    border-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 75%, black) !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .imp-btn-outline {
    background-color: transparent !important;
    border-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 70%, #404040) !important;
    color: #e0e0e0 !important;
}

/* Dark Mode Inputs Additions */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .input-group-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__list--dropdown:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__input:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .select2-container--default .select2-selection--multiple:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .select2-dropdown:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__trigger:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__trigger:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .role-chip:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__icon-wrapper:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__icon-wrapper:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__option-icon:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__option-icon:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__chevron:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__chevron:not(#canvasPage):not(#canvasPage *) {
    background-color: #2d2d2d !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #404040 !important;
}

/* Overrides gradient backgrounds where necessary */
:root[data-bs-theme="dark"] body:not(.contrast-mode):not(.letrinha-login-page) [class*="bg-gradient-"]:not(#canvasPage):not(#canvasPage *) {
    background-image: none !important;
    background-color: #1e1e1e !important;
}

/* Dark Mode Hover additions */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table tbody tr:hover td:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sidebar-menu li a:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__item--choice:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__item--choice.is-highlighted:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-filter-option:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-preset-option:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-item:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-language__option:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-theme__option:hover:not(#canvasPage):not(#canvasPage *) {
    background-color: #333333 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-language__trigger:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-theme__trigger:not(#canvasPage):not(#canvasPage *) {
    background: #252525 !important;
    background-color: #252525 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-language__trigger:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-language__trigger[aria-expanded="true"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-theme__trigger:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-theme__trigger[aria-expanded="true"]:not(#canvasPage):not(#canvasPage *) {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    border-color: color-mix(in srgb, var(--app-base-color) 52%, #404040) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-language__flag:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-theme__icon-wrapper:not(#canvasPage):not(#canvasPage *) {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-language__eyebrow:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-theme__eyebrow:not(#canvasPage):not(#canvasPage *) {
    color: #a0a0a0 !important;
    -webkit-text-fill-color: #a0a0a0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-language__current:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-theme__current:not(#canvasPage):not(#canvasPage *) {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-language__chevron:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-profile__settings .sensorama-theme__chevron:not(#canvasPage):not(#canvasPage *) {
    background: transparent !important;
    background-color: transparent !important;
    color: #cbd5e1 !important;
}

/* Dark Mode Buttons and Pagination */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-item .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #paginationContainer .btn:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-light:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-secondary:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-ghost:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-outline:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="btn-outline"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-action-btn:not(.btn-primary):not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .custom-button:not(.primary):not(#canvasPage):not(#canvasPage *) {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .page-link:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .page-link:focus:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #paginationContainer .btn:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #paginationContainer .btn:focus:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-light:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-secondary:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-ghost:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-outline:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="btn-outline"]:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .custom-button:not(.primary):hover:not(#canvasPage):not(#canvasPage *) {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .page-item.disabled .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .disabled > .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .page-link.disabled:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container .pagination .page-item.disabled .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container .pagination .disabled > .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #paginationContainer .btn:disabled:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #paginationContainer .btn.disabled:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn:disabled:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn.disabled:not(#canvasPage):not(#canvasPage *) {
    background-color: #2a2a2a !important;
    color: #8c8c8c !important;
    border-color: #3a3a3a !important;
    opacity: 1 !important;
}

/* Dark Mode Active States */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .choices__item--choice.is-selected:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option[aria-pressed='true']:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-filter-option[aria-pressed='true']:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-preset-option[aria-pressed='true']:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sidebar-menu li.active > a:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .page-link[aria-current="page"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pagination .page-item.active .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container .pagination .page-item.active .page-link:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #paginationContainer .btn.active:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-base:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .btn-primary:not(#canvasPage):not(#canvasPage *) {
    background-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 90%, black) !important;
    color: #ffffff !important;
    border-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 80%, black) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container nav:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container nav > div:not(#canvasPage):not(#canvasPage *) {
    background: transparent !important;
    background-color: transparent !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container .pagination .page-item .page-link:not(#canvasPage):not(#canvasPage *) {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .pagination-container .pagination .page-item:hover:not(.active):not(.disabled) .page-link:not(#canvasPage):not(#canvasPage *) {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

/* Textual production report */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg h2:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .section-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .text-black-important:not(#canvasPage):not(#canvasPage *) {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .muted-gray:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .small.text-muted:not(#canvasPage):not(#canvasPage *) {
    color: #a7afbd !important;
    -webkit-text-fill-color: #a7afbd !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .select-ri:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .select-ri.form-select:not(#canvasPage):not(#canvasPage *) {
    background-color: #2d2d2d !important;
    color: #f3f4f6 !important;
    border-color: #404040 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .select-ri:disabled:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .select-ri.form-select:disabled:not(#canvasPage):not(#canvasPage *) {
    background-color: #242424 !important;
    color: #9ca3af !important;
    border-color: #3a3a3a !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #9ca3af !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .textual-chip:not(#canvasPage):not(#canvasPage *) {
    background: color-mix(in srgb, var(--app-secondary-color) 18%, #1e1e1e) !important;
    background-color: color-mix(in srgb, var(--app-secondary-color) 18%, #1e1e1e) !important;
    color: color-mix(in srgb, var(--app-secondary-color) 68%, #ffffff) !important;
    border: 1px solid color-mix(in srgb, var(--app-secondary-color) 34%, #404040) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--app-secondary-color) 68%, #ffffff) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar.ql-snow:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-container.ql-snow:not(#canvasPage):not(#canvasPage *) {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-container.readonly .ql-editor:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .student-editor .ql-editor:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .teacher-editor .ql-editor:not(#canvasPage):not(#canvasPage *) {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar.ql-snow.disabled:not(#canvasPage):not(#canvasPage *) {
    opacity: 0.75 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar .ql-picker:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar .ql-picker-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar button:not(#canvasPage):not(#canvasPage *) {
    color: #d1d5db !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar .ql-stroke:not(#canvasPage):not(#canvasPage *) {
    stroke: #d1d5db !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar .ql-fill:not(#canvasPage):not(#canvasPage *) {
    fill: #d1d5db !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar .ql-picker-options:not(#canvasPage):not(#canvasPage *) {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar button:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar button:focus:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .ql-toolbar .ql-picker-label:hover:not(#canvasPage):not(#canvasPage *) {
    background: #333333 !important;
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Progress report by subject */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-filter-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-kpi-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .student-focus-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .detail-block:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .class-detail-box:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .student-activities-box:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .mini-meta-box:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-metric:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-pill-info:not(#canvasPage):not(#canvasPage *) {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .subject-pill:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .student-box:not(#canvasPage):not(#canvasPage *) {
    background: #252525 !important;
    background-color: #252525 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .title-reports:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-section-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .detail-block-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .student-focus-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .mini-meta-box strong:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-metric strong:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-pill-info strong:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .fw-semibold.text-dark:not(#canvasPage):not(#canvasPage *) {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-subtitle:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-section-subtitle:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-kpi-meta:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .student-focus-meta:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-metric small:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .text-muted:not(#canvasPage):not(#canvasPage *) {
    color: #a7afbd !important;
    -webkit-text-fill-color: #a7afbd !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-kpi-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .mini-meta-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-metric .label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .pill-label:not(#canvasPage):not(#canvasPage *) {
    color: var(--app-secondary-color) !important;
    -webkit-text-fill-color: var(--app-secondary-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-kpi-value:not(#canvasPage):not(#canvasPage *) {
    color: var(--app-secondary-color) !important;
    -webkit-text-fill-color: var(--app-secondary-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .positive-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-kpi-value.positive:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-metric.diff.positive strong:not(#canvasPage):not(#canvasPage *) {
    color: #4ade80 !important;
    -webkit-text-fill-color: #4ade80 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .negative-text:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-kpi-value.negative:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-metric.diff.negative strong:not(#canvasPage):not(#canvasPage *) {
    color: #f87171 !important;
    -webkit-text-fill-color: #f87171 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-city-chip:not(#canvasPage):not(#canvasPage *) {
    background: color-mix(in srgb, var(--app-secondary-color) 16%, #1e1e1e) !important;
    background-color: color-mix(in srgb, var(--app-secondary-color) 16%, #1e1e1e) !important;
    color: color-mix(in srgb, var(--app-secondary-color) 62%, #ffffff) !important;
    border: 1px solid color-mix(in srgb, var(--app-secondary-color) 32%, #404040) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--app-secondary-color) 62%, #ffffff) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .institution-detail:not(#canvasPage):not(#canvasPage *) {
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-table:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .table-responsive:not(#canvasPage):not(#canvasPage *) {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-table thead th:not(#canvasPage):not(#canvasPage *) {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #f3f4f6 !important;
    border-color: #404040 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-table tbody td:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-table tbody th:not(#canvasPage):not(#canvasPage *) {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .class-detail-row > td:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .student-activities-row > td:not(#canvasPage):not(#canvasPage *) {
    background: #191919 !important;
    background-color: #191919 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .form-control:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .form-select:not(#canvasPage):not(#canvasPage *) {
    background-color: #2d2d2d !important;
    color: #f3f4f6 !important;
    border-color: #404040 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .btn-outline-primary:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .btn-outline-secondary:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .btn-outline-dark:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-clear-btn:not(#canvasPage):not(#canvasPage *) {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #555555 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .btn-outline-primary:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .btn-outline-secondary:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .btn-outline-dark:hover:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-subject-evolution .report-clear-btn:hover:not(#canvasPage):not(#canvasPage *) {
    background: #333333 !important;
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #666666 !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Fluency report */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .card-like:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .letter-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .soft-chip:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .le-audio:not(#canvasPage):not(#canvasPage *) {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leap:not(#canvasPage):not(#canvasPage *) {
    --le-primary: var(--app-secondary-color);
    --le-primary-2: color-mix(in srgb, var(--app-secondary-color) 78%, #000000);
    --le-bg: var(--dark-theme-surface-2);
    --le-text: var(--dark-theme-text-strong);
    --le-sub: var(--dark-theme-text-muted);
    --le-border: var(--dark-theme-border);
    --le-track: var(--dark-theme-surface-3);
    --le-buffer: color-mix(in srgb, var(--app-secondary-color) 22%, var(--dark-theme-surface-3));
    background: var(--dark-theme-surface-2) !important;
    background-color: var(--dark-theme-surface-2) !important;
    color: var(--dark-theme-text-strong) !important;
    border-color: var(--dark-theme-border) !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leap .btn--play:not(#canvasPage):not(#canvasPage *) {
    background: var(--app-secondary-color) !important;
    background-color: var(--app-secondary-color) !important;
    background-image: none !important;
    border-color: var(--app-secondary-color) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leap .btn--play:hover:not(#canvasPage):not(#canvasPage *) {
    background: color-mix(in srgb, var(--app-secondary-color) 78%, #000000) !important;
    background-color: color-mix(in srgb, var(--app-secondary-color) 78%, #000000) !important;
    border-color: color-mix(in srgb, var(--app-secondary-color) 78%, #000000) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leap .btn--kebab:not(#canvasPage):not(#canvasPage *) {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dark-theme-text-muted) !important;
    -webkit-text-fill-color: var(--dark-theme-text-muted) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leap .btn--kebab:hover:not(#canvasPage):not(#canvasPage *) {
    background: var(--dark-theme-surface-3) !important;
    background-color: var(--dark-theme-surface-3) !important;
    border-color: var(--dark-theme-border) !important;
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .card-like h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .card-like h4:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .section-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .form-label.text-black-important:not(#canvasPage):not(#canvasPage *) {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .input-ri:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg textarea.input-ri:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg input.input-ri:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .soft-chip .select-ri:not(#canvasPage):not(#canvasPage *) {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #f3f4f6 !important;
    border-color: #404040 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .input-ri:focus:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .select-ri:focus:not(#canvasPage):not(#canvasPage *) {
    border-color: color-mix(in srgb, var(--app-secondary-color, #d8b4fe) 70%, #404040) !important;
    box-shadow: 0 0 0 2px rgba(216, 180, 254, 0.2) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .soft-chip::after {
    color: #d8b4fe !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .bar-bg:not(#canvasPage):not(#canvasPage *) {
    background: #333333 !important;
    background-color: #333333 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg .bar-fill:not(#canvasPage):not(#canvasPage *) {
    background: color-mix(in srgb, var(--app-base-color, #7c3aed) 75%, #60a5fa) !important;
    background-color: color-mix(in srgb, var(--app-base-color, #7c3aed) 75%, #60a5fa) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-bg audio:not(#canvasPage):not(#canvasPage *) {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
}

/* Descriptive responses details modal */
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-modal-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-modal-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-modal-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-modal-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .manual-review-panel {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-modal-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .modal-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-section-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .manual-review-title {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-register-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-mini-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .form-label {
    color: #a7afbd !important;
    -webkit-text-fill-color: #a7afbd !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-register-value,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-content-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-justification-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .manual-review-radios,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .manual-review-radios span {
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-content-text.empty-text {
    color: #9ca3af !important;
    -webkit-text-fill-color: #9ca3af !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-section {
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .descriptive-mini-label {
    background: #252525 !important;
    background-color: #252525 !important;
    border: 1px solid #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .manual-review-textarea {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #f3f4f6 !important;
    border-color: #404040 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #descriptiveReportModal .btn-close {
    filter: invert(1) grayscale(100%) brightness(180%) !important;
    opacity: 0.85 !important;
}

/* Overriding specific Tailwind colors in Dark Mode to match */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .calendar-component .grid > div.bg-white:not(#canvasPage):not(#canvasPage *) {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #2d2d2d !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .calendar-component .grid > div.bg-red-300:not(#canvasPage):not(#canvasPage *) {
    background-color: #b71c1c !important;
    color: #fff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .calendar-component .grid > div.bg-yellow-300:not(#canvasPage):not(#canvasPage *) {
    background-color: #f57f17 !important;
    color: #000 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .calendar-component .grid > div.bg-green-300:not(#canvasPage):not(#canvasPage *) {
    background-color: #1b5e20 !important;
    color: #fff !important;
}

/* Teacher pedagogical calendar */
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative > .bg-white,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .bg-blue-50,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .from-rose-50,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .to-pink-50,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .bg-white.rounded-xl {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative h2,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative h3,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative h4,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative p,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative button,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .text-blue-800,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .text-rose-700,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .text-rose-600,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .text-gray-700,
:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .text-gray-800 {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .grid > div.bg-white {
    background: #252525 !important;
    background-color: #252525 !important;
    border-color: #404040 !important;
    color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .grid > div.bg-white:hover {
    background: #333333 !important;
    background-color: #333333 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .grid > div.bg-red-400 {
    background: #b71c1c !important;
    background-color: #b71c1c !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .grid > div.bg-yellow-400 {
    background: #b7791f !important;
    background-color: #b7791f !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) [x-data="calendarComponent()"].w-full.relative .grid > div.bg-green-400 {
    background: #1b5e20 !important;
    background-color: #1b5e20 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .q-dot.ok:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .q-dot.bad:not(#canvasPage):not(#canvasPage *) {
    background: #404040 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-indigo-50:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-indigo"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-purple"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-fuchsia"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-violet"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-blue"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-cyan"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-rose"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-pink"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-red"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-yellow"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) [class*="bg-green"]:not(#canvasPage):not(#canvasPage *) {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .performance-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neighborhoods-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neighborhoods-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-item-worst,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-score-inner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-metric-box {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #2d2d2d !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-schools-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-schools-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .saeb-performance-header {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #ffffff !important;
    border-color: color-mix(in srgb, var(--app-secondary-color, #d8b4fe) 65%, #404040) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-badge,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-id-badge,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-id-badge-worst,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-badge,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-badge {
    background: #333333 !important;
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-alert {
    background: #2d1f1f !important;
    background-color: #2d1f1f !important;
    color: #fca5a5 !important;
    border-left-color: #ef4444 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .permission-modal-role-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #roleLabel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userRoleLabel {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .map-container {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    border-color: color-mix(in srgb, var(--app-secondary-color, #d8b4fe) 70%, #404040) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #map {
    border-color: #1e1e1e !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend {
    background: rgba(30, 30, 30, 0.94) !important;
    color: #f3f4f6 !important;
    border: 1px solid #404040 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-item {
    border-color: #3a3a3a !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-btn {
    color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-btn:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend-btn.active,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .legend.filtering .legend-item:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leaflet-control-zoom {
    background: rgba(30, 30, 30, 0.94) !important;
    border: 1px solid #404040 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leaflet-control-zoom a {
    background: transparent !important;
    color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leaflet-control-zoom a:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .leaflet-control-zoom a:active {
    background: #2d2d2d !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .leaflet-control-zoom a:first-child {
    border-bottom-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .fullscreen-btn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .map-loader {
    background: rgba(30, 30, 30, 0.94) !important;
    color: #f3f4f6 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-modal-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-modal-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-modal-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-reset-section {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-modal-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-modal-close,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option .option-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-filter-option .filter-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-preset-option .preset-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-filter-option span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-presets-btn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-reset-btn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-position-option,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-position-option span {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-modal-title {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-filter-option,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-preset-option {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #f3f4f6 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option .option-label {
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-filter-option:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-preset-option:hover {
    background: #333333 !important;
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-presets-submenu,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-color-filters-submenu,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-cursor-submenu,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-saturate-submenu,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-position-menu {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-presets-btn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-reset-btn {
    background: var(--app-secondary-color, #97d22f) !important;
    background-color: var(--app-secondary-color, #97d22f) !important;
    color: #1e1e1e !important;
    -webkit-text-fill-color: #1e1e1e !important;
    border-color: var(--app-secondary-color, #97d22f) !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-presets-btn span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-presets-btn i,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-reset-btn span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-reset-btn i {
    color: #1e1e1e !important;
    -webkit-text-fill-color: #1e1e1e !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-presets-btn:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-reset-btn:hover {
    background: color-mix(in srgb, var(--app-secondary-color, #97d22f) 82%, #ffffff) !important;
    background-color: color-mix(in srgb, var(--app-secondary-color, #97d22f) 82%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--app-secondary-color, #97d22f) 82%, #ffffff) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-icon,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-option i {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
    color: #1e1e1e !important;
    border-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .accessibility-position-option {
    background: #252525 !important;
    background-color: #252525 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal form,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers form {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal > form > div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers > form > div {
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal h2,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal p,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers h2,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers p,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers label {
    color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__inner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list--single,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__inner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list--single,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__item {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #555555 !important;
    box-shadow: none !important;
    color-scheme: dark;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal select option,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers select option {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list--dropdown,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list[aria-expanded],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list--dropdown,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list[aria-expanded] {
    background: #252525 !important;
    border-color: #555555 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal button:not([type="submit"]),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers button:not([type="submit"]) {
    background: #1e1e1e !important;
    color: #f3f4f6 !important;
    border-color: #555555 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal > div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal > form,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers > div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers > form,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal > div > div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal > form > div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers > div > div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers > form > div {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__inner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list--single,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list--multiple,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__item--selectable,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__placeholder,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__inner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list--single,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list--multiple,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__item--selectable,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__placeholder {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #555555 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list--dropdown .choices__item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list[aria-expanded] .choices__item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list--dropdown .choices__item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list[aria-expanded] .choices__item {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list--dropdown .choices__item--selectable.is-highlighted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list--dropdown .choices__item--selectable.is-highlighted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: #333333 !important;
    background-color: #333333 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal select[style],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModal input[style],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers select[style],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #filterModalUsers input[style] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Teacher dashboard filters */
:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackFilters,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackFilters.bg-white,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #teacherDashboardFilters,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-filter-bar {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    border-color: #2d2d2d !important;
    box-shadow: none !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackFilters label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackFilters .text-dark,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #teacherDashboardFilters label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #teacherDashboardFilters .teacher-filter-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-filter-bar label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-filter-bar .teacher-filter-label {
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackFilters .form-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackFilters select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #teacherDashboardFilters .form-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #teacherDashboardFilters .teacher-filter-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #teacherDashboardFilters select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-filter-bar .form-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-filter-bar .teacher-filter-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-filter-bar select {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackFilters select option,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #teacherDashboardFilters select option,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .teacher-filter-bar select option {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper {
    --school-surface: #1e1e1e;
    --school-text: #f3f4f6;
    --school-muted: #a0a0a0;
    --school-border: #404040;
    --school-card-border: #333333;
    --shadow-sm: none;
    --shadow-md: none;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .white-panel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .tab-content-panel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .tab-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .school-action-footer {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .metric-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .entity-card {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .school-avatar {
    background: #252525 !important;
    background-color: #252525 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .top-bar-btn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .dashboard-tabs .nav-link,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .dashboard-tabs .nav-link.active,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .metric-value,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .entity-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .form-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .text-dark {
    color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .dashboard-tabs .nav-link.active {
    border-bottom-color: var(--app-secondary-color, #97d22f) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .metric-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .entity-meta,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .text-muted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper small {
    color: #a0a0a0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .form-control,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .form-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper textarea {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #555555 !important;
    box-shadow: none !important;
    color-scheme: dark;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .form-control:disabled,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .form-select:disabled,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper .form-control[readonly],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper input:disabled,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper select:disabled,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper textarea:disabled,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper input[readonly] {
    background: #202020 !important;
    background-color: #202020 !important;
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;
    border-color: #4a4a4a !important;
    opacity: 1 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper input::placeholder,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper textarea::placeholder {
    color: #8c8c8c !important;
    -webkit-text-fill-color: #8c8c8c !important;
    opacity: 1 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper select option {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #schoolDashboardWrapper hr {
    border-color: #404040 !important;
    opacity: 1 !important;
}

/* New activity track builder */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container {
    --new-trails-base-soft: #252525;
    --new-trails-secondary-soft: #2d2d2d;
    --new-trails-secondary-softer: #252525;
    --new-trails-secondary-border: #404040;
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    border-color: #333333 !important;
    box-shadow: none !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .step.active,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .step.current,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .runtime-selection-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .runtime-option-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .runtime-option-card:has(input:checked),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .new-trails-saeb-switch,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .question-media-block,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-toolbar,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .question-form,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .question-form .question-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .question-structure-panel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .structure-section-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .match4-wrapper,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .tf-wrapper,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .tf-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-tail-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-preview-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-preview-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card-single,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card-multiple,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .question-feedback-block,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-card ul,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-card ol,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-card table,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-game .game-opt,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .game-opt-inline img,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-game .game-opt img {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    border-color: #404040 !important;
    box-shadow: none !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .runtime-option-card:has(input:checked),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-item:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card:focus {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    border-color: var(--app-base-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .step,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container h5,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container h6,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container p,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container span,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container small,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container li,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container td,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container th,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .text-dark,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .text-muted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-code,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-desc,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .game-opt-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alt-letter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-card > h6,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-row > span:last-child,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-row > div:last-child {
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .review-card .fw-semibold,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-count,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .bncc-chip,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alt-badge {
    color: var(--dark-theme-decorative-accent) !important;
    -webkit-text-fill-color: var(--dark-theme-decorative-accent) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .original-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-control,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container textarea,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container select,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__inner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__list--dropdown,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__list[aria-expanded],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .question-media-file:disabled,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .tf-statement-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-initial-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-prefix-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-answer-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .blank-tail-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .order-item-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .match-q,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .match-a,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .descriptive-answer {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .original-input:focus,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-control:focus,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-select:focus,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container textarea:focus,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container input:focus,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container select:focus {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    border-color: var(--app-base-color) !important;
    box-shadow: 0 0 0 0.18rem rgba(145, 204, 43, 0.22) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .new-trails-saeb-switch {
    background: #252525 !important;
    background-color: #252525 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .new-trails-saeb-switch .form-check-input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-switch .form-check-input[role="switch"] {
    background-color: #111827 !important;
    border-color: #4b5563 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
    -webkit-text-fill-color: initial !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23cbd5e1'/%3E%3C/svg%3E") !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .new-trails-saeb-switch .form-check-input:focus,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-switch .form-check-input[role="switch"]:focus {
    background-color: #111827 !important;
    border-color: var(--app-base-color) !important;
    box-shadow: 0 0 0 0.18rem rgba(145, 204, 43, 0.22) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .new-trails-saeb-switch .form-check-input:checked,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .form-switch .form-check-input[role="switch"]:checked {
    background-color: var(--app-base-color) !important;
    border-color: var(--app-base-color) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .new-trails-saeb-switch .form-check-label {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container input:-webkit-autofill,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container input:-webkit-autofill:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container input:-webkit-autofill:focus,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container textarea:-webkit-autofill,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container textarea:-webkit-autofill:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #2d2d2d inset !important;
    box-shadow: 0 0 0 1000px #2d2d2d inset !important;
    border-color: var(--app-base-color) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    transition: background-color 9999s ease-out 0s !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alt-letter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alt-check-visual {
    background: #333333 !important;
    background-color: #333333 !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alt-badge {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    border-color: var(--app-base-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card.is-selected,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card[aria-checked="true"] {
    background: #20331e !important;
    background-color: #20331e !important;
    border-color: var(--app-base-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card.is-selected .alt-letter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .alternative-card[aria-checked="true"] .alt-letter {
    background: var(--app-base-color) !important;
    background-color: var(--app-base-color) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container input::placeholder,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container textarea::placeholder,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__placeholder {
    color: #a0a0a0 !important;
    -webkit-text-fill-color: #a0a0a0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container select option,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__list--dropdown .choices__item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__list[aria-expanded] .choices__item {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__list--dropdown .choices__item--selectable.is-highlighted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: #333333 !important;
    background-color: #333333 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .tf-pill {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-container .tf-pill.selected {
    background: var(--app-base-color) !important;
    background-color: var(--app-base-color) !important;
    border-color: var(--app-base-color) !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-upload-modal {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-upload-modal h5,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-upload-modal p,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-upload-modal strong {
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .new-trails-upload-progress {
    background: #333333 !important;
    background-color: #333333 !important;
}

/* Hamburger Menu Span Lines */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .letrinha-header__menu-button span:not([class*="text"]):not(#canvasPage):not(#canvasPage *) {
    background-color: #e0e0e0 !important;
}

/* Student fluency, English, and literacy assessments */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .content-wrapper:not(#canvasPage):not(#canvasPage *) {
    background: #121212 !important;
    background-color: #121212 !important;
    background-image: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-container,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card.card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card .card-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionSection,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .parchment,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reader-shell:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reader-toolbar:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .fluency-shell:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .fluency-container:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reward-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .feedback-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .drag-question-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-block,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-v2-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-choice-display,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-choice-options,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-stim,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-sideBtn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-mBtn {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-container {
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-header h2,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card h5,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card h6,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card .text-dark,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-prompt,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-v2-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-v2-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-choice-prompt,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .feedback-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .feedback-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .matching-helper-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-matching-instruction,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-sideLabel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-mText,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-letter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-doneText {
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card .text-muted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-header .text-muted,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .record-v2-instruction,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-doneSub {
    color: #a0a0a0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .quest-card .bg-light,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-text-display,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-v2-helper,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .drag-instruction,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-matching-helper-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-matching-info,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-counter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-advance,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-sideIcon,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-mIcon {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .boxed-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-choice-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .drag-token,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .drag-blank,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .word-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .drop-zone,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .matching-node,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .matching-left-node,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .matching-right-node {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .option-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .word-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .right-pill,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .match-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .drop-zone-placeholder,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-counter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-sep,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-ico,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-advance {
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-cyan {
    background: #12363b !important;
    background-color: #12363b !important;
    border-color: #1f6b75 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-pink {
    background: #3b1730 !important;
    background-color: #3b1730 !important;
    border-color: #7c2d5d !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-advanceIcon {
    background: #3a2b12 !important;
    background-color: #3a2b12 !important;
    border-color: #8a6416 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-color {
    border-color: #555555 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-power {
    background: #333333 !important;
    background-color: #333333 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-hr {
    background: #404040 !important;
    background-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .boxed-label:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .image-choice-label:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .drag-token:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .matching-right-node:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .word-item:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-sideBtn:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-mBtn:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .lx-advance:hover {
    background: #333333 !important;
    background-color: #333333 !important;
    border-color: #555555 !important;
}

/* Sticker album */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .album-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .coins-pill,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .select-wrap {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .page-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .coins-pill,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .coins-pill .coins-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .coins-pill .coins-value,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .select-head h3,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .select-wrap .hint,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .hint {
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .album-complete-banner,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .slot,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .slot.empty,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #revealModal .modal-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #revealModal .modal-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #viewerModal .modal-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #viewerModal .modal-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pack-open-modal,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .pack-open-surface {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .big-btn.gray,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #closeRevealBtn,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #closeViewerBtn {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .big-btn.gray:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #closeRevealBtn:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #closeViewerBtn:hover {
    background: #333333 !important;
    background-color: #333333 !important;
    border-color: #555555 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #packSelect .slider3d_wrap > * {
    background-color: #252525 !important;
    border-color: #404040 !important;
}

/* New descriptive activity / textual production */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-type-btn {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-type-btn:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-type-btn:focus {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
    border-color: var(--app-base-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-type-btn.active,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-type-btn.active:hover,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-type-btn.active:focus {
    background: var(--app-base-color) !important;
    background-color: var(--app-base-color) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: var(--app-base-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .step.active {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

/* Access card modals */
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__content {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .modal-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .modal-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .modal-footer {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__card-info,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__card-info strong,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__card-info .student-name,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__description,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__student-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__student-card * {
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__student-card {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__divider,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__divider {
    border-color: #404040 !important;
    opacity: 1 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .user-access-card-modal__button--cancel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .access-card-modal__button--secondary {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
    border-color: #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #userAccessCardModal .btn-close,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #printAccessCardModal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.4) !important;
}

/* Reading log */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .goal-progress-track {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card .text-black,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card .fw-semibold,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card .fs-4,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .report-shell > h5.text-black {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .goal-progress-track {
    border: 1px solid #404040 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .goal-progress-bar {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* New dissertative */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;
    border-color: #404040 !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display:hover {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    border-color: var(--app-base-color) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .step-content[data-step="2"] h4,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .step-content[data-step="2"] > .row h5[style*="color:black"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-form h5[style*="color:black"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-form h4[style*="color:black"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-form .question-number,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-form .form-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display .question-header h5,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display .question-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display .question-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display .question-text strong {
    color: #f3f4f6 !important;
    -webkit-text-fill-color: #f3f4f6 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-display *,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .review-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .review-card *,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-form input,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-form textarea,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .question-form select {
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .user-profile-photo-panel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .user-profile-photo-wrapper,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .image-preview-container,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .image-panel,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .media-preview-shell,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal [style*="background-color: white"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal [style*="background-color:#fff"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal [style*="background: white"],
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal [style*="background:#fff"] {
    background: var(--dark-theme-surface) !important;
    background-color: var(--dark-theme-surface) !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .page-loader,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .preview-placeholder,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #userProfileConfigModal .avatar-placeholder-text {
    color: var(--dark-theme-text-muted) !important;
    -webkit-text-fill-color: var(--dark-theme-text-muted) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .descriptive-report-page .pagination-container nav .d-flex > div,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .descriptive-report-page .pagination-container nav > div {
    background: transparent !important;
    background-color: transparent !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .descriptive-report-page .pagination .page-item .page-link {
    background: var(--dark-theme-surface-2) !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .descriptive-report-page .pagination .page-item.active .page-link {
    background: color-mix(in srgb, var(--app-base-color, #97d22f) 85%, black) !important;
    color: #ffffff !important;
    border-color: color-mix(in srgb, var(--app-base-color, #97d22f) 70%, #111111) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .descriptive-report-page .pagination .page-item:hover:not(.active):not(.disabled) .page-link {
    background: #333333 !important;
    color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .descriptive-report-page .pagination .page-item.disabled .page-link {
    background: #2a2a2a !important;
    color: #8c8c8c !important;
    border-color: #3a3a3a !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card *,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-audio-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-audio-card * {
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

/* New activities track details modal */
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal .modal-content,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal .modal-header,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal .modal-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal .modal-footer,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackInfoHeader,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #modalQuestionsContent {
    background: var(--dark-theme-surface) !important;
    background-color: var(--dark-theme-surface) !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal .modal-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal h5,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal h6,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal strong,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackInfoHeader,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #trackInfoHeader *,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #modalQuestionsContent,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #modalQuestionsContent p {
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #questionsModal .btn-close,
:root[data-bs-theme="dark"] body:not(.contrast-mode) #bnccModal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.4) !important;
    opacity: 0.85 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-question-card,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-structure-block,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-question-highlight,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-structure-empty,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-alt-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .tf-preview-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .blank-answer-item,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-feedback-box,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-bncc-row,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-question-media-box,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bncc-card {
    background: var(--dark-theme-surface-2) !important;
    background-color: var(--dark-theme-surface-2) !important;
    background-image: none !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
    box-shadow: none !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-alt-item.is-correct {
    background: color-mix(in srgb, #22c55e 14%, var(--dark-theme-surface-2)) !important;
    background-color: color-mix(in srgb, #22c55e 14%, var(--dark-theme-surface-2)) !important;
    border-color: color-mix(in srgb, #22c55e 55%, var(--dark-theme-border)) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-structure-chip,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-alt-letter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .tf-preview-index,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .blank-answer-index {
    background: var(--dark-theme-surface-3) !important;
    background-color: var(--dark-theme-surface-3) !important;
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-alt-item.is-correct .modal-alt-letter,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-alt-badge,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .tf-preview-value.is-true {
    background: #166534 !important;
    background-color: #166534 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .tf-preview-value.is-false {
    background: #7f1d1d !important;
    background-color: #7f1d1d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-structure-label,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-structure-title,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-structure-value,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-alt-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .tf-preview-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .blank-answer-text,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-order-list,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-order-list li,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-feedback-box,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-bncc-row {
    color: var(--dark-theme-text) !important;
    -webkit-text-fill-color: var(--dark-theme-text) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .table.table-bordered.table-black,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table.table-bordered.table-black thead,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table.table-bordered.table-black tbody,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table.table-bordered.table-black th,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .table.table-bordered.table-black td,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-match-table,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-match-table th,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-match-table td {
    background: var(--dark-theme-surface-2) !important;
    background-color: var(--dark-theme-surface-2) !important;
    color: var(--dark-theme-text) !important;
    -webkit-text-fill-color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .modal-match-table thead th {
    background: var(--dark-theme-surface-3) !important;
    background-color: var(--dark-theme-surface-3) !important;
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}



:root[data-bs-theme="dark"] body:not(.contrast-mode) #catalogTrackActiveLabel {
    color: var(--dark-theme-text-muted) !important;
    -webkit-text-fill-color: var(--dark-theme-text-muted) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .card-body,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .list-group,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .list-group-item {
    background: var(--dark-theme-surface) !important;
    background-color: var(--dark-theme-surface) !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .list-group-item.bg-light {
    background: var(--dark-theme-surface-2) !important;
    background-color: var(--dark-theme-surface-2) !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .list-group-item .flex-grow-1,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .list-group-item .flex-grow-1 *,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .card-body p,
:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .card-body strong {
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card .card-body .text-muted {
    color: var(--dark-theme-text-muted) !important;
    -webkit-text-fill-color: var(--dark-theme-text-muted) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitiGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-progressGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentProgress:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-bnccBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars-unique:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitySlopeChart:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-panel:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .overview-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .admin-dashboard-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.w-100.h-100.d-flex.flex-column:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.border-4.border-purple-200:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.overflow-hidden[style*="border: 4px solid"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.rounded-2xl.shadow-sm.border-gray-100:not(#canvasPage):not(#canvasPage *) {
    background: var(--dark-theme-surface) !important;
    background-color: var(--dark-theme-surface) !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-panel:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitiGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-progressGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentProgress:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-bnccBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars-unique:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitySlopeChart:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.w-100.h-100.d-flex.flex-column:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.border-4.border-purple-200:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.overflow-hidden[style*="border: 4px solid"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.rounded-2xl.shadow-sm.border-gray-100:not(#canvasPage):not(#canvasPage *) {
    border-radius: 1.5rem !important;
    overflow: hidden !important;
    border-width: 3px !important;
    border-style: solid !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentGraph > .container-default-inner-studentGraph:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentProgress > .container-default-inner-studentProgress:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-bnccBars > .container-default-inner-bnccBars:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars > .container-default-inner-activityBars:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars-unique > .container-default-inner-activityBars-unique:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitySlopeChart > .container-default-inner-activitySlopeChart:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.w-100.h-100.d-flex.flex-column > .bg-blue-50:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.border-4.border-purple-200 > .bg-blue-50:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.overflow-hidden[style*="border: 4px solid"] > .bg-blue-50:first-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.rounded-2xl.shadow-sm.border-gray-100 > .bg-blue-50:first-child:not(#canvasPage):not(#canvasPage *) {
    border-radius: 1.25rem 1.25rem 0 0 !important;
    background: color-mix(in srgb, var(--app-base-color) 10%, var(--dark-theme-surface-2)) !important;
    background-color: color-mix(in srgb, var(--app-base-color) 10%, var(--dark-theme-surface-2)) !important;
    border-bottom-color: color-mix(in srgb, var(--app-base-color) 32%, var(--dark-theme-border)) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-progressGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-studentGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-studentProgress:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-bnccBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-activityBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-activityBars-unique:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-activitySlopeChart:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.w-100.h-100.d-flex.flex-column > .p-6:last-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.overflow-hidden[style*="border: 4px solid"] > .p-6:last-child:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.rounded-2xl.shadow-sm.border-gray-100 > .p-6:last-child:not(#canvasPage):not(#canvasPage *) {
    border-radius: 0 0 1.25rem 1.25rem !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-header .title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitiGraph .bg-blue-50:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-inner-studentGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-inner-studentProgress:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-inner-bnccBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-inner-activityBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-inner-activityBars-unique:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-inner-activitySlopeChart:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-container-studentGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-container-studentProgress:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-progressGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-bnccBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-activitySlopeChart:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-activityBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .overview-number:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .overview-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .admin-dashboard-card__label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .admin-dashboard-card__value:not(#canvasPage):not(#canvasPage *) {
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .performance-card.top-schools-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .performance-card.worst-schools-card:not(#canvasPage):not(#canvasPage *) {
    border-radius: 1.5rem !important;
    overflow: hidden !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-schools-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-schools-body:not(#canvasPage):not(#canvasPage *) {
    border-radius: 0 0 1.25rem 1.25rem !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .library-book-card:not(#canvasPage):not(#canvasPage *) {
    border-radius: 20px !important;
    overflow: hidden !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .library-book-cover:not(#canvasPage):not(#canvasPage *) {
    border-radius: 17px 17px 0 0 !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .library-book-body:not(#canvasPage):not(#canvasPage *) {
    border-radius: 0 0 17px 17px !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-card:not(#canvasPage):not(#canvasPage *) {
    background: linear-gradient(145deg,
            color-mix(in srgb, var(--app-base-color) 7%, var(--dark-theme-surface)) 0%,
            var(--dark-theme-surface-2) 58%,
            color-mix(in srgb, var(--app-third-color) 4%, var(--dark-theme-surface)) 100%) !important;
    background-color: var(--dark-theme-surface-2) !important;
    color: var(--dark-theme-text) !important;
    border-color: color-mix(in srgb, var(--app-base-color) 42%, var(--dark-theme-border)) !important;
    border-width: 3px !important;
    border-style: solid !important;
    box-shadow: var(--dark-theme-panel-shadow) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-card:not(#canvasPage):not(#canvasPage *) {
    border-radius: 1.5rem !important;
    overflow: hidden !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-header:not(#canvasPage):not(#canvasPage *) {
    background: color-mix(in srgb, var(--app-base-color) 10%, var(--dark-theme-surface-2)) !important;
    background-color: color-mix(in srgb, var(--app-base-color) 10%, var(--dark-theme-surface-2)) !important;
    border-bottom-color: color-mix(in srgb, var(--app-base-color) 32%, var(--dark-theme-border)) !important;
    color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__header h1:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__header h2:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__header h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__header h4:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__header h5:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__header h6:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header h1:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header h2:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header h4:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header h5:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-header h6:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-header h1:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-header h2:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-header h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-header h4:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-header h5:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-header h6:not(#canvasPage):not(#canvasPage *) {
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-accent-card__body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-body:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .progress-track-content:not(#canvasPage):not(#canvasPage *) {
    background: transparent !important;
    color: var(--dark-theme-text) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .city-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-metric-box:not(#canvasPage):not(#canvasPage *) {
    background: var(--dark-theme-surface-2) !important;
    background-color: var(--dark-theme-surface-2) !important;
    border-color: var(--dark-theme-border) !important;
    color: var(--dark-theme-text) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-score-inner:not(#canvasPage):not(#canvasPage *) {
    background: var(--dark-theme-surface) !important;
    background-color: var(--dark-theme-surface) !important;
    border-color: var(--dark-theme-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars-unique:not(#canvasPage):not(#canvasPage *) {
    background: linear-gradient(145deg,
            color-mix(in srgb, var(--app-base-color) 7%, var(--dark-theme-surface)) 0%,
            var(--dark-theme-surface-2) 58%,
            color-mix(in srgb, var(--app-third-color) 4%, var(--dark-theme-surface)) 100%) !important;
    background-color: var(--dark-theme-surface-2) !important;
    border-color: color-mix(in srgb, var(--app-base-color) 42%, var(--dark-theme-border)) !important;
    box-shadow: var(--dark-theme-panel-shadow) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-progressGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentProgress:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-bnccBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitySlopeChart:not(#canvasPage):not(#canvasPage *) {
    background: linear-gradient(145deg,
            color-mix(in srgb, var(--app-base-color) 7%, var(--dark-theme-surface)) 0%,
            var(--dark-theme-surface-2) 58%,
            color-mix(in srgb, var(--app-third-color) 4%, var(--dark-theme-surface)) 100%) !important;
    background-color: var(--dark-theme-surface-2) !important;
    color: var(--dark-theme-text) !important;
    border-color: color-mix(in srgb, var(--app-base-color) 42%, var(--dark-theme-border)) !important;
    box-shadow: var(--dark-theme-panel-shadow) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-content-activityBars-unique:not(#canvasPage):not(#canvasPage *) {
    color: var(--dark-theme-text) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #nreMetricsWrapper .text-blue-700:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #nreMetricsWrapper .text-green-700:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #nreMetricsWrapper .text-yellow-700:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .grid.grid-cols-3.gap-4.text-center .text-blue-700:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .grid.grid-cols-3.gap-4.text-center .text-green-700:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .grid.grid-cols-3.gap-4.text-center .text-yellow-700:not(#canvasPage):not(#canvasPage *) {
    color: var(--dark-theme-text-muted) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) #nreMetricsWrapper .text-blue-800:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #nreMetricsWrapper .text-green-800:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) #nreMetricsWrapper .text-yellow-800:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .grid.grid-cols-3.gap-4.text-center .text-blue-800:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .grid.grid-cols-3.gap-4.text-center .text-green-800:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .grid.grid-cols-3.gap-4.text-center .text-yellow-800:not(#canvasPage):not(#canvasPage *) {
    color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .title-activityBars-unique:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .city-name:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .subject-performance-title:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card.dashboard-accent-card h3:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-label:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-value:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-value-small:not(#canvasPage):not(#canvasPage *) {
    color: var(--dark-theme-text-strong) !important;
    -webkit-text-fill-color: var(--dark-theme-text-strong) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-stat:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-stat:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .city-stat:not(#canvasPage):not(#canvasPage *) {
    color: var(--dark-theme-text-muted) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .subject-performance-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .subject-performance-content:not(#canvasPage):not(#canvasPage *) {
    background: transparent !important;
    color: var(--dark-theme-text) !important;
    border-color: var(--dark-theme-accent-border) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-grid .dashboard-card:not(#canvasPage):not(#canvasPage *) {
    background: linear-gradient(145deg,
            color-mix(in srgb, var(--app-base-color) 9%, var(--dark-theme-surface)) 0%,
            var(--dark-theme-surface-2) 62%,
            color-mix(in srgb, var(--app-third-color) 5%, var(--dark-theme-surface)) 100%) !important;
    background-color: var(--dark-theme-surface-2) !important;
    border-color: color-mix(in srgb, var(--app-base-color) 52%, #ffffff) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--app-base-color) 18%, transparent),
        0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

/* Subtle border accents on dashboard and card surfaces */
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitiGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-progressGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentGraph:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-studentProgress:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-bnccBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activityBars-unique:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .container-default-activitySlopeChart:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-widget-panel:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-cards > *:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .dashboard-cards-grid > *:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .performance-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-schools-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-schools-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neighborhoods-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neighborhoods-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .overview-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .admin-dashboard-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.w-100.h-100.d-flex.flex-column:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.overflow-hidden[style*="border: 4px solid"]:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .bg-white.rounded-2xl.shadow-sm.border-gray-100:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .school-item-worst:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-item:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-score-inner:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-metric-box:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .status-toolbar-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .assigned-track:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sensorama-track-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .activity-track-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .track-card .card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .institution-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .class-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .sub-summary-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .reading-audio-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .gamified-card:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .custom-card-hover:not(#canvasPage):not(#canvasPage *) {
    border-color: color-mix(in srgb, var(--app-base-color) 56%, var(--dark-theme-border)) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-base-color) 32%, transparent), 0 10px 24px rgba(0, 0, 0, 0.14) !important;
}

:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-schools-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-schools-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .top-neigh-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .worst-neigh-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .perf-header:not(#canvasPage):not(#canvasPage *),
:root[data-bs-theme="dark"] body:not(.contrast-mode) .custom-card-hover .border-top:not(#canvasPage):not(#canvasPage *) {
    border-color: var(--dark-theme-accent-border) !important;
}