/* ============================================================
   DARK THEME - toggled via html[data-theme="dark"]
   (header toggle button, persists in localStorage 'fx-theme')
   Applies to all front pages (home, jobs, job detail, ...)
   ============================================================ */

/* ---- Theme toggle button ---- */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: var(--bg-body);
    color: var(--text-primary);
    cursor: pointer;
    transition: border-color .25s, background .25s, color .25s, transform .25s;
}
.theme-toggle:hover {
    border-color: rgba(99, 102, 241, .55);
    color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px -6px rgba(99, 102, 241, .35);
}
.theme-toggle .material-icons-outlined { font-size: 20px; }
.theme-toggle .ic-sun { display: none; }
.theme-toggle .ic-moon { display: inline-flex; }
html[data-theme="dark"] .theme-toggle .ic-sun { display: inline-flex; }
html[data-theme="dark"] .theme-toggle .ic-moon { display: none; }

/* ---- Dark palette ---- */
html[data-theme="dark"] {
    color-scheme: dark;
    --primary-light: rgba(99, 102, 241, .18);
    --bg-body: #0b1220;
    --bg-section: #101a30;
    --bg-card: #141d33;
    --border: #1f2b42;
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
    --shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .45), 0 2px 4px -1px rgba(0, 0, 0, .35);
    --shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .5), 0 4px 8px -2px rgba(0, 0, 0, .4);
    --shadow-xl: 0 24px 40px -8px rgba(0, 0, 0, .55), 0 12px 16px -6px rgba(0, 0, 0, .4);
}

/* ---- Base / chrome ---- */
html[data-theme="dark"] body { background: var(--bg-body); color: var(--text-primary); transition: background-color .3s ease, color .3s ease; }
html[data-theme="dark"] ::selection { background: rgba(99, 102, 241, .4); }
html[data-theme="dark"] .header { background: rgba(11, 18, 32, .85); border-bottom-color: var(--border); transition: background-color .3s ease, border-color .3s ease; }
html[data-theme="dark"] .header.scrolled { background: rgba(15, 23, 42, .95); box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .6); }
html[data-theme="dark"] .nav-link:hover { background: rgba(255, 255, 255, .06); color: var(--text-primary); }
html[data-theme="dark"] .mobile-menu-btn { color: var(--text-primary); }

html[data-theme="dark"] .user-dropdown-toggle { background: transparent; border-color: transparent; color: var(--text-primary); }
html[data-theme="dark"] .user-dropdown-toggle:hover { background: rgba(255, 255, 255, .06); border-color: transparent; }
html[data-theme="dark"] .user-dropdown-menu,
html[data-theme="dark"] .action-dropdown-menu { background: var(--bg-card); border-color: var(--border); box-shadow: 0 24px 48px -12px rgba(0, 0, 0, .55); }
html[data-theme="dark"] .dropdown-item { color: var(--text-secondary); }
html[data-theme="dark"] .dropdown-item:hover { background: rgba(99, 102, 241, .12); color: var(--text-primary); }
html[data-theme="dark"] .dropdown-divider { background: var(--border); }
html[data-theme="dark"] .fx-menu-head { border-bottom-color: var(--border); background: transparent; }

html[data-theme="dark"] .btn-secondary { background: var(--bg-body); color: var(--text-primary); border-color: var(--border); }
html[data-theme="dark"] .btn-secondary:hover { background: rgba(255, 255, 255, .05); border-color: var(--primary); color: var(--primary); }

html[data-theme="dark"] .hero-search { background: var(--bg-card); box-shadow: 0 24px 48px -10px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .search-field { background: var(--bg-section); }
html[data-theme="dark"] .search-field:focus-within { background: rgba(255, 255, 255, .05); }
html[data-theme="dark"] .search-field input,
html[data-theme="dark"] .search-field select { color: var(--text-primary); }

html[data-theme="dark"] .job-card,
html[data-theme="dark"] .company-card,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .job-list-item { background: var(--bg-card); }
html[data-theme="dark"] .job-card:hover,
html[data-theme="dark"] .company-card:hover,
html[data-theme="dark"] .blog-card:hover { box-shadow: var(--shadow-lg); }
html[data-theme="dark"] .job-list-item:hover { box-shadow: 0 16px 32px -12px rgba(0, 0, 0, .5); }

html[data-theme="dark"] .page-header { background: linear-gradient(180deg, var(--bg-section), var(--bg-body)); }
html[data-theme="dark"] .empty-state { background: transparent; border-color: var(--border); }

html[data-theme="dark"] .fx-flash-success { color: #34d399; }
html[data-theme="dark"] .fx-flash-error { color: #f87171; }
html[data-theme="dark"] .fx-flash-info { color: #60a5fa; }

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea { background-color: var(--bg-card); color: var(--text-primary); border-color: var(--border); }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: var(--text-muted); }

/* ---- Homepage (hp-*) ---- */
html[data-theme="dark"] .hp-page {
    --hp-ink: #e2e8f0;
    --hp-muted: #94a3b8;
    --hp-faint: #64748b;
    --hp-line: #1f2b42;
    --hp-soft: #101a30;
}
html[data-theme="dark"] .hp-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        linear-gradient(180deg, #0b1220 0%, #101a30 100%);
    border-bottom-color: var(--hp-line);
}
html[data-theme="dark"] .hp-hero-badge { background: rgba(99, 102, 241, .16); }
html[data-theme="dark"] .hp-search { background: rgba(15, 23, 42, .92); }
html[data-theme="dark"] .hp-search-field input,
html[data-theme="dark"] .hp-search-field select { color: #e2e8f0; }
html[data-theme="dark"] .hp-search-field input::placeholder { color: var(--text-muted); }
html[data-theme="dark"] .hp-search option { background: var(--bg-card); color: var(--text-primary); }
html[data-theme="dark"] .hp-tags a { background: var(--bg-card); color: var(--hp-ink); }
html[data-theme="dark"] .hp-stats-card { background: rgba(15, 23, 42, .92); }
html[data-theme="dark"] .hp-chip-emerald { background: rgba(16, 185, 129, .16); color: #34d399; }
html[data-theme="dark"] .hp-chip-amber { background: rgba(245, 158, 11, .16); color: #fbbf24; }
html[data-theme="dark"] .hp-chip-violet { background: rgba(139, 92, 246, .18); color: #a78bfa; }

html[data-theme="dark"] .hp-job-card { background: var(--bg-card); box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6); }
html[data-theme="dark"] .hp-job-card:hover { box-shadow: 0 26px 50px -22px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .hp-job-logo img { background: #101a30; border-color: var(--hp-line); }
html[data-theme="dark"] .hp-bookmark { color: var(--hp-faint); }
html[data-theme="dark"] .hp-car-btn { background: rgba(15, 23, 42, .92); color: var(--hp-muted); }
html[data-theme="dark"] .hp-tag-loc { background: #1f2b42; color: var(--hp-muted); }
html[data-theme="dark"] .hp-btn-outline { background: var(--bg-card); }
html[data-theme="dark"] .hp-latest-item { background: var(--bg-card); }
html[data-theme="dark"] .hp-latest-logo { background: #101a30; }
html[data-theme="dark"] .hp-latest-arrow { background: rgba(255, 255, 255, .07); color: var(--hp-muted); }
html[data-theme="dark"] .hp-new-tag { background: rgba(16, 185, 129, .16); color: #34d399; }
html[data-theme="dark"] .hp-co-pill { background: rgba(15, 23, 42, .9); }
html[data-theme="dark"] .hp-co-pill-logo { background: #101a30; }
html[data-theme="dark"] .hp-post { background: var(--bg-card); }
html[data-theme="dark"] .hp-post-img { background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%); }
html[data-theme="dark"] .hp-post-badge { background: rgba(15, 23, 42, .92); color: #a5b4fc; }
html[data-theme="dark"] .hp-toast { background: #1e293b; }

/* ---- Jobs page (jb-*) ---- */
html[data-theme="dark"] .jb-page {
    --jb-ink: #e2e8f0;
    --jb-muted: #94a3b8;
    --jb-faint: #64748b;
    --jb-line: #1f2b42;
    --jb-soft: #101a30;
}
html[data-theme="dark"] .jb-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        var(--bg-section);
    border-bottom-color: var(--jb-line);
}
html[data-theme="dark"] .jb-search { background: rgba(15, 23, 42, .9); }
html[data-theme="dark"] .jb-search-field input,
html[data-theme="dark"] .jb-search-field select { color: #e2e8f0; }
html[data-theme="dark"] .jb-search option { background: var(--bg-card); color: var(--text-primary); }
html[data-theme="dark"] .jb-chip { background: var(--bg-card); border-color: var(--jb-line); color: var(--jb-muted); }
html[data-theme="dark"] .jb-chip:hover { border-color: rgba(99, 102, 241, .5); background: rgba(99, 102, 241, .14); }
html[data-theme="dark"] .jb-active-chip { background: rgba(99, 102, 241, .18); }
html[data-theme="dark"] .jb-card { background: var(--bg-card); box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6); }
html[data-theme="dark"] .jb-card:hover { box-shadow: 0 26px 50px -22px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .jb-logo-wrap { background: #101a30; }
html[data-theme="dark"] .jb-logo { background: #101a30; }
html[data-theme="dark"] .jb-tag-loc { background: #1f2b42; color: var(--jb-muted); }
html[data-theme="dark"] .jb-empty { background: var(--bg-card); }
html[data-theme="dark"] .jb-empty-btn { background: var(--bg-card); }

/* ---- Job detail (oj-*) ---- */
html[data-theme="dark"] .oj-page {
    --oj-ink: #e2e8f0;
    --oj-muted: #94a3b8;
    --oj-faint: #64748b;
    --oj-line: #1f2b42;
    --oj-soft: #101a30;
}
html[data-theme="dark"] .oj-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        linear-gradient(180deg, #0b1220 0%, #101a30 100%);
    border-bottom-color: var(--oj-line);
}
html[data-theme="dark"] .oj-btn-ghost { background: var(--bg-card); color: var(--oj-muted); }
html[data-theme="dark"] .oj-menu { background: var(--bg-card); box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .6); }
html[data-theme="dark"] .oj-ministats .oj-mini { background: rgba(15, 23, 42, .85); }
html[data-theme="dark"] .oj-section-link { background: var(--bg-card); color: var(--oj-muted); }
html[data-theme="dark"] .oj-facts { background: var(--bg-card); }
html[data-theme="dark"] .oj-card { background: var(--bg-card); box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6); }
html[data-theme="dark"] .oj-card-head { background: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%); }
html[data-theme="dark"] .oj-card-icon { background: rgba(99, 102, 241, .18); }
html[data-theme="dark"] .oj-text { color: var(--oj-muted); }
html[data-theme="dark"] .oj-glance-cell { background: var(--oj-soft); border-color: var(--oj-line); }
html[data-theme="dark"] .oj-company-body img { background: var(--bg-card); }
html[data-theme="dark"] .oj-company-btn { background: rgba(99, 102, 241, .18); }
html[data-theme="dark"] .oj-avatar img { background: var(--bg-card); border-color: var(--oj-line); }
html[data-theme="dark"] .oj-job { background: var(--bg-card); }
html[data-theme="dark"] .oj-job-logo { background: var(--bg-card); }
html[data-theme="dark"] .ap-textarea { background: var(--bg-card); color: var(--text-primary); border-color: var(--oj-line); }
html[data-theme="dark"] .ap-drop { background: rgba(99, 102, 241, .05); border-color: var(--oj-faint); }
html[data-theme="dark"] .ap-label em { background: rgba(255, 255, 255, .09); color: var(--oj-faint); }
html[data-theme="dark"] .ap-drop-text strong { color: #a5b4fc; }
html[data-theme="dark"] .oj-login-note p { color: var(--oj-muted); }

/* ---- Companies index (cp-*) ---- */
html[data-theme="dark"] .cp-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        linear-gradient(180deg, #0b1220 0%, #101a30 100%);
}
html[data-theme="dark"] .cp-badge { background: rgba(99, 102, 241, .16); }
html[data-theme="dark"] .cp-search {
    background: rgba(15, 23, 42, .9);
    box-shadow: 0 18px 44px -18px rgba(0, 0, 0, .6), 0 2px 8px -4px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] .cp-search:focus-within {
    box-shadow: 0 0 0 4px rgba(99, 102, 241, .22), 0 18px 44px -18px rgba(99, 102, 241, .4);
}
html[data-theme="dark"] .cp-count { background: var(--bg-card); box-shadow: 0 10px 26px -14px rgba(0, 0, 0, .55); }
html[data-theme="dark"] .cp-card {
    background: var(--bg-card);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .cp-card:hover { box-shadow: 0 26px 50px -22px rgba(0, 0, 0, .7); }

html[data-theme="dark"] .cp-logo { border-color: var(--bg-card); background: #101a30; }
html[data-theme="dark"] .cp-tag-jobs { background: rgba(99, 102, 241, .18); }
html[data-theme="dark"] .cp-tag-loc { background: #1f2b42; color: var(--text-secondary); }
html[data-theme="dark"] .cp-empty { background: var(--bg-card); }
html[data-theme="dark"] .cp-page nav[role="navigation"] a,
html[data-theme="dark"] .cp-page nav[role="navigation"] span {
    background: var(--bg-card);
    color: var(--text-secondary);
}
html[data-theme="dark"] .cp-page nav[role="navigation"] a:hover { background: rgba(99, 102, 241, .14); }

/* ---- Blog index (blg-*) ---- */
html[data-theme="dark"] .blg-page {
    --blg-ink: #e2e8f0;
    --blg-muted: #94a3b8;
    --blg-faint: #64748b;
    --blg-line: #1f2b42;
    --blg-soft: #1f2b42;
}
html[data-theme="dark"] .blg-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        linear-gradient(180deg, #0b1220 0%, #101a30 100%);
}
html[data-theme="dark"] .blg-hero-search {
    background: rgba(15, 23, 42, .9);
    box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .blg-count { background: rgba(15, 23, 42, .9); border-color: var(--blg-line); }
html[data-theme="dark"] .blg-chip { background: var(--bg-card); box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .blg-featured {
    background: var(--bg-card);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .blg-featured:hover { box-shadow: 0 26px 50px -22px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .blg-card {
    background: var(--bg-card);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .blg-card:hover { box-shadow: 0 24px 44px -16px rgba(0, 0, 0, .65); }
html[data-theme="dark"] .blg-img { background: linear-gradient(135deg, #1a2440 0%, #1f1d3a 100%); }
html[data-theme="dark"] .blg-badge { background: rgba(20, 29, 51, .92); }
html[data-theme="dark"] .blg-side-card { background: var(--bg-card); }
html[data-theme="dark"] .blg-search { background: var(--bg-card); }
html[data-theme="dark"] .blg-search:focus-within { background: var(--bg-card); }
html[data-theme="dark"] .blg-cat-count { background: #1f2b42; color: var(--text-muted); }
html[data-theme="dark"] .blg-mini-thumb { background: #101a30; }
html[data-theme="dark"] .blg-empty { background: var(--bg-card); }
html[data-theme="dark"] .blg-page .pagination .page-link { background: var(--bg-card); }

/* ---- Blog article (art-*) ---- */
html[data-theme="dark"] .art-page {
    --art-ink: #e2e8f0;
    --art-muted: #94a3b8;
    --art-faint: #64748b;
    --art-line: #1f2b42;
    --art-soft: #1f2b42;
}
html[data-theme="dark"] .art-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        linear-gradient(180deg, #0b1220 0%, #101a30 100%);
}
html[data-theme="dark"] .art-back {
    background: rgba(15, 23, 42, .85);
    color: var(--art-muted);
}
html[data-theme="dark"] .art-header {
    background: rgba(20, 29, 51, .95);
    box-shadow: 0 28px 60px -24px rgba(0, 0, 0, .65);
}
html[data-theme="dark"] .art-cover {
    background: linear-gradient(135deg, #1a2440 0%, #1f1d3a 100%);
    box-shadow: 0 20px 44px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .art-prose code { background: #1f2b42; color: #f87171; }
html[data-theme="dark"] .art-share a { background: #1f2b42; color: var(--art-muted); }
html[data-theme="dark"] .art-rel-card {
    background: var(--bg-card);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .art-rel-card:hover { box-shadow: 0 24px 44px -16px rgba(0, 0, 0, .65); }
html[data-theme="dark"] .art-rel-img { background: linear-gradient(135deg, #1a2440 0%, #1f1d3a 100%); }

/* ---- Static page (pg-*) ---- */
html[data-theme="dark"] .pg-page {
    --pg-ink: #e2e8f0;
    --pg-muted: #94a3b8;
    --pg-faint: #64748b;
    --pg-line: #1f2b42;
    --pg-soft: #1f2b42;
}
html[data-theme="dark"] .pg-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        linear-gradient(180deg, #0b1220 0%, #101a30 100%);
}
html[data-theme="dark"] .pg-card {
    background: var(--bg-card);
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .65);
}


/* ---- Announcements (an-*) ---- */
html[data-theme="dark"] .an-page {
    --an-ink: #e2e8f0;
    --an-muted: #94a3b8;
    --an-faint: #64748b;
    --an-line: #1f2b42;
}
html[data-theme="dark"] .an-hero {
    background:
        radial-gradient(54rem 26rem at 10% -12%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(42rem 22rem at 88% -16%, rgba(6, 182, 212, .18), transparent 60%),
        radial-gradient(40rem 22rem at 50% 130%, rgba(167, 139, 250, .2), transparent 62%),
        linear-gradient(180deg, #0b1220 0%, #101a30 100%);
}
html[data-theme="dark"] .an-count { background: rgba(15, 23, 42, .9); border-color: var(--an-line); }
html[data-theme="dark"] .an-card {
    background: var(--bg-card);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .an-card:hover { box-shadow: 0 26px 50px -22px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .an-empty { background: var(--bg-card); }
html[data-theme="dark"] .an-page nav[role="navigation"] a,
html[data-theme="dark"] .an-page nav[role="navigation"] span {
    background: var(--bg-card);
    color: var(--an-muted);
}
html[data-theme="dark"] .an-page nav[role="navigation"] a:hover { background: rgba(99, 102, 241, .14); }

/* ---- Company detail (cd-*) ---- */
html[data-theme="dark"] .cd-hero {
    background:
        radial-gradient(48rem 22rem at 8% -20%, rgba(99, 102, 241, .22), transparent 60%),
        radial-gradient(36rem 18rem at 92% -24%, rgba(6, 182, 212, .16), transparent 60%),
        radial-gradient(34rem 18rem at 50% 140%, rgba(167, 139, 250, .14), transparent 62%),
        linear-gradient(160deg, #0b1220 0%, #101a30 100%);
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}
html[data-theme="dark"] .cd-back {
    background: rgba(15, 23, 42, .9);
    border-color: rgba(148, 163, 184, .2);
    color: var(--text-secondary);
    box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .cd-back:hover { background: rgba(30, 41, 59, .95); }
html[data-theme="dark"] .cd-header {
    background: var(--bg-card);
    box-shadow: 0 18px 44px -18px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .cd-logo {
    background: #101a30;
    border-color: rgba(148, 163, 184, .16);
}
html[data-theme="dark"] .cd-pill-ghost { background: #1f2b42; color: var(--text-secondary); }
html[data-theme="dark"] .cd-desc {
    background: var(--bg-card);
    border-color: rgba(148, 163, 184, .12);
    box-shadow: 0 10px 28px -14px rgba(0, 0, 0, .55);
}
html[data-theme="dark"] .cd-job {
    background: var(--bg-card);
    border-color: rgba(148, 163, 184, .12);
    box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .cd-job:hover {
    border-color: rgba(99, 102, 241, .5);
    box-shadow: 0 16px 34px -14px rgba(0, 0, 0, .65);
}
html[data-theme="dark"] .cd-job-logo {
    background: #101a30;
    border-color: rgba(148, 163, 184, .16);
}
html[data-theme="dark"] .cd-job-arrow { background: #1f2b42; color: var(--text-secondary); }
html[data-theme="dark"] .cd-job-arrow:hover { background: var(--primary); color: #fff; }
html[data-theme="dark"] .cd-empty {
    background: var(--bg-card);
    border-color: rgba(148, 163, 184, .12);
}
html[data-theme="dark"] .cd-page nav[role="navigation"] a,
html[data-theme="dark"] .cd-page nav[role="navigation"] span {
    background: var(--bg-card);
    border-color: rgba(148, 163, 184, .16);
    color: var(--text-secondary);
}
html[data-theme="dark"] .cd-page nav[role="navigation"] a:hover {
    background: rgba(99, 102, 241, .12);
    color: var(--primary);
}