/* Extracted from legacy/includes/inline_styles.php. Keep file order in that include unless deliberately changing the cascade. */
/* Minimal palette pass: white surfaces, dark text, one blue, light gray borders */
:root{--kdx-blue:#4f46e5;--kdx-ink:#14102c;--kdx-muted:#667085;--kdx-border:#e4e7ec;--kdx-soft:#f8fafc}
body{background:#fff!important;color:var(--kdx-ink)!important}
.header,.footer,.card,.job-card,.search,.input,.select,.textarea,.filter-panel,.profile-box,.info,.app-panel,.table-wrap,.application-card,.notification-card,.job-detail-main,.overview-panel,.profile-section-card,.profile-hero-card,.profile-score-card{background:#fff!important;border-color:var(--kdx-border)!important}
.section,.home-stats-band,.role-tabs,.applicant,.panel-inner,.skill-option,.skills-dropdown-menu,.skills-dropdown summary,.upload,.cv-upload,.data-table th,.home-stats-row>.stat .icon,.icon{background:var(--kdx-soft)!important;border-color:var(--kdx-border)!important}
h1,h2,h3,.brand-title,.stat-value,.table-primary,.job-card strong,.profile-box strong{color:var(--kdx-ink)!important}
.lead,.muted,.job-meta,.section-title p:last-child,.tiny,.label,.table-secondary,.table-tertiary{color:var(--kdx-muted)!important}
.btn,.nav-actions .btn:not(.outline),.nav-link.active,.nav-link[aria-current="page"]{background:var(--kdx-blue)!important;color:#fff!important;border-color:var(--kdx-blue)!important;box-shadow:none!important}
.btn:hover,.nav-actions .btn:not(.outline):hover{background:#4338ca!important;color:#fff!important}
.btn.dark{background:var(--kdx-ink)!important;color:#fff!important}
.btn.outline,.nav-actions .btn.outline,.theme-toggle{background:#fff!important;color:var(--kdx-blue)!important;border-color:var(--kdx-border)!important;box-shadow:none!important}
.btn.outline:hover,.nav-actions .btn.outline:hover,.nav-link:hover,.side-btn:hover,.side-btn.active{background:#eef2ff!important;color:var(--kdx-blue)!important;border-color:var(--kdx-border)!important;box-shadow:none!important}
.eyebrow,.pill,.badge,.tag,.meta-mark,.filter-count,.status-pill,.smart-match-score,.overview-panel .overview-row b,.cv-upload-file{background:#eef2ff!important;color:var(--kdx-blue)!important;border-color:#d0d5dd!important}
.btn.green,.btn.red{background:#fff!important;color:var(--kdx-blue)!important;border-color:var(--kdx-border)!important}
.ok,.bad,.alert,.match-explain-card.good,.match-explain-card.risk,.smart-match-card.high,.smart-match-card.medium,.smart-match-card.low,.smart-match-card.empty,.verification-pill.verified,.verification-pill.pending,.verification-pill.rejected{background:#fff!important;color:var(--kdx-ink)!important;border-color:var(--kdx-border)!important}
.score-bar span,.match-score.high .score-bar span,.match-score.medium .score-bar span,.match-score.low .score-bar span{background:var(--kdx-blue)!important}
.brand-icon{background:#fff!important;border-color:var(--kdx-border)!important;color:var(--kdx-blue)!important;box-shadow:none!important}
.nav-links{background:#fff!important;border-color:var(--kdx-border)!important;box-shadow:none!important}
.nav-link{color:#344054!important}
.home-stats-band{background:var(--kdx-soft)!important;border-color:var(--kdx-border)!important}
.home-stats-row>.stat{background:#fff!important}
.footer-kdx-word,.footer-logo,.footer-links a:hover,.file-link,.match-details summary,.match-details-link{color:var(--kdx-blue)!important}
[style*="color:#6d28d9"],[style*="color:#7c3aed"],[style*="color:#5b21b6"],[style*="color:#087443"],[style*="color:#b54708"],[style*="color:#166534"],[style*="color:#92400e"]{color:var(--kdx-blue)!important}
[style*="background:#f0fdf4"],[style*="background:#fff7ed"],[style*="background:#ecfdf3"],[style*="background:#fffaeb"],[style*="background:#ede9fe"]{background:var(--kdx-soft)!important}
@media(min-width:901px){.header,.nav-links{background:#fff!important;border-color:var(--kdx-border)!important;box-shadow:none!important}.nav-link.active,.nav-link[aria-current="page"],.nav-actions .btn:not(.outline){background:var(--kdx-blue)!important;box-shadow:none!important}.nav-link:hover{background:#eef2ff!important;color:var(--kdx-blue)!important;box-shadow:none!important}}
/* Flat card pass */
.card,.job-card,.stat,.profile-box,.info,.filter-panel,.application-card,.notification-card,.job-detail-main,.overview-panel,.profile-section-card,.profile-hero-card,.profile-score-card,.app-panel,.table-wrap,.blog-list-card,.journey-card,.innovation-card,.idea-card,.match-explain-card,.smart-match-card,.verification-card,.check-option{border-radius:10px!important;box-shadow:none!important}
.card-pad,.job-card,.profile-box,.info,.filter-panel,.application-card,.notification-card,.job-detail-main,.overview-panel,.profile-section-card,.profile-hero-card,.profile-score-card,.app-panel-body,.blog-list-card,.journey-card,.innovation-card,.idea-card{padding:28px!important}
.grid,.grid3,.grid4,.featured-jobs-row,.jobs-list-grid,.profile-grid,.info-grid,.application-panels,.notification-list,.journey-grid,.idea-grid{gap:28px!important}
.job-card:hover,.idea-card:hover,.journey-card:hover,.innovation-card:hover,.blog-list-card:hover,.jobs-list-slot .job-card:hover{transform:none!important;box-shadow:none!important;border-color:#d0d5dd!important}
.search{border-radius:12px!important;box-shadow:none!important;padding:14px!important}
.home-stats-row>.stat{border-radius:10px!important;padding:28px!important}
.home-stats-row{gap:28px!important}
.featured-jobs-row{gap:28px!important}
.badge,.tag,.pill,.eyebrow,.meta-mark,.status-pill,.filter-count{border-radius:8px!important}
.btn,.btn.outline,.nav-actions .btn,.input,.select,.textarea,.skills-dropdown summary{border-radius:8px!important}
.icon,.home-stats-row>.stat .icon,.brand-icon{border-radius:10px!important}
@media(max-width:760px){.card-pad,.job-card,.profile-box,.info,.filter-panel,.application-card,.notification-card,.job-detail-main,.overview-panel,.profile-section-card,.profile-hero-card,.profile-score-card,.app-panel-body,.blog-list-card,.journey-card,.innovation-card,.idea-card{padding:22px!important}.grid,.grid3,.grid4,.featured-jobs-row,.jobs-list-grid,.profile-grid,.info-grid,.application-panels,.notification-list,.journey-grid,.idea-grid{gap:20px!important}}
/* Quiet navigation pass */
.header{background:#fff!important;border-bottom:1px solid var(--kdx-border)!important;box-shadow:none!important}
.header:after{display:none!important}
.nav{min-height:76px!important}
.nav-links{gap:2px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.nav-link{min-height:40px!important;border:0!important;border-radius:8px!important;background:transparent!important;padding:0 13px!important;color:#475467!important;font-size:14px!important;font-weight:850!important;box-shadow:none!important;transform:none!important}
.nav-link:hover{background:#f8fafc!important;color:var(--kdx-ink)!important;box-shadow:none!important}
.nav-link.active,.nav-link[aria-current="page"]{background:var(--kdx-blue)!important;color:#fff!important;border-color:var(--kdx-blue)!important;box-shadow:none!important}
.nav-actions{gap:8px!important}
.nav-actions .btn{min-height:40px!important;border-radius:8px!important;padding:0 14px!important;font-size:14px!important;box-shadow:none!important;transform:none!important}
.nav-actions .btn.outline{border-color:transparent!important;background:transparent!important;color:#344054!important}
.nav-actions .btn.outline:hover{border-color:var(--kdx-border)!important;background:#f8fafc!important;color:var(--kdx-ink)!important}
.nav-actions .theme-toggle{width:40px!important;height:40px!important;min-width:40px!important;border-color:var(--kdx-border)!important;background:#fff!important;color:#475467!important}
.nav-actions .btn:not(.outline){background:var(--kdx-blue)!important;color:#fff!important;border-color:var(--kdx-blue)!important}
.nav-actions .btn:not(.outline):hover{background:#4338ca!important;color:#fff!important}
.nav-actions .btn.outline.active,.nav-actions .btn.outline[aria-current="page"]{border-color:var(--kdx-border)!important;background:#f8fafc!important;color:var(--kdx-blue)!important}
.nav-mobile-actions a[href*="page=register"]{background:var(--kdx-blue)!important;color:#fff!important}
@media(min-width:901px){.header,.nav-links{background:#fff!important;border-color:var(--kdx-border)!important;box-shadow:none!important}.nav-link:hover{background:#f8fafc!important;color:var(--kdx-ink)!important}.nav-link.active,.nav-link[aria-current="page"],.nav-actions .btn:not(.outline){background:var(--kdx-blue)!important;color:#fff!important;box-shadow:none!important}}
@media(max-width:900px){.nav-links{border:1px solid var(--kdx-border)!important;border-radius:10px!important;background:#fff!important;padding:8px!important;box-shadow:none!important}.nav-link{justify-content:flex-start!important;width:100%!important}.nav-mobile-actions{border-top:1px solid var(--kdx-border)!important}}


/* ═══════════════════════════════════════════════════════════════════════
   SITE-WIDE DESIGN UPGRADE
   Propagates the homepage aesthetic across all pages.
   Appended last so these rules win the cascade.
═══════════════════════════════════════════════════════════════════════ */

/* ── Updated CSS variables ───────────────────────────────────────── */
:root {
    --kdx-border: #ddd6fe;
    --kdx-border-hover: #c4b5fd;
    --kdx-soft: #faf8ff;
    --kdx-card-shadow: 0 6px 20px rgba(16,24,40,.05);
    --kdx-card-shadow-hover: 0 12px 32px rgba(16,24,40,.09);
}

/* ── Page background gradient ────────────────────────────────────── */
body {
    background: linear-gradient(180deg,#f0ecff 0%,#f8f5ff 40%,#fff 100%) !important;
}
body.theme-dark {
    background: linear-gradient(180deg,#0a0718 0%,#15102b 40%,#141022 100%) !important;
    --kdx-soft: #171331;
    --kdx-border: #382a66;
    --kdx-ink: #f8fafc;
    --kdx-muted: #94a3b8;
    --kdx-card-shadow: 0 6px 20px rgba(0,0,0,.18);
    --kdx-card-shadow-hover: 0 12px 32px rgba(0,0,0,.28);
}

/* ── Global card / surface refinements ──────────────────────────── */
.card,.job-card,.stat,.profile-box,.info,
.filter-panel,.application-card,.notification-card,
.job-detail-main,.overview-panel,.profile-section-card,
.profile-hero-card,.profile-score-card,.app-panel,
.table-wrap,.blog-list-card,.journey-card,
.innovation-card,.idea-card,.match-explain-card,
.smart-match-card,.verification-card,.check-option,
.analytics-kpi,.analytics-card,.analytics-hero-card,
.analytics-alert,.quiz-card,.quiz-model-card,
.learning-quiz-shell,.settings-card,
.dashboard-content-card,.about-panel,.about-metric,
.about-value,.tracking-story,.job-match-card,
.pipeline-summary div,.overview-row,.check-list span,
.service-chat,.profile-header,.recruiter-preview,
.profile-section-card,.manage-copy,.timeline-item {
    border-color: var(--kdx-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--kdx-card-shadow) !important;
}

/* Elements that should keep pill radius */
.badge,.tag,.pill,.meta-mark,.status-pill,.filter-count,
.progress-step,.skill-chip-list span,.profile-summary-pills span,
.about-chip,.task-dot,.hero-trust-sep {
    border-radius: 999px !important;
}
.data-table,.data-table td,.data-table th { box-shadow: none !important; }

/* ── Card hover states ───────────────────────────────────────────── */
.job-card:hover,.idea-card:hover,.journey-card:hover,
.blog-list-card:hover,.analytics-kpi:hover,
.profile-activity-grid a:hover,.overview-row:hover,
.quiz-card:hover,.similar-job-card:hover,.about-value:hover {
    border-color: var(--kdx-border-hover) !important;
    box-shadow: var(--kdx-card-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

/* ── Eyebrow labels — pill style ─────────────────────────────────── */
.eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 14px !important;
    border: 1px solid var(--kdx-border) !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}
.section-title .eyebrow {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ── Section header spacing ──────────────────────────────────────── */
.section-title {
    margin-bottom: 40px !important;
}

/* ── Input refinements ───────────────────────────────────────────── */
.input,.select,.textarea,.skills-dropdown summary {
    border-color: var(--kdx-border) !important;
}
.input:focus,.select:focus,.textarea:focus,
.skills-dropdown[open] summary {
    border-color: var(--kdx-border-hover) !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,.09) !important;
    outline: none !important;
}

/* ── Search bar ──────────────────────────────────────────────────── */
.search {
    border-color: var(--kdx-border) !important;
    box-shadow: 0 10px 30px rgba(79,70,229,.06) !important;
}
.search:focus-within {
    border-color: var(--kdx-border-hover) !important;
    box-shadow: 0 14px 38px rgba(79,70,229,.12) !important;
}

/* ── Badge style ─────────────────────────────────────────────────── */
.badge {
    border: 1px solid var(--kdx-border) !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
}

/* ── Table header — blue tinted ──────────────────────────────────── */
.data-table th {
    background: #f4f1ff !important;
    border-color: var(--kdx-border) !important;
}
.data-table td { border-color: #e9e4fe !important; }
.data-table tbody tr:hover td { background: #faf8ff !important; }

/* ── Dashboard hero band ─────────────────────────────────────────── */
.dash-hero {
    background: linear-gradient(135deg,#4338ca 0%,#4f46e5 55%,#8b5cf6 100%) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 44px rgba(79,70,229,.22) !important;
}

/* ── App panel (accordion) ───────────────────────────────────────── */
.app-panel {
    border-color: var(--kdx-border) !important;
}
.app-panel[open] summary {
    border-bottom: 1px solid var(--kdx-border) !important;
}

/* ── About page layout ───────────────────────────────────────────── */
.about-story {
    display: grid;
    gap: 20px;
    margin-bottom: 24px;
}
.about-values {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
    margin-top: 22px;
}
.about-value {
    border: 1px solid var(--kdx-border);
    border-radius: 16px;
    background: linear-gradient(135deg,var(--kdx-soft),#fff);
    padding: 22px;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.about-value h3 { margin-bottom: 10px; }
@media(max-width:760px){
    .about-story { grid-template-columns: 1fr; }
    .about-values { grid-template-columns: 1fr; }
    .about-panel { padding: 20px; }
    .about-metric-grid { grid-template-columns: 1fr; }
    .about-metric strong { font-size: 22px; }
    .about-chip-row { justify-content: center; }
}

/* ── Status pills — refined colors ──────────────────────────────── */
.status-pill.new,.status-pill.applied {
    background: #eef2ff !important;
    color: #4f46e5 !important;
    border: 1px solid var(--kdx-border) !important;
}
.status-pill.reviewed {
    background: #eef2ff !important;
    color: #4338ca !important;
    border: 1px solid #c7d2fe !important;
}
.status-pill.shortlisted {
    background: #fffbeb !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
}
.status-pill.accepted {
    background: #f0fdf4 !important;
    color: #15803d !important;
    border: 1px solid #bbf7d0 !important;
}
.status-pill.rejected {
    background: #fff1f2 !important;
    color: #9f1239 !important;
    border: 1px solid #fecdd3 !important;
}

/* ── Job detail side facts ───────────────────────────────────────── */
.job-side-facts {
    display: grid !important;
    gap: 10px !important;
    margin: 14px 0 !important;
    border: 1px solid var(--kdx-border) !important;
    border-radius: 14px !important;
    background: var(--kdx-soft) !important;
    padding: 14px !important;
    box-shadow: none !important;
}
.job-side-facts div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    color: #64748b;
}
.job-side-facts strong { color: #141022; font-weight: 950; }

/* ── Auth / login page ───────────────────────────────────────────── */
.role-tabs {
    border: 1px solid var(--kdx-border) !important;
    border-radius: 14px !important;
    background: var(--kdx-soft) !important;
}
.role-tabs button.active {
    border-radius: 10px !important;
    background: #fff !important;
    color: #4f46e5 !important;
    box-shadow: 0 2px 8px rgba(16,24,40,.06) !important;
}

/* ── Application detail section head ────────────────────────────── */
.section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--kdx-border);
}

/* ── Section padding ─────────────────────────────────────────────── */
.section { padding: 58px 0 !important; }
@media(max-width:760px){ .section { padding: 40px 0 !important; } }

/* ═══════════════════════════════════════════════════════════════════
   DARK MODE PARITY
═══════════════════════════════════════════════════════════════════ */
body.theme-dark .card,body.theme-dark .job-card,
body.theme-dark .stat,body.theme-dark .profile-box,
body.theme-dark .info,body.theme-dark .filter-panel,
body.theme-dark .application-card,body.theme-dark .notification-card,
body.theme-dark .job-detail-main,body.theme-dark .overview-panel,
body.theme-dark .profile-section-card,body.theme-dark .profile-hero-card,
body.theme-dark .profile-score-card,body.theme-dark .app-panel,
body.theme-dark .table-wrap,body.theme-dark .blog-list-card,
body.theme-dark .journey-card,body.theme-dark .innovation-card,
body.theme-dark .idea-card,body.theme-dark .match-explain-card,
body.theme-dark .smart-match-card,body.theme-dark .verification-card,
body.theme-dark .check-option,body.theme-dark .analytics-kpi,
body.theme-dark .analytics-card,body.theme-dark .analytics-hero-card,
body.theme-dark .analytics-alert,body.theme-dark .quiz-card,
body.theme-dark .quiz-model-card,body.theme-dark .learning-quiz-shell,
body.theme-dark .settings-card,body.theme-dark .dashboard-content-card,
body.theme-dark .about-panel,body.theme-dark .about-metric,
body.theme-dark .about-value,body.theme-dark .tracking-story,
body.theme-dark .job-match-card,body.theme-dark .pipeline-summary div,
body.theme-dark .overview-row,body.theme-dark .check-list span,
body.theme-dark .service-chat,body.theme-dark .profile-header,
body.theme-dark .recruiter-preview,body.theme-dark .timeline-item {
    border-color: #382a66 !important;
    background: #171331 !important;
    color: #e5e7eb !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.18) !important;
}
body.theme-dark .section { background: transparent !important; }
body.theme-dark .job-card:hover,body.theme-dark .idea-card:hover,
body.theme-dark .journey-card:hover,body.theme-dark .blog-list-card:hover,
body.theme-dark .analytics-kpi:hover,body.theme-dark .overview-row:hover,
body.theme-dark .about-value:hover {
    border-color: #5a4a9e !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.28) !important;
}
body.theme-dark .eyebrow {
    background: #251a4d !important;
    color: #c4b5fd !important;
    border-color: #382a66 !important;
}
body.theme-dark .badge {
    background: #4c1d95 !important;
    color: #ddd6fe !important;
    border-color: #382a66 !important;
}
body.theme-dark .input,body.theme-dark .select,
body.theme-dark .textarea,body.theme-dark .skills-dropdown summary {
    border-color: #382a66 !important;
}
body.theme-dark .input:focus,body.theme-dark .select:focus,
body.theme-dark .textarea:focus {
    border-color: #5a4a9e !important;
    box-shadow: 0 0 0 3px rgba(167,139,250,.10) !important;
}
body.theme-dark .data-table th {
    background: #1d153c !important;
    border-color: #382a66 !important;
}
body.theme-dark .data-table td { border-color: #2c2250 !important; }
body.theme-dark .data-table tbody tr:hover td { background: #251c47 !important; }
body.theme-dark .search {
    border-color: #382a66 !important;
    background: #171331 !important;
    box-shadow: none !important;
}
body.theme-dark .about-value {
    border-color: #382a66 !important;
    background: linear-gradient(135deg,#141022,#171331) !important;
    color: #e5e7eb !important;
}
body.theme-dark .job-side-facts {
    border-color: #382a66 !important;
    background: #141022 !important;
}
body.theme-dark .job-side-facts div { color: #94a3b8 !important; }
body.theme-dark .job-side-facts strong { color: #e5e7eb !important; }
body.theme-dark .role-tabs {
    border-color: #382a66 !important;
    background: #141022 !important;
}
body.theme-dark .role-tabs button.active {
    background: #171331 !important;
    color: #ddd6fe !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}
body.theme-dark .section-head { border-color: #382a66; }
body.theme-dark .app-panel { border-color: #382a66 !important; }
body.theme-dark .app-panel[open] summary { border-color: #382a66 !important; }
body.theme-dark .status-pill.new,body.theme-dark .status-pill.applied {
    background: #251a4d !important;
    color: #ddd6fe !important;
    border-color: #382a66 !important;
}

/* ── Honeypot field — invisible to real users, visible to bots ── */
.hp-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    tab-index: -1;
}

/* ── Empty state card ────────────────────────────────────── */
.empty-state-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    border: 1px dashed var(--kdx-border);
    border-radius: 16px;
    background: var(--kdx-soft);
    padding: 48px 24px;
}
.empty-state-icon {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 4px;
    opacity: .7;
}
.empty-state-card h3 { font-size: 18px; color: var(--kdx-ink); margin: 0; }
.empty-state-card p  { max-width: 420px; margin: 0; color: var(--kdx-muted); font-size: 14px; line-height: 1.6; }
body.theme-dark .empty-state-card { border-color: #382a66; background: #141022; }
body.theme-dark .empty-state-card h3 { color: #f8fafc; }

/* ── Flash alert wrapper ─────────────────────────────────── */
.alert-wrap { padding: 10px 0 0; margin-bottom: 8px; }
.alert-wrap .alert { margin: 0; border-radius: 12px; }
body.theme-dark .alert-wrap .ok  { border-color: #166534; background: #052e16; color: #bbf7d0; }
body.theme-dark .alert-wrap .bad { border-color: #7f1d1d; background: #450a0a; color: #fecaca; }