/**
 * Aerial Dark Mode (Default)
 * Header/Footer: ALWAYS dark (not mode-dependent)
 * Content container: Dark mode styling
 */

/* ── CSS Custom Properties ─────────────────────────────── */
:root {
    /* Brand constants (never change) */
    --accent-green: #22C55E;
    --accent-green-dark: #16A34A;
    --accent-green-light: #4ADE80;
    --accent-purple: #E879F9;
    --accent-purple-dark: #D946EF;
    --glow-green: 0 0 20px rgba(34, 197, 94, 0.2);
    --glow-purple: 0 0 20px rgba(232, 121, 249, 0.2);

    /* Header/Footer constants (ALWAYS dark) */
    --hf-bg: #0F172A;
    --hf-bg-glass: rgba(15, 23, 42, 0.85);
    --hf-text: #F8FAFC;
    --hf-text-muted: rgba(248, 250, 252, 0.7);
    --hf-border: rgba(255, 255, 255, 0.1);
}

/* ── Content area variables (mode-dependent) ───────────── */
body.aerial-dark {
    --bg-primary: #0F172A;
    --bg-secondary: #1E293B;
    --bg-card: rgba(30, 41, 59, 0.6);
    --text-primary: #F8FAFC;
    --text-secondary: rgba(248, 250, 252, 0.7);
    --text-muted: rgba(248, 250, 252, 0.5);
    --border-subtle: rgba(255, 255, 255, 0.1);
    --input-bg: rgba(15, 23, 42, 0.6);
    --input-border: rgba(255, 255, 255, 0.12);
    --input-text: #F8FAFC;
    --link-color: #22C55E;
    --link-hover: #4ADE80;
}

/* ── Smooth transitions ────────────────────────────────── */
body.aerial-transitions-ready .site-content,
body.aerial-transitions-ready .site-content *,
body.aerial-transitions-ready .entry-content,
body.aerial-transitions-ready main {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* ══════════════════════════════════════════════════════════
   HEADER — ALWAYS DARK (not mode-dependent)
   ══════════════════════════════════════════════════════════ */

.ast-primary-header-bar,
.site-header,
#masthead,
.ast-primary-header,
.ast-above-header-wrap,
.ast-below-header-wrap {
    background: var(--hf-bg-glass) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid var(--hf-border) !important;
}

/* Header text/links */
.ast-primary-header-bar .site-title a,
.ast-primary-header-bar .site-title,
#masthead .site-title a {
    color: var(--hf-text) !important;
}

/* Navigation links — ALWAYS dark background */
.ast-header-break-point .ast-button-wrap .menu-toggle,
.main-header-menu > .menu-item > a,
.main-header-menu .menu-item a,
.ast-header-navigation a,
.ast-nav-menu a {
    color: var(--hf-text) !important;
}

.main-header-menu > .menu-item > a:hover,
.main-header-menu .menu-item a:hover,
.ast-header-navigation a:hover,
.ast-nav-menu a:hover {
    color: var(--accent-green) !important;
}

.main-header-menu > .menu-item.current-menu-item > a,
.main-header-menu .menu-item.current-menu-item a {
    color: var(--accent-purple) !important;
}

/* Mobile menu */
.ast-mobile-popup-content,
.ast-mobile-header-content,
.ast-mobile-popup-inner {
    background: var(--hf-bg) !important;
}

.ast-mobile-popup-content a,
.ast-mobile-header-content a {
    color: var(--hf-text) !important;
}
/* Fix: Override Astra default mobile menu UL background (#ast-hf-mobile-menu)
   Astra sets bg: rgb(249,249,249) on the UL, making white text invisible */
.ast-mobile-header-content,
.ast-mobile-popup-content,
.ast-mobile-popup-inner {
    color: var(--hf-text) !important;
}

#ast-hf-mobile-menu,
.ast-mobile-header-content .main-header-menu,
.ast-mobile-header-content .ast-nav-menu {
    background: var(--hf-bg) !important;
    background-color: var(--hf-bg) !important;
}

#ast-hf-mobile-menu > .menu-item {
    background: transparent !important;
}

#ast-hf-mobile-menu > .menu-item > a {
    color: var(--hf-text) !important;
}

#ast-hf-mobile-menu > .menu-item > a:hover {
    color: var(--accent-green) !important;
}

#ast-hf-mobile-menu > .menu-item.current-menu-item > a {
    color: var(--accent-purple) !important;
}


/* Logo glow */
.site-logo-img img,
.custom-logo {
    filter: drop-shadow(0 0 20px rgba(232, 121, 249, 0.3))
            drop-shadow(0 0 40px rgba(34, 197, 94, 0.15));
    max-height: 60px;
    width: auto;
}

/* ══════════════════════════════════════════════════════════
   FOOTER — ALWAYS DARK (not mode-dependent)
   ══════════════════════════════════════════════════════════ */

.site-footer,
.ast-footer-overlay,
.ast-small-footer,
.footer-adv,
.site-below-footer-wrap,
.site-above-footer-wrap,
.ast-footer-copyright {
    background: var(--hf-bg) !important;
    color: var(--hf-text-muted) !important;
    border-top: 1px solid var(--hf-border) !important;
}

.site-footer a,
.ast-small-footer a,
.ast-footer-copyright a {
    color: var(--hf-text-muted) !important;
}

.site-footer a:hover,
.ast-small-footer a:hover {
    color: var(--accent-green) !important;
}

/* ══════════════════════════════════════════════════════════
   CONTENT AREA — MODE-DEPENDENT (dark default)
   ══════════════════════════════════════════════════════════ */

body.aerial-dark {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Main content wrapper */
body.aerial-dark .site-content,
body.aerial-dark #content,
body.aerial-dark .ast-container,
body.aerial-dark .ast-separate-container,
body.aerial-dark .site-main {
    background-color: transparent !important;
    color: var(--text-primary) !important;
}

/* Page/post content */
body.aerial-dark .entry-content,
body.aerial-dark .page-content,
body.aerial-dark .ast-article-single,
body.aerial-dark .ast-article-post {
    background-color: transparent !important;
    color: var(--text-primary) !important;
}

/* Headings */
body.aerial-dark h1, body.aerial-dark h2, body.aerial-dark h3,
body.aerial-dark h4, body.aerial-dark h5, body.aerial-dark h6 {
    color: var(--text-primary) !important;
}

/* Paragraphs and text — scoped to avoid breaking Element Plus / FluentBoards internals */
body.aerial-dark .site-content > .ast-container p,
body.aerial-dark .entry-content > p,
body.aerial-dark .entry-content > ul > li,
body.aerial-dark .entry-content > ol > li,
body.aerial-dark .page-content > p,
body.aerial-dark .page-content > ul > li {
    color: var(--text-primary) !important;
}

/* Links */
body.aerial-dark a:not(.ast-nav-menu a):not(.main-header-menu a):not(.site-footer a) {
    color: var(--link-color);
}

body.aerial-dark a:not(.ast-nav-menu a):not(.main-header-menu a):not(.site-footer a):hover {
    color: var(--link-hover);
}

/* Cards / sections with backgrounds */
body.aerial-dark .wp-block-group.has-background,
body.aerial-dark .wp-block-cover {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
}

/* ── Buttons (green gradient, always) ──────────────────── */
body.aerial-dark .wp-block-button__link,
body.aerial-dark .wp-element-button,
body.aerial-dark .ast-custom-button,
body.aerial-dark button[type="submit"],
body.aerial-dark input[type="submit"],
body.aerial-dark .menu-toggle {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #0F172A !important;
    text-shadow: none !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3) !important;
}

body.aerial-dark .wp-block-button__link:hover,
body.aerial-dark .wp-element-button:hover,
body.aerial-dark button[type="submit"]:hover,
body.aerial-dark input[type="submit"]:hover {
    background: linear-gradient(135deg, #4ADE80 0%, #22C55E 100%) !important;
    box-shadow: 0 6px 25px rgba(34, 197, 94, 0.5),
                0 0 40px rgba(34, 197, 94, 0.2) !important;
    transform: translateY(-1px);
}

/* ── Form inputs ───────────────────────────────────────── */
body.aerial-dark input[type="text"],
body.aerial-dark input[type="email"],
body.aerial-dark input[type="password"],
body.aerial-dark input[type="tel"],
body.aerial-dark input[type="url"],
body.aerial-dark input[type="number"],
body.aerial-dark input[type="search"],
body.aerial-dark textarea,
body.aerial-dark select {
    background: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    border-radius: 8px !important;
    color: var(--input-text) !important;
    padding: 10px 14px !important;
}

body.aerial-dark input:focus,
body.aerial-dark textarea:focus,
body.aerial-dark select:focus {
    border-color: rgba(34, 197, 94, 0.5) !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.15),
                0 0 20px rgba(34, 197, 94, 0.1) !important;
    outline: none !important;
}

/* ── FluentForms styling ───────────────────────────────── */
body.aerial-dark .fluentform .ff-el-input--label label,
body.aerial-dark .fluentform .ff-el-group label {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fluentform .ff-el-input--content input,
body.aerial-dark .fluentform .ff-el-input--content textarea {
    background: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--input-text) !important;
    border-radius: 8px !important;
}

body.aerial-dark .fluentform .ff_submit_btn_wrapper button {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
    color: #0F172A !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ── Content top spacing (prevent overlap with fixed header) ── */
.site-content,
#content {
    padding-top: 120px !important;
}

/* ── Scrollbar ─────────────────────────────────────────── */
body.aerial-dark ::-webkit-scrollbar {
    width: 8px;
}
body.aerial-dark ::-webkit-scrollbar-track {
    background: #0F172A;
}
body.aerial-dark ::-webkit-scrollbar-thumb {
    background: #1E293B;
    border-radius: 4px;
}
body.aerial-dark ::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* ── Selection highlight ───────────────────────────────── */
body.aerial-dark ::selection {
    background: rgba(34, 197, 94, 0.3);
    color: #F8FAFC;
}

/* ══════════════════════════════════════════════════════════
   TOGGLE BUTTON (always visible, glassmorphism)
   ══════════════════════════════════════════════════════════ */

#aerial-theme-toggle {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99999;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F8FAFC;
    font-size: 22px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    padding: 0;
}

#aerial-theme-toggle:hover {
    box-shadow: 0 6px 25px rgba(34, 197, 94, 0.3),
                0 0 40px rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
    transform: translateY(-2px);
}

#aerial-theme-toggle:focus-visible {
    outline: 2px solid var(--accent-green);
    outline-offset: 3px;
}

/* ── Reduced motion ────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    body.aerial-transitions-ready .site-content,
    body.aerial-transitions-ready .site-content * {
        transition: none !important;
    }
}

/* ── Responsive ────────────────────────────────────────── */
@media (max-width: 921px) {
    .site-content,
    #content {
        padding-top: 100px !important;
    }

    #aerial-theme-toggle {
        bottom: 16px;
        right: 16px;
        width: 42px;
        height: 42px;
        font-size: 20px;
    }
}

.site-logo-img .custom-logo,
header .custom-logo-link img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
}
@media (max-width: 921px) {
    .site-logo-img .custom-logo,
    header .custom-logo-link img {
        width: 50px !important;
        height: 50px !important;
        max-width: 50px !important;
        max-height: 50px !important;
    }
}
@media (max-width: 544px) {
    .site-logo-img .custom-logo,
    header .custom-logo-link img {
        width: 40px !important;
        height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
    }
}

/* ===== Logo: Square Display + Hover Animation ===== */
.site-logo-img .custom-logo-link {
    display: inline-flex;
    align-items: center;
}
.site-logo-img .custom-logo,
header .custom-logo-link img {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
    filter: drop-shadow(0 0 15px rgba(232, 121, 249, 0.3))
            drop-shadow(0 0 30px rgba(34, 197, 94, 0.15));
    animation: logoFloat 6s ease-in-out infinite;
    transition: filter 0.4s ease, transform 0.4s ease;
}
.site-logo-img .custom-logo:hover,
header .custom-logo-link img:hover {
    filter: drop-shadow(0 0 25px rgba(232, 121, 249, 0.6))
            drop-shadow(0 0 50px rgba(34, 197, 94, 0.35));
    transform: scale(1.08);
    animation-play-state: paused;
}
@keyframes logoFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}
@media (max-width: 921px) {
    .site-logo-img .custom-logo,
    header .custom-logo-link img {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        max-height: 100px !important;
    }
}
@media (max-width: 544px) {
    .site-logo-img .custom-logo,
    header .custom-logo-link img {
        width: 80px !important;
        height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
    }
}


/* ── Content container bottom margin ── */
.site-content {
    margin-bottom: 100px;
}
@media (max-width: 768px) {
    .site-content {
        margin-bottom: 50px;
    }
}


/* ══════════════════════════════════════════════════════════
   FLUENTBOARDS — DARK MODE OVERRIDES
   Fixes contrast when body.aerial-dark is active
   ══════════════════════════════════════════════════════════ */

/* ── Main wrapper & app container ──────────────────────── */
body.aerial-dark .fluent_boards_frontend {
    color: var(--text-primary) !important;
    background-color: transparent !important;
}

body.aerial-dark .fluent_boards_frontend .fluentboards_databox,
body.aerial-dark .fluent_boards_frontend .fluent_boards-box {
    background-color: transparent !important;
}

/* ── Top navigation bar ────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items ul.fframe_menu li .fframe_menu_primary {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items ul.fframe_menu li .fframe_menu_primary:hover,
body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items ul.fframe_menu li.active_item a {
    background: rgba(34, 197, 94, 0.15) !important;
    color: var(--accent-green) !important;
}

/* Mobile menu */
body.aerial-dark .fluent_boards_frontend .fbs_small_screen_menu_items,
body.aerial-dark .fluent_boards_frontend .fframe_menu.fframe_menu_small_screen {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

body.aerial-dark .fluent_boards_frontend .fframe_handheld span {
    background: var(--text-primary) !important;
}

/* ── Board list / cards ────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap .fbs_board_card,
body.aerial-dark .fluent_boards_frontend .fbs-board-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_card:hover {
    border-color: rgba(34, 197, 94, 0.3) !important;
    box-shadow: var(--glow-green) !important;
}

/* ── Board title bar & actions ─────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_title_bar {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_title_bar h1,
body.aerial-dark .fluent_boards_frontend .fbs_board_title_bar h2,
body.aerial-dark .fluent_boards_frontend .fbs_board_title_bar h3 {
    color: var(--text-primary) !important;
}

/* ── Stage columns (Kanban view) ───────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_stage,
body.aerial-dark .fluent_boards_frontend .fbs_stage_box,
body.aerial-dark .fluent_boards_frontend .fbs_board_section {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_stage_title,
body.aerial-dark .fluent_boards_frontend .fbs_section_title {
    color: var(--text-primary) !important;
}

/* ── Task cards ────────────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_task_card,
body.aerial-dark .fluent_boards_frontend .fbs-task-card,
body.aerial-dark .fluent_boards_frontend .fbs_board_task {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_task_card:hover,
body.aerial-dark .fluent_boards_frontend .fbs-task-card:hover {
    border-color: rgba(34, 197, 94, 0.3) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

/* ── Table view ────────────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_section_table_view {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table {
    background: var(--bg-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table thead {
    background: rgba(15, 23, 42, 0.8) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table thead tr th {
    color: var(--text-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table tbody {
    background: var(--bg-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table tbody tr td {
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table tbody tr:hover {
    background: rgba(34, 197, 94, 0.05) !important;
}

body.aerial-dark .fbs_table th {
    background-color: rgba(15, 23, 42, 0.8) !important;
    color: var(--text-secondary) !important;
}

body.aerial-dark .fbs_table td,
body.aerial-dark .fbs_table th {
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fbs_table tr:hover {
    background-color: rgba(34, 197, 94, 0.05) !important;
}

body.aerial-dark table.fbs_horizontal_table {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    box-shadow: none !important;
}

body.aerial-dark table.fbs_horizontal_table tr td,
body.aerial-dark table.fbs_horizontal_table tr th {
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* ── Task detail drawer / modal ────────────────────────── */
body.aerial-dark .fbs_view_task_drawer.el-drawer,
body.aerial-dark .fbs_view_task_modal.el-dialog {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_view_task_modal.el-dialog .el-dialog__header {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fbs_view_task_drawer .fbs-task-details-wrap,
body.aerial-dark .fbs_view_task_modal .fbs-task-details-wrap {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-task-description-content {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-task-description-content h1,
body.aerial-dark .fbs-task-description-content h2,
body.aerial-dark .fbs-task-description-content h3,
body.aerial-dark .fbs-task-description-content h4,
body.aerial-dark .fbs-task-description-content p {
    color: var(--text-primary) !important;
}

/* Task sidebar */
body.aerial-dark .fbs-task-sidebar,
body.aerial-dark .fbs_side_items > li {
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_side_items > li .fbs_label {
    color: var(--text-secondary) !important;
}

/* ── Element Plus dialogs / popovers ───────────────────── */
body.aerial-dark .el-dialog,
body.aerial-dark .el-message-box {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .el-dialog .el-dialog__header,
body.aerial-dark .el-dialog .el-dialog__title {
    color: var(--text-primary) !important;
}

body.aerial-dark .el-dialog .el-dialog__body {
    color: var(--text-primary) !important;
}

body.aerial-dark .el-popover,
body.aerial-dark .el-popper {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .el-popover.fbs-task-add-popover-box {
    background: var(--bg-secondary) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}

body.aerial-dark .el-popover .fbs-task-sidebar-popover-box h4 {
    color: var(--text-primary) !important;
}

/* Element Plus inputs */
body.aerial-dark .el-input .el-input__wrapper,
body.aerial-dark .el-textarea .el-textarea__inner,
body.aerial-dark .el-select .el-select__wrapper {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
    box-shadow: none !important;
}

body.aerial-dark .el-input .el-input__inner,
body.aerial-dark .el-textarea .el-textarea__inner {
    color: var(--input-text) !important;
}

/* Element Plus dropdowns */
body.aerial-dark .el-dropdown-menu,
body.aerial-dark .el-select-dropdown {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .el-dropdown-menu__item,
body.aerial-dark .el-select-dropdown__item {
    color: var(--text-primary) !important;
}

body.aerial-dark .el-dropdown-menu__item:hover,
body.aerial-dark .el-select-dropdown__item.hover,
body.aerial-dark .el-select-dropdown__item:hover {
    background-color: rgba(34, 197, 94, 0.1) !important;
}

/* ── FluentBoards login form ───────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_login_form {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_login_form .fbs_login_form_heading {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_login_form #loginform label {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_login_form #loginform input:not([type=submit]):not([name=rememberme]) {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_login_form #loginform input[type=submit] {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
    color: #0F172A !important;
}

/* ── Reports / Dashboard ───────────────────────────────── */
body.aerial-dark .fbs_report .fbs-task-cart {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_report .fbs-task-cart .fbs-label {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fbs_report .fbs-task-cart .fbs-value {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_report .fbs-report-chart {
    background: var(--bg-secondary) !important;
}

body.aerial-dark .fbs_report .fbs-report-chart .fbs-chart-nav {
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fbs_report .fbs-report-chart .fbs-chart-nav h4 {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_report h3 {
    color: var(--text-primary) !important;
}

/* ── Activity history ──────────────────────────────────── */
body.aerial-dark .fbs_activity-history li .fbs_board_activity_content {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_activity-history .fbs-activities-top h4 {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_activity-history .fbs_activity-time {
    color: var(--text-muted) !important;
}

/* ── Comments ──────────────────────────────────────────── */
body.aerial-dark .fbs-task-comments .fbs-comment-item {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* ── Notifications ─────────────────────────────────────── */
body.aerial-dark .el-notification {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .el-notification__title {
    color: var(--text-primary) !important;
}

body.aerial-dark .el-notification__content {
    color: var(--text-secondary) !important;
}

/* ── Configure tabs modal ──────────────────────────────── */
body.aerial-dark .el-dialog.fbs_configure_tabs_modal {
    background: var(--bg-primary) !important;
}

body.aerial-dark .el-dialog.fbs_configure_tabs_modal .el-dialog__header {
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .el-dialog.fbs_configure_tabs_modal .el-dialog__body .fbs_task_config_item {
    background-color: var(--bg-secondary) !important;
}

body.aerial-dark .el-dialog.fbs_configure_tabs_modal .el-dialog__body .fbs_task_config_item:hover {
    background-color: rgba(34, 197, 94, 0.1) !important;
}

body.aerial-dark .el-dialog.fbs_configure_tabs_modal .el-dialog__footer {
    border-color: var(--border-subtle) !important;
}

/* ── Settings & permissions drawer ─────────────────────── */
body.aerial-dark .el-drawer.fbs-manage-user-permission-drawer .el-drawer__header {
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .el-drawer.fbs-manage-user-permission-drawer .el-drawer__body .fbs-permission-drawer {
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .el-drawer.fbs-manage-user-permission-drawer .fbs-permission-author {
    background: var(--bg-secondary) !important;
}

body.aerial-dark .el-drawer.fbs-manage-user-permission-drawer .fbs-permission-author .author-name {
    color: var(--text-primary) !important;
}

body.aerial-dark .el-drawer.fbs-manage-user-permission-drawer .fbs-permission-author .author-email {
    color: var(--text-secondary) !important;
}

/* ══════════════════════════════════════════════════════════
   ASS PORTAL EXTENSIONS — DARK MODE
   ══════════════════════════════════════════════════════════ */

/* ── User Directory ────────────────────────────────────── */
body.aerial-dark .ass-user-directory {
    color: var(--text-primary) !important;
}

body.aerial-dark .ass-user-directory .ass-user-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .ass-user-directory .ass-user-card:hover {
    border-color: rgba(34, 197, 94, 0.3) !important;
}

body.aerial-dark .ass-user-filters select,
body.aerial-dark .ass-user-filters input {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

/* ── Media Gallery ─────────────────────────────────────── */
body.aerial-dark .ass-media-gallery {
    color: var(--text-primary) !important;
}

body.aerial-dark .ass-media-gallery .ass-media-item {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
}

body.aerial-dark .ass-media-upload-zone {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-secondary) !important;
}

/* ── Dashboard Widget ──────────────────────────────────── */
body.aerial-dark .ass-dashboard-widget {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .ass-dashboard-card {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
}

body.aerial-dark .ass-dashboard-card h3,
body.aerial-dark .ass-dashboard-card .ass-stat-value {
    color: var(--text-primary) !important;
}

body.aerial-dark .ass-dashboard-card .ass-stat-label {
    color: var(--text-secondary) !important;
}

/* ── Toasts / notifications (our plugin) ───────────────── */
body.aerial-dark .ass-toast {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* ── General fix: any remaining white bg in content area ─ */
body.aerial-dark .site-content .wp-block-group,
body.aerial-dark .site-content .entry-content > div {
    color: var(--text-primary) !important;
}

/* ── Quick search dialog ───────────────────────────────── */
body.aerial-dark .el-overlay.fbs-quick-search-dialog .el-dialog {
    background: var(--bg-primary) !important;
}

body.aerial-dark .fbs-quick-search-results li .fbs-quick-search-results-item {
    background: var(--bg-secondary) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-quick-search-results li .fbs-quick-search-results-item:hover {
    background-color: rgba(34, 197, 94, 0.1) !important;
}

body.aerial-dark .fbs-quick-search-results li .fbs-item-board {
    color: var(--text-muted) !important;
}

/* ── Board description modal ───────────────────────────── */
body.aerial-dark .el-overlay .fbs_view_description_modal .fbs_view_description_board_infos {
    background: var(--bg-secondary) !important;
}

body.aerial-dark .el-overlay .fbs_view_description_modal .fbs_view_description_board_infos h4 {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_view_description_board_info_lists li span.fbs-label {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fbs_view_description_board_info_lists li span.sub {
    color: var(--text-primary) !important;
}

/* ── Priority labels — keep their accent colors ────────── */
body.aerial-dark .fbs-task-priority-label {
    background-color: rgba(30, 41, 59, 0.6) !important;
    color: var(--text-secondary) !important;
}

/* ── Board add drawer ──────────────────────────────────── */
body.aerial-dark .fbs_global_add_drawer {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_global_add_drawer .fbs-title {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_global_add_drawer .fbs_global_add_drawer_menu {
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fbs_global_add_drawer .fbs_global_add_tab {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_global_add_drawer .fbs_global_add_tab_active {
    background-color: var(--bg-secondary) !important;
    color: var(--accent-green) !important;
}


/* ══════════════════════════════════════════════════════════
   FIX: Dark backgrounds for Dashboard / Boards / Settings
   tab content areas (2026-02-26)
   ══════════════════════════════════════════════════════════ */

/* ── Global content wrapper — catch-all for tab content ── */
body.aerial-dark .fluent_boards_frontend .fframe_app {
    background: transparent !important;
    color: var(--text-primary) !important;
}

/* ── Dashboard (Boards list) tab ───────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap h2,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap h3,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap p {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_card .fbs-board-title,
body.aerial-dark .fluent_boards_frontend .fbs-board-card .fbs-board-title {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_card p,
body.aerial-dark .fluent_boards_frontend .fbs-board-card p {
    color: var(--text-secondary) !important;
}

/* Empty states */
body.aerial-dark .fluent_boards_frontend .el-empty {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .el-empty__description p {
    color: var(--text-secondary) !important;
}

/* ── Settings tab ──────────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_welcome-settings {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_welcome-settings .left-sidebar {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_settings_sidebar {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_settings_sidebar a,
body.aerial-dark .fluent_boards_frontend .fbs_settings_sidebar li {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_settings_sidebar a:hover,
body.aerial-dark .fluent_boards_frontend .fbs_settings_sidebar li.active a {
    color: var(--accent-green) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_settings_description {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_settings_description_header {
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_settings_description h3,
body.aerial-dark .fluent_boards_frontend .fbs_settings_description h4,
body.aerial-dark .fluent_boards_frontend .fbs_settings_description label {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_settings_description p,
body.aerial-dark .fluent_boards_frontend .fbs_settings_description span {
    color: var(--text-secondary) !important;
}

/* Settings member list */
body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-member-name-email {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-member-name-email p {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-member-links-item {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-settings_members_role {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-settings_global_banner_left,
body.aerial-dark .fluent_boards_frontend .fbs-settings_global_banner_right {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-settings_global_banner_search input {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

/* Settings share/notification buttons */
body.aerial-dark .fluent_boards_frontend .fbs-settings-share-notification-button-container button {
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

/* ── Boards tab (inside a board) ───────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_section_container {
    color: var(--text-primary) !important;
}

/* Kanban column headers */
body.aerial-dark .fluent_boards_frontend .fbs_board_section__header {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_section__header h3,
body.aerial-dark .fluent_boards_frontend .fbs_board_section__header span {
    color: var(--text-primary) !important;
}

/* Board title bar inside board view */
body.aerial-dark .fluent_boards_frontend .fbs_board_title_bar .fbs-boards-actions button {
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

/* Add stage box */
body.aerial-dark .fluent_boards_frontend .fbs_add_stage_box input {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

/* ── My Profile section ────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs-my-profile {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-my-profile .fbs-my-profile-left-sidebar {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-my-profile .fbs-my-profile-right-sidebar {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-my-profile .fbs-member-tab-lists li {
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

/* ── Notification panel ────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs-notification-actions .fbs-switch-btn {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-notification-actions .fbs-switch-btn:hover,
body.aerial-dark .fluent_boards_frontend .fbs-notification-actions .fbs-active {
    color: var(--accent-green) !important;
}

/* ── Element Plus components inside FluentBoards ───────── */
body.aerial-dark .fluent_boards_frontend .el-checkbox__label {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .el-switch__label {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .el-form-item__label {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .el-radio__label {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .el-button--default {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .el-button--default:hover {
    border-color: var(--accent-green) !important;
    color: var(--accent-green) !important;
}

/* ── Side items / labels universal fix ─────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_side_items > li {
    border-color: var(--border-subtle) !important;
}

/* ── Filter sidebar ────────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_filters_sidebar {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* ── Inline add task ───────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_task_add .fbs_inline_add_wrap {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_task_add input {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
}

/* ── Pro feature badges ────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs-pro-feature {
    color: var(--text-secondary) !important;
}


/* ── Portal login form (non-logged-in, outside .fluent_boards_frontend) ── */
body.aerial-dark .fbs_login_form {
    background: rgba(30, 41, 59, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    color: #e2e8f0 !important;
    padding: 2rem !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

body.aerial-dark .fbs_login_form .fbs_login_form_heading {
    color: #e2e8f0 !important;
}

body.aerial-dark .fbs_login_form #loginform label {
    color: #cbd5e1 !important;
}

body.aerial-dark .fbs_login_form #loginform input:not([type=submit]):not([type=checkbox]) {
    background: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
    border-radius: 6px !important;
}

body.aerial-dark .fbs_login_form #loginform input:not([type=submit]):not([type=checkbox]):focus {
    border-color: #22C55E !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2) !important;
}

body.aerial-dark .fbs_login_form #loginform input[type=submit] {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
    color: #0F172A !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

body.aerial-dark .fbs_login_form #loginform input[type=submit]:hover {
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.3) !important;
}

body.aerial-dark .fbs_login_form .login-remember label {
    color: #94a3b8 !important;
}


/* ══════════════════════════════════════════════════════════
   FIX #86: Unify portal container colors — FluentBoards
   tasks wrapper aligned with dashboard widget styling
   (2026-02-27)
   ══════════════════════════════════════════════════════════ */

/* ── Tasks wrapper main container ──────────────────────── */
body.aerial-dark .fluent_boards_frontend #fbs_tasks_wrapper {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 12px !important;
    color: var(--text-primary) !important;
    padding: 16px !important;
    margin-top: 16px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* ── FluentBoards databox ──────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fluentboards_databox {
    background: transparent !important;
    color: var(--text-primary) !important;
}

/* ── Board section container (kanban columns area) ─────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_section_container {
    background: transparent !important;
}

/* ── Kanban column wrappers ────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_view__section_board {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 10px !important;
}

/* -- Narrower Kanban stage columns (Issue #114) -- */
.fluent_boards_frontend .fbs_board_view__section_board {
    min-width: 180px !important;
    max-width: 220px !important;
    width: 200px !important;
    flex-shrink: 0;
}
.fluent_boards_frontend .fbs_board_section_container {
    gap: 8px !important;
}
/* Ensure task cards fit within narrower columns */
.fluent_boards_frontend .fbs_board_view__section_board .fbs_task_card {
    font-size: 13px !important;
}


/* ── Task cards in kanban ──────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_task_card,
body.aerial-dark .fluent_boards_frontend .fbs_board_section__task_list_cover {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_task_card:hover {
    border-color: rgba(34, 197, 94, 0.4) !important;
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.1) !important;
}

/* ── Task card text — targeted, not wildcard ───────────── */
body.aerial-dark .fluent_boards_frontend .fbs_task_card > .fbs-task-title,
body.aerial-dark .fluent_boards_frontend .fbs_task_card .fbs-task-card-title,
body.aerial-dark .fluent_boards_frontend .fbs_task_card > span:not(.el-tag):not([class*="el-"]) {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_task_card .fbs-task-priority-label {
    background-color: rgba(30, 41, 59, 0.6) !important;
}

/* ── Table view ───────────────────────────────────────��── */
body.aerial-dark .fluent_boards_frontend .fbs_board_section_table_view {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 10px !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table {
    background: transparent !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table thead {
    background: var(--bg-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table thead th {
    color: var(--text-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table tbody {
    background: var(--bg-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table tbody td {
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table tr {
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_tasks_table tr:hover {
    background: rgba(34, 197, 94, 0.05) !important;
}

/* ── Menu bar inside FluentBoards ──────────────────────── */
body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    border-radius: 10px 10px 0 0 !important;
}

body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items .fframe_menu_primary {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items .fframe_menu_primary:hover,
body.aerial-dark .fluent_boards_frontend .fframe_main-menu-items li.active_item .fframe_menu_primary {
    color: var(--accent-green) !important;
    background: rgba(34, 197, 94, 0.1) !important;
}

/* ── Board cards in boards list ────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_card,
body.aerial-dark .fluent_boards_frontend .fbs-board-card {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 10px !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_card:hover,
body.aerial-dark .fluent_boards_frontend .fbs-board-card:hover {
    border-color: rgba(34, 197, 94, 0.3) !important;
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.08) !important;
}

/* ── Report area cards ─────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs-task-cart {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 10px !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-task-cart .fbs-label {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-task-cart .fbs-value {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-report-chart {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 10px !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-report-chart .fbs-chart-nav {
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-report-chart .fbs-chart-nav h4 {
    color: var(--text-primary) !important;
}

/* ── Stage headers ─────────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_section__header {
    background: transparent !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_section__header h3 {
    color: var(--text-primary) !important;
}

/* ── Board title bar ───────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_title_bar {
    color: var(--text-primary) !important;
}

/* ── Status blocks in table ────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_status_block {
    background: var(--bg-primary) !important;
    color: var(--text-secondary) !important;
}

/* Keep colored status variants */
body.aerial-dark .fluent_boards_frontend .fbs_status_block.fbs_status_block_in_progress {
    background: rgba(245, 142, 7, 0.15) !important;
    color: #F5A623 !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_status_block.fbs_status_block_completed {
    background: rgba(34, 197, 94, 0.15) !important;
    color: var(--accent-green) !important;
}

/* ── Inline add task area ──────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_board_task_add .fbs_inline_add_wrap {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_task_add input {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
}

/* ── Small screen menu ─────────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fbs_small_screen_menu_items,
body.aerial-dark .fluent_boards_frontend .fframe_menu.fbs_small_screen_menu_items {
    background: var(--bg-primary) !important;
    border-color: var(--border-subtle) !important;
    box-shadow: -5px 6px 14px rgba(0, 0, 0, 0.4) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_small_screen_menu_items .fframe_menu_primary {
    color: var(--text-primary) !important;
}

/* ── Hamburger menu bars ───────────────────────────────── */
body.aerial-dark .fluent_boards_frontend .fframe_handheld span {
    background: var(--text-primary) !important;
}

/* ── Task details drawer / modal ───────────────────────── */
body.aerial-dark .fbs_view_task_drawer.el-drawer .el-drawer__body {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs_view_task_modal.el-dialog .el-dialog__header {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* ── Task details sidebar items ────────────────────────── */
body.aerial-dark .fbs_side_items > li .fbs_label {
    color: var(--text-secondary) !important;
}

/* ── Tooltip fix (Settings > General Settings) ─────────── */
body.aerial-dark .el-popper.is-light {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .el-popper.is-light .el-popper__arrow::before {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .el-popper.is-dark {
    background: var(--bg-primary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .el-popper.is-dark .el-popper__arrow::before {
    background: var(--bg-primary) !important;
    border-color: var(--border-subtle) !important;
}


/* ══════════════════════════════════════════════════════════
   ELEMENT PLUS — COMPREHENSIVE DARK MODE OVERRIDES
   Fixes black-box rendering of dates, tags, selects, etc.
   (2026-02-27)
   ══════════════════════════════════════════════════════════ */

/* ── el-tag (priority labels, stage labels, status badges) ── */
body.aerial-dark .el-tag {
    --el-tag-bg-color: rgba(30, 41, 59, 0.8) !important;
    --el-tag-border-color: var(--border-subtle) !important;
    --el-tag-text-color: var(--text-primary) !important;
}
body.aerial-dark .el-tag--success { --el-tag-bg-color: rgba(34, 197, 94, 0.15) !important; --el-tag-text-color: #4ADE80 !important; --el-tag-border-color: rgba(34, 197, 94, 0.3) !important; }
body.aerial-dark .el-tag--warning { --el-tag-bg-color: rgba(245, 158, 11, 0.15) !important; --el-tag-text-color: #FBBF24 !important; --el-tag-border-color: rgba(245, 158, 11, 0.3) !important; }
body.aerial-dark .el-tag--danger  { --el-tag-bg-color: rgba(239, 68, 68, 0.15) !important; --el-tag-text-color: #F87171 !important; --el-tag-border-color: rgba(239, 68, 68, 0.3) !important; }
body.aerial-dark .el-tag--info    { --el-tag-bg-color: rgba(100, 116, 139, 0.2) !important; --el-tag-text-color: #94A3B8 !important; --el-tag-border-color: rgba(100, 116, 139, 0.3) !important; }
body.aerial-dark .el-tag--primary { --el-tag-bg-color: rgba(59, 130, 246, 0.15) !important; --el-tag-text-color: #60A5FA !important; --el-tag-border-color: rgba(59, 130, 246, 0.3) !important; }

/* ── el-date-editor / date-picker ──────────────────────── */
body.aerial-dark .el-date-editor,
body.aerial-dark .el-date-editor .el-input__wrapper {
    background-color: var(--input-bg) !important;
    box-shadow: 0 0 0 1px var(--input-border) !important;
}
body.aerial-dark .el-date-editor .el-input__inner,
body.aerial-dark .el-date-editor .el-input__prefix .el-icon,
body.aerial-dark .el-date-editor .el-input__suffix .el-icon {
    color: var(--text-primary) !important;
}

/* Date picker popup panel */
body.aerial-dark .el-picker-panel,
body.aerial-dark .el-date-picker {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}
body.aerial-dark .el-picker-panel__body,
body.aerial-dark .el-date-picker__header,
body.aerial-dark .el-date-table th,
body.aerial-dark .el-date-table td .el-date-table-cell__text {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-date-table td.today .el-date-table-cell__text {
    color: var(--accent-green) !important;
}
body.aerial-dark .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--accent-green) !important;
    color: #0F172A !important;
}

/* ── el-select / dropdown ──────────────────────────────── */
body.aerial-dark .el-select .el-select__wrapper {
    background-color: var(--input-bg) !important;
    box-shadow: 0 0 0 1px var(--input-border) !important;
}
body.aerial-dark .el-select .el-select__selected-item,
body.aerial-dark .el-select .el-select__placeholder,
body.aerial-dark .el-select .el-select__input {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-select .el-select__suffix .el-icon {
    color: var(--text-secondary) !important;
}

/* Select dropdown panel */
body.aerial-dark .el-select-dropdown,
body.aerial-dark .el-select-dropdown__wrap {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}
body.aerial-dark .el-select-dropdown__item {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-select-dropdown__item.is-hovering,
body.aerial-dark .el-select-dropdown__item:hover {
    background-color: rgba(34, 197, 94, 0.1) !important;
}
body.aerial-dark .el-select-dropdown__item.is-selected {
    color: var(--accent-green) !important;
    font-weight: 700;
}
body.aerial-dark .el-scrollbar__view.el-select-dropdown__list {
    background-color: var(--bg-secondary) !important;
}

/* ── el-input (all variants) ───────────────────────────── */
body.aerial-dark .el-input__wrapper {
    background-color: var(--input-bg) !important;
    box-shadow: 0 0 0 1px var(--input-border) !important;
}
body.aerial-dark .el-input__inner {
    color: var(--input-text) !important;
    --el-input-text-color: var(--input-text) !important;
}
body.aerial-dark .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.5) !important;
}
body.aerial-dark .el-input .el-input__prefix .el-icon,
body.aerial-dark .el-input .el-input__suffix .el-icon {
    color: var(--text-secondary) !important;
}

/* ── el-textarea ───────────────────────────────────────── */
body.aerial-dark .el-textarea__inner {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
    box-shadow: none !important;
}

/* ── el-button variants ────────────────────────────────── */
body.aerial-dark .el-button {
    --el-button-bg-color: var(--bg-secondary) !important;
    --el-button-border-color: var(--border-subtle) !important;
    --el-button-text-color: var(--text-primary) !important;
    --el-button-hover-bg-color: rgba(34, 197, 94, 0.1) !important;
    --el-button-hover-border-color: var(--accent-green) !important;
    --el-button-hover-text-color: var(--accent-green) !important;
}
body.aerial-dark .el-button--primary {
    --el-button-bg-color: var(--accent-green) !important;
    --el-button-border-color: var(--accent-green) !important;
    --el-button-text-color: #0F172A !important;
}

/* ── el-dialog / el-drawer ─────────────────────────────── */
body.aerial-dark .el-dialog,
body.aerial-dark .el-drawer {
    --el-dialog-bg-color: var(--bg-primary) !important;
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}
body.aerial-dark .el-dialog__header,
body.aerial-dark .el-drawer__header {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-dialog__title,
body.aerial-dark .el-drawer__title {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-dialog__body,
body.aerial-dark .el-drawer__body {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-dialog__headerbtn .el-dialog__close,
body.aerial-dark .el-drawer__close-btn .el-icon {
    color: var(--text-secondary) !important;
}

/* ── el-popover / el-popper ────────────────────────────── */
body.aerial-dark .el-popper,
body.aerial-dark .el-popover {
    --el-popover-bg-color: var(--bg-secondary) !important;
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}
body.aerial-dark .el-popper__arrow::before {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* ── el-dropdown-menu ──────────────────────────────────── */
body.aerial-dark .el-dropdown-menu {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}
body.aerial-dark .el-dropdown-menu__item {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-dropdown-menu__item:not(.is-disabled):hover,
body.aerial-dark .el-dropdown-menu__item:not(.is-disabled):focus {
    background-color: rgba(34, 197, 94, 0.1) !important;
    color: var(--accent-green) !important;
}
body.aerial-dark .el-dropdown-menu__item--divided::before {
    background-color: var(--border-subtle) !important;
}

/* ── el-message-box ────────────────────────────────────── */
body.aerial-dark .el-message-box {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}
body.aerial-dark .el-message-box__title {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-message-box__content {
    color: var(--text-secondary) !important;
}

/* ── el-tooltip ────────────────────────────────────────── */
body.aerial-dark .el-tooltip__popper.is-dark {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-subtle) !important;
}
body.aerial-dark .el-tooltip__popper.is-light {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-subtle) !important;
}

/* ── el-switch ─────────────────────────────────────────── */
body.aerial-dark .el-switch__label {
    color: var(--text-primary) !important;
}

/* ── el-checkbox / el-radio ────────────────────────────── */
body.aerial-dark .el-checkbox__label,
body.aerial-dark .el-radio__label {
    color: var(--text-primary) !important;
}

/* ── el-form ───────────────────────────────────────────── */
body.aerial-dark .el-form-item__label {
    color: var(--text-primary) !important;
}
body.aerial-dark .el-form-item__error {
    color: #F87171 !important;
}

/* ── el-loading ──────────────────────���─────────────────── */
body.aerial-dark .el-loading-mask {
    background-color: rgba(15, 23, 42, 0.8) !important;
}
body.aerial-dark .el-loading-text {
    color: var(--text-primary) !important;
}

/* ── el-empty ──────────────────────────────────────────── */
body.aerial-dark .el-empty__description {
    color: var(--text-secondary) !important;
}

/* ── el-scrollbar (FluentBoards uses in dropdowns) ─────── */
body.aerial-dark .el-scrollbar__bar.is-vertical .el-scrollbar__thumb,
body.aerial-dark .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb {
    background-color: rgba(248, 250, 252, 0.15) !important;
}

/* ── FluentBoards-specific: stage column header color badges ── */
body.aerial-dark .fluent_boards_frontend .fbs_board_section__header {
    background: transparent !important;
}
body.aerial-dark .fluent_boards_frontend .fbs_board_section__header h3,
body.aerial-dark .fluent_boards_frontend .fbs_board_section__header .fbs_section_title {
    color: var(--text-primary) !important;
}

/* ── FluentBoards context menu (right-click on task) ───── */
body.aerial-dark .fluent_boards_frontend .fbs-task-context-menu,
body.aerial-dark .fluent_boards_frontend .fbs_board_task_options {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}
body.aerial-dark .fluent_boards_frontend .fbs-task-context-menu li,
body.aerial-dark .fluent_boards_frontend .fbs_board_task_options a,
body.aerial-dark .fluent_boards_frontend .fbs_board_task_options li {
    color: var(--text-primary) !important;
}
body.aerial-dark .fluent_boards_frontend .fbs-task-context-menu li:hover,
body.aerial-dark .fluent_boards_frontend .fbs_board_task_options li:hover {
    background: rgba(34, 197, 94, 0.1) !important;
}

/* ── FluentBoards: Priority labels preserve their own colors ── */
body.aerial-dark .fluent_boards_frontend .fbs-task-priority-label {
    /* Let FluentBoards own priority colors show through */
    background-color: unset !important;
}


/* ══════════════════════════════════════════════════════════
   FIX #103: Settings > Members Role — force light bg in dark mode
   The member list cards have dark text that becomes unreadable.
   Keep light background for the members area regardless of theme.
   (2026-02-27)
   ══════════════════════════════════════════════════════════ */

body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box .fbs-member-name-email,
body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box .fbs-member-name-email span,
body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box .fbs-member-name-email h4,
body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box .fbs-member-name-email a {
    color: #1a1a2e !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box .fbs-member-name-email p {
    color: #555 !important;
}

/* Role badge and manage button in member rows — keep readable */
body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box .fbs-settings_members_role {
    color: #333 !important;
}

body.aerial-dark .fluent_boards_frontend .fbs-setting-members-list .fbs-setting-member-box .fbs-member-links-item {
    color: #444 !important;
}

/* The settings banner row (Members Role header with search + Add Member) */
body.aerial-dark .fluent_boards_frontend .fbs-settings_global_banner {
    color: var(--text-primary) !important;
}


/* ══════════════════════════════════════════════════════════
   FIX #109: Recently Opened + My Jobs — dark mode text invisible
   FluentBoards Dashboard section text disappears because the
   bg doesn't change but text goes dark. Force text to stay
   light-colored in dark mode for these sections.
   (2026-02-27)
   ══════════════════════════════════════════════════════════ */

/* Recently Opened heading */
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap .fbs_boards_section_title,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap .fbs-section-title,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap > h2,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap > h3,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap > div > h2,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap > div > h3 {
    color: var(--text-primary) !important;
}

/* Board card titles and descriptions in Recently Opened */
body.aerial-dark .fluent_boards_frontend .fbs_board_card .fbs-board-title,
body.aerial-dark .fluent_boards_frontend .fbs_board_card h3,
body.aerial-dark .fluent_boards_frontend .fbs_board_card h4,
body.aerial-dark .fluent_boards_frontend .fbs_board_card span:not(.el-tag):not([class*="el-"]) {
    color: var(--text-primary) !important;
}

body.aerial-dark .fluent_boards_frontend .fbs_board_card p,
body.aerial-dark .fluent_boards_frontend .fbs_board_card .fbs-board-description {
    color: var(--text-secondary) !important;
}

/* My Jobs section header */
body.aerial-dark .fluent_boards_frontend .fbs-my-tasks-section h2,
body.aerial-dark .fluent_boards_frontend .fbs-my-tasks-section h3,
body.aerial-dark .fluent_boards_frontend #fbs_tasks_wrapper h2,
body.aerial-dark .fluent_boards_frontend #fbs_tasks_wrapper h3 {
    color: var(--text-primary) !important;
}

/* My Jobs tab navigation */
body.aerial-dark .fluent_boards_frontend .fbs-my-tasks-section .fbs-my-tasks-tab,
body.aerial-dark .fluent_boards_frontend .fbs-my-tasks-tab-nav a,
body.aerial-dark .fluent_boards_frontend .fbs-my-tasks-tab-nav span {
    color: var(--text-primary) !important;
}

/* Configure Tabs button text */
body.aerial-dark .fluent_boards_frontend .fbs-my-tasks-section button,
body.aerial-dark .fluent_boards_frontend .fbs-configure-tabs-btn {
    color: var(--text-primary) !important;
}

/* PINNED dropdown text */
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap .fbs-board-filter,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap .fbs-board-filter span,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap .fbs-filter-btn {
    color: var(--text-primary) !important;
}

/* + Add Organization button */
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap .fbs-add-board-btn,
body.aerial-dark .fluent_boards_frontend .fbs_boards_list_wrap button[class*="add"] {
    color: var(--text-primary) !important;
}

/* Board card member count / stats text */
body.aerial-dark .fluent_boards_frontend .fbs_board_card .fbs-board-meta,
body.aerial-dark .fluent_boards_frontend .fbs_board_card .fbs-board-stats {
    color: var(--text-secondary) !important;
}


/* ═══════════════════════════════════════════════════════════
   ISSUE #110: FluentBoards member card dark background
   ═══════════════════════════════════════════════════════════ */
body.aerial-dark div.fbs-member-card,
body.aerial-dark .fbs-member-card,
body.aerial-dark .fluent_boards_frontend .fbs-member-card {
    background: var(--bg-secondary, #1E293B) !important;
    border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #F8FAFC) !important;
}
body.aerial-dark .fbs-member-card * {
    color: var(--text-primary, #F8FAFC) !important;
}

/* ═══════════════════════════════════════════════════════════
   ISSUE #111: FluentBoards selectedTab darker background
   ═══════════════════════════════════════════════════════════ */
body.aerial-dark li.selectedTab,
body.aerial-dark .selectedTab,
body.aerial-dark .fluent_boards_frontend li.selectedTab,
body.aerial-dark .fluent_boards_frontend .selectedTab {
    background: rgba(34, 197, 94, 0.15) !important;
    border-color: var(--accent-green, #22C55E) !important;
    color: var(--text-primary, #F8FAFC) !important;
}
body.aerial-dark li.selectedTab a,
body.aerial-dark li.selectedTab span,
body.aerial-dark .selectedTab a,
body.aerial-dark .selectedTab span {
    color: var(--accent-green, #22C55E) !important;
}

/* ═══════════════════════════════════════════════════════════
   ISSUE #115: Settings > General Settings labels & hints
   ═══════════════════════════════════════════════════════════ */
/* FluentBoards settings area - p.hint elements */
body.aerial-dark .fluent_boards_frontend p.hint,
body.aerial-dark .fluent_boards_frontend .hint,
body.aerial-dark .fbs_settings p.hint,
body.aerial-dark .fbs_settings .hint {
    color: var(--text-secondary, rgba(248, 250, 252, 0.7)) !important;
}

/* FluentBoards settings area - Element Plus form labels */
body.aerial-dark .fluent_boards_frontend .el-form-item__label,
body.aerial-dark .fluent_boards_frontend label.el-form-item__label,
body.aerial-dark .fbs_settings .el-form-item__label,
body.aerial-dark .fbs_settings label.el-form-item__label {
    color: var(--text-primary, #F8FAFC) !important;
}

/* All labels and paragraphs within settings description area */
body.aerial-dark .fbs_settings_description label,
body.aerial-dark .fbs_settings_description p,
body.aerial-dark .fbs_settings_description span,
body.aerial-dark .fbs_settings_description .el-form-item__label,
body.aerial-dark .fluent_boards_frontend .fbs_settings_description label,
body.aerial-dark .fluent_boards_frontend .fbs_settings_description p {
    color: var(--text-primary, #F8FAFC) !important;
}

/* Settings hint/help text - slightly muted */
body.aerial-dark .fbs_settings_description p.hint,
body.aerial-dark .fbs_settings_description .el-form-item__help,
body.aerial-dark .fluent_boards_frontend .el-form-item__help {
    color: var(--text-muted, rgba(248, 250, 252, 0.5)) !important;
}

/* Settings input fields in dark mode */
body.aerial-dark .fbs_settings_description .el-input__inner,
body.aerial-dark .fbs_settings_description .el-textarea__inner,
body.aerial-dark .fbs_settings .el-input__inner,
body.aerial-dark .fbs_settings .el-textarea__inner {
    background: var(--input-bg, rgba(15, 23, 42, 0.6)) !important;
    border-color: var(--input-border, rgba(255, 255, 255, 0.12)) !important;
    color: var(--input-text, #F8FAFC) !important;
}


/* ══════════════════════════════════════════════════════════
   WELCOME DASHBOARD + ORGANIZATIONS — Dark Mode Overrides
   FluentBoards hardcodes bg:#fff and color:#1b2533
   Fixes: Dashboard headings, board cards, My Jobs, tabs
   ══════════════════════════════════════════════════════════ */

/* Main welcome dashboard container */
body.aerial-dark .fbs-welcome_dashboard,
body.aerial-dark .fbs-welcome_dashboard .fbs_regular_view {
    color: var(--text-primary) !important;
}

/* Dashboard boards section — "Recently Pinned" container */
body.aerial-dark .fbs-welcome_dashboard .fbs-dashboard_boards,
body.aerial-dark .fbs-dashboard_boards {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
}

/* Section headings ("Recently Pinned", etc.) */
body.aerial-dark .fbs-welcome_dashboard .fbs-title,
body.aerial-dark .fbs-welcome_dashboard .fbs-title h3,
body.aerial-dark .fbs-dashboard_boards .fbs-title h3,
body.aerial-dark .fbs-welcome_dashboard .fbs-heading .fbs-title h3,
body.aerial-dark .fbs-dashboard_boards .fbs-heading .fbs-title h3 {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-welcome_dashboard .fbs-heading,
body.aerial-dark .fbs-dashboard_boards .fbs-heading {
    color: var(--text-primary) !important;
}

/* Board items/cards on dashboard and organizations page */
body.aerial-dark .fbs-welcome_dashboard .fbs-board-item,
body.aerial-dark .fbs-dashboard_boards .fbs-board-item,
body.aerial-dark .fbs-all-boards .fbs-board-item,
body.aerial-dark .fbs-folder-boards .fbs-board-item,
body.aerial-dark .fbs-boards .fbs-board-item,
body.aerial-dark .fbs-boards-list .fbs-board-item {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-welcome_dashboard .fbs-board-item:hover,
body.aerial-dark .fbs-all-boards .fbs-board-item:hover,
body.aerial-dark .fbs-boards .fbs-board-item:hover {
    border-color: rgba(34, 197, 94, 0.3) !important;
    box-shadow: var(--glow-green) !important;
}

/* Board name / title text */
body.aerial-dark .fbs-board-name,
body.aerial-dark .fbs-board-title,
body.aerial-dark .fbs-card-title,
body.aerial-dark .fbs-card-text,
body.aerial-dark .fbs-card-body,
body.aerial-dark .fbs-nav-title {
    color: var(--text-primary) !important;
}

/* Board count ("0/6", "0/1") and board info */
body.aerial-dark .fbs-board-count,
body.aerial-dark .fbs-boards-info,
body.aerial-dark .fbs-board-info,
body.aerial-dark .fbs-board-users {
    color: var(--text-secondary) !important;
}

/* Not-found / empty states */
body.aerial-dark .fbs-not-found p,
body.aerial-dark .fbs-not-found span,
body.aerial-dark .fbs-idea-not-found,
body.aerial-dark .fbs-no-boards-message,
body.aerial-dark .fbs-task-not-found,
body.aerial-dark .fbs-quick-results-not-found {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-not-found span {
    color: var(--text-secondary) !important;
}

/* ── My Jobs section ───────────────────────────────────── */
body.aerial-dark .fbs-dashboard-my-tasks-wrap {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-dashboard-my-tasks-wrap .fbs-title,
body.aerial-dark .fbs-dashboard-my-tasks-wrap .fbs-title h3,
body.aerial-dark .fbs-dashboard-my-tasks-wrap .fbs-title h2 {
    color: var(--text-primary) !important;
}

/* Tab labels (Assigned, Upcoming, Overdue, etc.) */
body.aerial-dark .fbs-dashboard-my-tasks-wrap .fbs-tab,
body.aerial-dark .fbs-dashboard-my-tasks-wrap .fbs-custom-tabs-label,
body.aerial-dark .fbs-horizontal-tab,
body.aerial-dark .fbs-dashboard-my-tasks-wrap [role="tab"],
body.aerial-dark .fbs-dashboard-my-tasks-wrap .el-tabs__item {
    color: var(--text-secondary) !important;
}

body.aerial-dark .fbs-dashboard-my-tasks-wrap .el-tabs__item.is-active,
body.aerial-dark .fbs-dashboard-my-tasks-wrap [role="tab"][aria-selected="true"] {
    color: var(--accent-green) !important;
}

/* Show more tasks link */
body.aerial-dark .fbs-dashboard-show-more-tasks {
    color: var(--accent-green) !important;
}

/* Dashboard tasks report */
body.aerial-dark .fbs-dashoboard_tasks_report {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Configure tabs button */
body.aerial-dark .fbs-dashboard-my-tasks-wrap button,
body.aerial-dark .fbs-dashboard-my-tasks-wrap .el-button {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

/* ── Organizations / All Boards pages ──────────────────── */
body.aerial-dark .fbs-all-boards,
body.aerial-dark .fbs-boards-list,
body.aerial-dark .fbs_boards_list,
body.aerial-dark .fbs-folder-boards {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-all-boards .fbs-heading h3,
body.aerial-dark .fbs-all-boards .fbs-heading .fbs-title,
body.aerial-dark .fbs-all-boards .fbs-heading .fbs-title h3 {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-send-to-boards {
    color: var(--accent-green) !important;
}

/* ── Broad catch-all for welcome dashboard text ────────── */
body.aerial-dark .fbs-welcome_dashboard h1,
body.aerial-dark .fbs-welcome_dashboard h2,
body.aerial-dark .fbs-welcome_dashboard h3,
body.aerial-dark .fbs-welcome_dashboard h4,
body.aerial-dark .fbs-welcome_dashboard p,
body.aerial-dark .fbs-welcome_dashboard span:not(.el-tag__content),
body.aerial-dark .fbs-welcome_dashboard label,
body.aerial-dark .fbs-welcome_dashboard a:not(.el-button) {
    color: var(--text-primary) !important;
}

/* Dashboard notice/alert areas */
body.aerial-dark .fbs-welcome_dashboard .dashboard_notices {
    color: var(--text-primary) !important;
}

/* My profile area */
body.aerial-dark .fbs-my-profile {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-my-profile-left-sidebar {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

body.aerial-dark .fbs-my-profile-left-sidebar-menu-items {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-my-profile-left-sidebar-menu-items-txt {
    color: var(--text-primary) !important;
}

body.aerial-dark .fbs-my-profile-right-sidebar {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Member cards */
body.aerial-dark .fbs-member-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Boards navigation */
body.aerial-dark .fbs-boards-navigation {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Boards actions bar */
body.aerial-dark .fbs-boards-actions {
    color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PATCH 2026-02-27: Round 3 dark-mode fixes
   Issues: fbs_board_box_inner, Organizations cards, Reports radio,
           fbs-gray-button contrast
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. fbs_board_box_inner: dark bg for Organizations kanban cards ── */
body.aerial-dark .fbs_board_box_inner,
body.aerial-dark .fbs_board_box_inner_list {
    background: var(--bg-card, #1e2330) !important;
    color: var(--text-primary, #e2e8f0) !important;
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.08)) !important;
}

body.aerial-dark .fbs_board_box_inner p,
body.aerial-dark .fbs_board_box_inner span,
body.aerial-dark .fbs_board_box_inner h1,
body.aerial-dark .fbs_board_box_inner h2,
body.aerial-dark .fbs_board_box_inner h3,
body.aerial-dark .fbs_board_box_inner h4,
body.aerial-dark .fbs_board_box_inner a,
body.aerial-dark .fbs_board_box_inner label,
body.aerial-dark .fbs_board_box_inner_list p,
body.aerial-dark .fbs_board_box_inner_list span,
body.aerial-dark .fbs_board_box_inner_list a {
    color: var(--text-primary, #e2e8f0) !important;
}

body.aerial-dark .fbs_board_box_inner:hover {
    border-color: rgba(34, 197, 94, 0.3) !important;
    box-shadow: var(--glow-green, 0 0 15px rgba(34, 197, 94, 0.15)) !important;
}

/* ── 2. Organizations page overall containers ── */
body.aerial-dark .fbs-organization-boards,
body.aerial-dark .fbs-org-boards,
body.aerial-dark [class*="organization"] .fbs-board-item,
body.aerial-dark [class*="org"] .fbs_board_box_inner {
    background: var(--bg-card, #1e2330) !important;
    color: var(--text-primary, #e2e8f0) !important;
}

/* ── 3. Reports tab: el-radio-group / el-radio-button readability ── */
body.aerial-dark .el-radio-group {
    background: var(--bg-secondary, #1a1f2e) !important;
    border-radius: 6px !important;
}

body.aerial-dark .el-radio-group .el-radio-button__inner {
    background: var(--bg-secondary, #1a1f2e) !important;
    color: var(--text-primary, #e2e8f0) !important;
    border-color: var(--border-subtle, rgba(255,255,255,0.08)) !important;
}

body.aerial-dark .el-radio-group .el-radio-button__inner:hover {
    color: #22c55e !important;
}

body.aerial-dark .el-radio-group .el-radio-button.is-active .el-radio-button__inner,
body.aerial-dark .el-radio-group .el-radio-button__original-radio:checked + .el-radio-button__inner {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #22c55e !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* el-radio (non-button style) */
body.aerial-dark .el-radio {
    color: var(--text-primary, #e2e8f0) !important;
}

body.aerial-dark .el-radio__input.is-checked .el-radio__inner {
    background: #22c55e !important;
    border-color: #22c55e !important;
}

body.aerial-dark .el-radio__input.is-checked + .el-radio__label {
    color: #22c55e !important;
}

/* ── 4. el-icon inside radio groups: ensure visibility ── */
body.aerial-dark .el-radio-group .el-icon,
body.aerial-dark .el-radio-group svg,
body.aerial-dark .el-radio-button__inner .el-icon,
body.aerial-dark .el-radio-button__inner svg {
    color: var(--text-primary, #e2e8f0) !important;
    fill: currentColor !important;
}

body.aerial-dark .el-radio-group .el-radio-button.is-active .el-icon,
body.aerial-dark .el-radio-group .el-radio-button.is-active svg {
    color: #22c55e !important;
}

/* ── 5. fbs-gray-button: darker background in BOTH modes for contrast ── */
/* Light mode override */
.fluent_boards_frontend button.el-button.fbs-gray-button,
button.el-button.fbs-gray-button {
    background-color: #4b5563 !important;
    border-color: #4b5563 !important;
    color: #ffffff !important;
}

.fluent_boards_frontend button.el-button.fbs-gray-button:hover,
button.el-button.fbs-gray-button:hover {
    background-color: #374151 !important;
    border-color: #374151 !important;
    color: #ffffff !important;
}

/* Dark mode keeps it consistent */
body.aerial-dark button.el-button.fbs-gray-button {
    background-color: #374151 !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: var(--text-primary, #e2e8f0) !important;
}

body.aerial-dark button.el-button.fbs-gray-button:hover {
    background-color: #4b5563 !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* ── 6. Global settings sidebar menu items in dark mode ── */
body.aerial-dark .fbs_settings_sidebar .sidebar-menu {
    background: var(--bg-secondary, #1a1f2e) !important;
}

body.aerial-dark .fbs_settings_sidebar .sidebar-menu > div {
    color: var(--text-primary, #e2e8f0) !important;
}

body.aerial-dark .fbs_settings_sidebar .sidebar-menu > div .txt {
    color: var(--text-primary, #e2e8f0) !important;
}

body.aerial-dark .fbs_settings_sidebar .sidebar-menu > div .icon {
    color: var(--text-secondary, #94a3b8) !important;
}

body.aerial-dark .fbs_settings_sidebar .sidebar-menu > div:hover {
    background: rgba(34, 197, 94, 0.08) !important;
}

body.aerial-dark .fbs_settings_sidebar .sidebar-menu > div.menu-selected {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #22c55e !important;
}

body.aerial-dark .fbs_settings_sidebar .sidebar-menu > div.menu-selected .txt {
    color: #22c55e !important;
}

/* ═══════════════════════════════════════════════════════════════════
   ROUND 3 — Dark mode patches (2026-02-28)
   Issues: fbs-fframe_app bg, nav-item bg, board-count bg,
           nav-label color, General Settings form labels
   ═══════════════════════════════════════════════════════════════════ */

/* --- Left navigation frame wrapper --- */
body.aerial-dark .fbs-fframe_app,
body.aerial-dark div.fbs-fframe_app {
    background: var(--bg-primary, #0f1219) !important;
    color: var(--text-primary, #e2e8f0) !important;
}

/* --- All Boards nav item (active + default) --- */
body.aerial-dark .fbs-folders-container .fbs-nav-item,
body.aerial-dark .fbs-folders-container .fbs-all-boards,
body.aerial-dark .fbs-folders-container .fbs-all-boards.fbs-nav-item-active,
body.aerial-dark .fbs-folders-container .fbs-nav-item.fbs-all-boards.fbs-nav-item-active {
    background-color: var(--bg-secondary, #1e2330) !important;
}
body.aerial-dark .fbs-folders-container .fbs-nav-item:hover,
body.aerial-dark .fbs-folders-container .fbs-all-boards:hover {
    background-color: rgba(98, 104, 241, 0.15) !important;
}

/* --- Board count badge --- */
body.aerial-dark .fbs-folders-container .fbs-board-count,
body.aerial-dark span.fbs-board-count {
    background-color: var(--bg-tertiary, #2a3042) !important;
    color: var(--text-secondary, #94a3b8) !important;
}

/* --- Nav label: light in dark mode --- */
body.aerial-dark .fbs-folders-container .fbs-nav-item .fbs-nav-label,
body.aerial-dark .fbs-folders-container .fbs-all-boards .fbs-nav-label,
body.aerial-dark .fbs-folders-container .fbs-all-boards.fbs-nav-item-active .fbs-nav-label,
body.aerial-dark span.fbs-nav-label {
    color: var(--text-primary, #e2e8f0) !important;
}
/* Active state: keep brand purple visible on dark bg */
body.aerial-dark .fbs-folders-container .fbs-nav-item-active .fbs-nav-label {
    color: #818cf8 !important;
}

/* --- Nav icon colors for dark mode --- */
body.aerial-dark .fbs-folders-container .fbs-nav-item .fbs-nav-icon,
body.aerial-dark .fbs-folders-container .fbs-all-boards .fbs-nav-icon {
    color: var(--text-secondary, #94a3b8) !important;
}
body.aerial-dark .fbs-folders-container .fbs-all-boards.fbs-nav-item-active .fbs-nav-icon {
    color: #818cf8 !important;
}

/* --- Folder items in dark mode --- */
body.aerial-dark .fbs-folders-container .fbs-folder-item {
    background-color: transparent !important;
}
body.aerial-dark .fbs-folders-container .fbs-folder-item:hover {
    background-color: rgba(98, 104, 241, 0.1) !important;
}
body.aerial-dark .fbs-folders-container .fbs-folder-name {
    color: var(--text-primary, #e2e8f0) !important;
}
body.aerial-dark .fbs-folders-container .fbs-folder-active .fbs-folder-name {
    color: #818cf8 !important;
}
body.aerial-dark .fbs-folders-container .fbs-folder-active .fbs-board-count {
    background-color: rgba(98, 104, 241, 0.2) !important;
    color: #818cf8 !important;
}

/* --- General Settings: form labels on WHITE container ---
   Container .fbs-general-settings-wrapper stays white (#fff),
   so labels must be DARK in dark mode to remain readable.
   Scoped specifically to this wrapper to avoid conflicts. --- */
body.aerial-dark .fbs-general-settings-wrapper .el-form-item__label {
    color: #1e293b !important;
}
body.aerial-dark .fbs-general-settings-wrapper .el-form-item__content {
    color: #334155 !important;
}
body.aerial-dark .fbs-general-settings-wrapper label {
    color: #1e293b !important;
}
body.aerial-dark .fbs-general-settings-wrapper h3,
body.aerial-dark .fbs-general-settings-wrapper h4,
body.aerial-dark .fbs-general-settings-wrapper p,
body.aerial-dark .fbs-general-settings-wrapper span {
    color: #334155 !important;
}
/* Keep input text dark on white bg */
body.aerial-dark .fbs-general-settings-wrapper .el-input__inner,
body.aerial-dark .fbs-general-settings-wrapper .el-textarea__inner {
    color: #1e293b !important;
    background-color: #fff !important;
    border-color: #d1d5db !important;
}

/* --- Light mode: ensure fbs-nav-label stays visible ---
   The #6268F1 blue is hardcoded by FB; in light mode it shows
   against white/light bg. We leave it as-is for light mode
   since the default FB styles handle it correctly.
   Only active state overrides are needed. --- */

/* ═══════════════════════════════════════════════════════════════════
   ROUND 4 — Dark mode patches (2026-02-28)
   Issues: fbs-nav-header dark bg, Members Role emails dark font,
           Secure Client Portal H1 styling
   ═══════════════════════════════════════════════════════════════════ */

/* --- Nav header (board list sidebar top bar) --- */
body.aerial-dark .fbs-folders-container .fbs-nav-header {
    background: var(--bg-secondary, #1e2330) !important;
    border-bottom-color: var(--border-color, #2a3042) !important;
}
body.aerial-dark .fbs-folders-container .fbs-nav-header .fbs-nav-title {
    color: var(--text-primary, #e2e8f0) !important;
}
body.aerial-dark .fbs-folders-container .fbs-nav-header .fbs-add-folder-btn {
    color: #818cf8 !important;
}
body.aerial-dark .fbs-folders-container .fbs-nav-header .fbs-add-folder-btn:hover {
    color: #a5b4fc !important;
}

/* --- Members Role: email text dark on white card ---
   Scoped to .fbs-settings_members_role so it only affects
   the Settings > Members Role tab, not member cards elsewhere.
   The member boxes have white background, so text must be dark. --- */
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-box,
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-author {
    color: #1e293b !important;
}
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-author p,
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-author span,
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-author a,
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-author .right,
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-author .right * {
    color: #334155 !important;
}
body.aerial-dark .fbs-settings_members_role .fbs-member-profile-name {
    color: #1e293b !important;
}
body.aerial-dark .fbs-settings_members_role .fbs-setting-member-box .el-tag {
    /* Role badges remain readable */
    color: #1e293b !important;
}

/* --- Secure Client Portal H1 --- */
.ass-portal-h1 {
    font-family: "Orbitron", sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0 10px;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}
body:not(.aerial-dark) .ass-portal-h1 {
    color: #1e293b;
}
body.aerial-dark .ass-portal-h1 {
    color: var(--text-primary, #e2e8f0);
}