/* Extracted from legacy/includes/inline_styles.php. Keep file order in that include unless deliberately changing the cascade. */
.application-card{display:block;border:1px solid #ede9fe;background:#fff;padding:18px}.application-row{display:grid;grid-template-columns:1fr auto;align-items:start;gap:18px}.application-title{display:grid;gap:6px}.application-title strong{font-size:18px}.application-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.application-actions form{display:flex;flex-wrap:wrap;gap:10px}.application-actions .btn{min-width:108px}.application-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px auto auto auto;gap:12px;align-items:center;margin-bottom:18px;padding:12px;border:1px solid #ede9fe;border-radius:20px;background:#faf8ff}.application-toolbar .search-inner{border:1px solid #ede9fe;border-radius:16px;background:#fff;min-height:50px}.toolbar-meta{justify-self:end;color:#64748b;font-size:14px;font-weight:800}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.pagination-meta{color:#64748b;font-size:14px;font-weight:800}.btn.is-disabled{pointer-events:none;opacity:.45}.status-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:950}.status-pill.new{background:#ede9fe;color:#6d28d9}.status-pill.reviewed{background:#eef2ff;color:#4338ca}.status-pill.shortlisted{background:#fef3c7;color:#92400e}.status-pill.accepted{background:#dcfce7;color:#166534}.status-pill.rejected{background:#fee2e2;color:#991b1b}.progress-track{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;margin-top:16px;overflow-x:auto;padding-bottom:2px}.progress-step{position:relative;border-radius:999px;background:#e2e8f0;color:#64748b;padding:8px 10px;text-align:center;font-size:12px;font-weight:900;white-space:nowrap}.progress-step i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:999px;background:#94a3b8}.progress-step.done,.progress-step.current{background:#e0e7ff;color:#4f46e5}.progress-step.done i,.progress-step.current i{background:#7c3aed}.progress-step.current{box-shadow:0 0 0 3px #eef2ff inset}.status-note{margin:10px 0 0;font-size:13px;font-weight:900}.status-note.reviewed{color:#4338ca}.status-note.shortlisted{color:#92400e}.status-note.accepted{color:#166534}.status-note.rejected{color:#991b1b}.application-panels{display:grid;gap:10px;margin-top:16px}.app-panel{border:1px solid #ede9fe;border-radius:16px;background:#fff;overflow:hidden}.app-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:14px 16px;font-weight:950;color:#334155}.app-panel summary::-webkit-details-marker{display:none}.app-panel summary:after{content:"+";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#f5f3ff;color:#6d28d9}.app-panel[open] summary{border-bottom:1px solid #ede9fe;background:#f8fafc}.app-panel[open] summary:after{content:"-"}.app-panel-body{padding:16px}.interview-form,.application-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.interview-form .label:nth-of-type(3),.application-edit-form .edit-cover{grid-column:1/-1}.interview-form .btn,.application-edit-form .btn{grid-column:1/-1}.notification-card{padding:18px}.notification-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.notification-item{border:1px solid #ede9fe;border-radius:16px;background:#fff;padding:14px}.notification-item p{line-height:1.45}.dash-layout{grid-template-columns:260px minmax(0,1fr);align-items:start}.dash-layout>main{min-width:0}.side{position:sticky;top:108px;align-self:start;max-height:calc(100vh - 132px);overflow:auto;padding:22px;border-radius:24px}.side-user{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;margin-bottom:22px;padding:12px;border-radius:20px;background:linear-gradient(135deg,#faf8ff,#fff)}.side-user strong{display:block;line-height:1.15;word-break:break-word}.side-user .icon{width:54px;height:54px}.side-btn{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;min-height:58px;margin-bottom:8px;padding:12px 18px;border:1px solid transparent;line-height:1.18;white-space:normal;word-break:normal;overflow-wrap:break-word}.side-btn.active{border-color:#e0e7ff;box-shadow:0 10px 24px rgba(139,92,246,.08)}@media(max-width:1180px){.dash-layout{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:800px){.application-row{grid-template-columns:1fr}.application-actions,.application-actions form{justify-content:stretch;width:100%}.application-actions .btn{width:100%;min-width:0}.application-toolbar{grid-template-columns:1fr}.toolbar-meta{justify-self:start}.pagination-bar{align-items:stretch;flex-direction:column}.pagination-bar .btn{width:100%}.progress-track{grid-template-columns:repeat(5,130px)}.interview-form,.application-edit-form{grid-template-columns:1fr}.side{position:static;max-height:none;overflow:visible}}
.dash-layout{grid-template-columns:1fr 3fr;align-items:initial}.dash-layout>main{min-width:0}.side{position:static;max-height:none;overflow:visible;padding:20px}.side-user{display:flex;gap:12px;align-items:center;margin-bottom:24px;padding:0;background:transparent}.side-user .icon{width:48px;height:48px}.side-btn{display:flex;align-items:center;min-height:auto;margin-bottom:8px;padding:12px 16px;border:0;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.side-btn.active{box-shadow:none}
.application-toolbar .search-inner span{display:inline-flex;align-items:center;justify-content:center;width:18px;font-size:0;line-height:1}
.application-toolbar .search-inner span::before{content:"\1F50D";font-size:16px;line-height:1;color:#64748b}
.application-toolbar .search-inner input{min-width:0;border:0;outline:none;box-shadow:none;background:transparent}
.profile-photo{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 auto;border:3px solid #ede9fe;border-radius:999px;background:#f5f3ff;color:#6d28d9;object-fit:cover;font-size:18px;font-weight:950;box-shadow:0 10px 24px rgba(139,92,246,.12)}.profile-photo-fallback{background:linear-gradient(135deg,#ede9fe,#fff)}.profile-photo-large{width:92px;height:92px;font-size:32px;border-width:4px}.profile-header{display:flex;align-items:center;gap:18px;margin-bottom:22px;border:1px solid #ede9fe;border-radius:22px;background:linear-gradient(135deg,#faf8ff,#fff);padding:18px}.profile-header p{margin:6px 0 0}.side-photo{width:54px;height:54px}.friendly-profile{display:grid;gap:18px}.profile-hero-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,.28fr);gap:18px;align-items:center;border:1px solid #e0e7ff;border-radius:22px;background:linear-gradient(135deg,#faf8ff,#f3f0ff);padding:20px}.profile-hero-copy h3{margin:4px 0 6px;font-size:28px}.profile-hero-copy p{margin:0;color:#475569;line-height:1.55}.profile-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.profile-score-card{border:1px solid #e0e7ff;border-radius:18px;background:#fff;padding:16px}.profile-score-card strong{display:block;font-size:30px}.profile-score-card span{display:block;margin:4px 0 10px;color:#64748b;font-size:13px;font-weight:900}.profile-friendly-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-section-card{border:1px solid #ede9fe;border-radius:20px;background:#fff;padding:18px;box-shadow:0 8px 20px rgba(139,92,246,.05)}.profile-detail-list{display:grid;gap:10px}.profile-detail-list div{border:1px solid #ede9fe;border-radius:14px;background:#faf8ff;padding:12px}.profile-detail-list span{display:block;margin-bottom:4px;color:#6d28d9;font-size:12px;font-weight:950}.profile-detail-list strong{display:block;word-break:break-word}.check-list.compact span{padding:9px 11px}.skill-chip-list{display:flex;flex-wrap:wrap;gap:8px}.skill-chip-list span{display:inline-flex;border:1px solid #ddd6fe;border-radius:999px;background:#f5f3ff;padding:8px 12px;color:#6d28d9;font-size:13px;font-weight:950}.cv-card{border:1px solid #ede9fe;border-radius:16px;background:#faf8ff;padding:14px}.cv-card+.cv-card{margin-top:10px}.cv-card p{line-height:1.55}.cv-card.soft{background:#fff}.profile-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-activity-grid a{border:1px solid #ede9fe;border-radius:16px;background:#faf8ff;padding:14px;transition:.2s}.profile-activity-grid a:hover{border-color:#c4b5fd;background:#f5f3ff}.profile-activity-grid strong{display:block;font-size:24px}.profile-activity-grid span{display:block;margin-top:4px;color:#64748b;font-size:13px;font-weight:900}@media(max-width:900px){.profile-hero-card,.profile-friendly-grid{grid-template-columns:1fr}.profile-score-card{max-width:280px}.profile-activity-grid{grid-template-columns:1fr}}
.table-wrap{overflow:auto;border:1px solid #ede9fe;border-radius:18px;background:#fff}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:12px;line-height:1.35}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid #efeaff;text-align:left;vertical-align:top}.data-table th{position:sticky;top:0;z-index:1;background:#f5f3ff;color:#334155;font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.data-table tbody tr:hover td{background:#faf8ff}.data-table td .tiny{font-size:10px}.data-table tr:last-child td{border-bottom:0}.data-table a{color:#141022;text-decoration:none}.data-table a:hover{color:#6d28d9}.table-primary{font-size:12px;font-weight:900;color:#141022;line-height:1.35}.table-secondary{margin-top:4px;color:#64748b;font-size:10px;font-weight:700;line-height:1.4}.table-tertiary{margin-top:3px;color:#94a3b8;font-size:10px;font-weight:700;line-height:1.35}.applicant-cell,.job-cell{min-width:190px}.match-cell{min-width:190px}.cv-cell{min-width:90px;white-space:nowrap}.status-cell{min-width:100px}.actions-cell{min-width:170px}.table-open-btn{display:inline-flex;margin-bottom:8px}.table-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.table-actions .select{min-width:130px;padding:8px 10px;border-radius:10px;font-size:12px}.table-actions .btn{padding:8px 10px;font-size:12px}.compact-progress{min-width:150px}
.friendly-app-table .candidate-stack{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.friendly-app-table .candidate-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#8b5cf6);color:#fff;font-size:14px;font-weight:950;box-shadow:0 12px 24px rgba(139,92,246,.18)}.friendly-app-table .table-fit-wrap .match-score{min-width:135px}.friendly-app-table .table-fit-wrap .match-details p{max-width:240px}.friendly-app-table .table-status-wrap{display:grid;gap:8px}.friendly-app-table .table-score-note{color:#64748b;font-size:11px;font-weight:700;line-height:1.4}.friendly-app-table .table-inline-actions{display:grid;gap:10px}.friendly-app-table .table-mini-form{display:grid;gap:8px}.friendly-app-table .table-mini-form .select{min-width:150px;padding:9px 10px;border-radius:12px;font-size:12px}.friendly-app-table .table-mini-form .btn{padding:9px 12px;font-size:12px}.friendly-app-table tbody tr:hover td{background:linear-gradient(180deg,#faf8ff,#ffffff)}
.manage-overview{display:grid;gap:18px;margin-bottom:24px}.manage-copy{display:grid;gap:8px;padding:22px}.manage-copy p{margin:0;color:#64748b;line-height:1.7}.manage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.manage-summary .profile-box{background:linear-gradient(135deg,#faf8ff,#fff)}.manage-summary strong{display:block;font-size:24px;line-height:1;color:#141022}.manage-summary span{display:block;margin-top:8px;color:#64748b;font-size:13px;font-weight:800}.manage-edit-stack{display:grid;gap:14px;margin-top:18px}.manage-edit-stack .app-panel summary{background:#faf8ff}
.timeline-list{display:grid;gap:10px;border-left:3px solid #ddd6fe;padding-left:14px}.timeline-item{position:relative;display:grid;gap:4px;border-radius:14px;background:#f8fafc;padding:12px}.timeline-item:before{content:"";position:absolute;left:-22px;top:18px;width:12px;height:12px;border-radius:999px;background:#8b5cf6;box-shadow:0 0 0 4px #ede9fe}.timeline-item.interview{background:#f0fdf4}.timeline-item.interview:before{background:#22c55e}.analytics-bar{height:10px;border-radius:999px;background:#ede9fe;overflow:hidden;margin-top:8px}.analytics-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#7c3aed)}
.service-chat{margin-top:16px;border:1px solid #ede9fe;border-radius:18px;background:#fff;padding:14px}.service-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.service-chat-body{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:4px}.chat-bubble{max-width:82%;border-radius:16px;padding:12px}.chat-bubble p{margin:6px 0;line-height:1.55}.chat-bubble.candidate{justify-self:start;background:#f5f3ff}.chat-bubble.support{justify-self:end;background:#ecfdf5}.service-chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;align-items:end}
body.theme-dark .application-card,body.theme-dark .application-toolbar,body.theme-dark .application-toolbar .search-inner,body.theme-dark .app-panel,body.theme-dark .app-panel summary,body.theme-dark .notification-item,body.theme-dark .profile-header,body.theme-dark .profile-hero-card,body.theme-dark .profile-score-card,body.theme-dark .profile-section-card,body.theme-dark .profile-detail-list div,body.theme-dark .cv-card,body.theme-dark .profile-activity-grid a,body.theme-dark .profile-photo,body.theme-dark .profile-photo-fallback,body.theme-dark .about-panel,body.theme-dark .about-metric,body.theme-dark .about-value,body.theme-dark .tracking-story,body.theme-dark .tracking-visual,body.theme-dark .tracking-node,body.theme-dark .tracking-card,body.theme-dark .tracking-card.support,body.theme-dark .tracking-card.care,body.theme-dark .tracking-badge,body.theme-dark .manage-copy,body.theme-dark .manage-summary .profile-box,body.theme-dark .manage-edit-stack .app-panel summary,body.theme-dark .job-detail-main,body.theme-dark .notification-card,body.theme-dark .empty-state,body.theme-dark .idea-card,body.theme-dark .idea-card:first-child,body.theme-dark .idea-card:nth-child(2),body.theme-dark .idea-card:nth-child(3),body.theme-dark .match-mini-summary span,body.theme-dark .match-explain-card{border-color:#382a66!important;background:#171331!important;color:#e5e7eb!important;box-shadow:none}
body.theme-dark .side-user,body.theme-dark .profile-box,body.theme-dark .info,body.theme-dark .applicant,body.theme-dark .application-toolbar,body.theme-dark .filter-block,body.theme-dark .filter-panel,body.theme-dark .table-wrap,body.theme-dark .footer-bottom,body.theme-dark [style*="background:#f8fafc"]{border-color:#382a66!important;background:#141022!important;color:#e5e7eb!important}
body.theme-dark .badge,body.theme-dark .about-chip,body.theme-dark .tracking-badge,body.theme-dark .filter-count,body.theme-dark .cv-upload-file,body.theme-dark .app-panel summary:after{background:#4c1d95!important;color:#ddd6fe!important;border-color:#382a66!important}
body.theme-dark .table-primary,body.theme-dark .table-primary a,body.theme-dark .match-explain-card strong,body.theme-dark .manage-summary strong,body.theme-dark .about-metric strong,body.theme-dark .filter-head h3,body.theme-dark .job-rich-text blockquote,body.theme-dark .rich-editor,body.theme-dark .company-line,body.theme-dark [style*="color:#475569"],body.theme-dark [style*="color:#334155"],body.theme-dark [style*="color:#141022"]{color:#e5e7eb!important}
body.theme-dark .table-secondary,body.theme-dark .table-tertiary,body.theme-dark .friendly-app-table .table-score-note,body.theme-dark .toolbar-meta,body.theme-dark .pagination-meta,body.theme-dark .check-item,body.theme-dark .profile-hero-copy p,body.theme-dark .profile-score-card span,body.theme-dark .profile-activity-grid span,body.theme-dark .about-panel p,body.theme-dark .about-value p,body.theme-dark .tracking-story-copy p,body.theme-dark .tracking-card span,body.theme-dark .match-details p,body.theme-dark .match-explain-card li,body.theme-dark .match-explain-card p,body.theme-dark .match-mini-summary span,body.theme-dark .recruiter-summary,body.theme-dark .manage-copy p,body.theme-dark .manage-summary span{color:#cbd5e1!important}
body.theme-dark [style*="color:#6d28d9"],body.theme-dark [style*="color:#7c3aed"],body.theme-dark .match-details summary,body.theme-dark .match-details-link,body.theme-dark .data-table a:hover{color:#c4b5fd!important}
body.theme-dark .input::placeholder,body.theme-dark .textarea::placeholder,body.theme-dark .search input::placeholder,body.theme-dark .rich-editor:empty:before{color:#94a3b8!important}
body.theme-dark .data-table tbody tr:hover td,body.theme-dark .friendly-app-table tbody tr:hover td{background:#251c47!important}
body.theme-dark .status-pill.new,body.theme-dark .status-pill.applied{background:#4c1d95;color:#ddd6fe}body.theme-dark .status-pill.reviewed{background:#312e81;color:#c7d2fe}body.theme-dark .status-pill.shortlisted{background:#451a03;color:#fde68a}body.theme-dark .status-pill.accepted{background:#052e16;color:#bbf7d0}body.theme-dark .status-pill.rejected{background:#450a0a;color:#fecaca}
.dashboard-section{padding:34px 0 48px}.dashboard-section>.wrap{max-width:1440px}.dashboard-section .dash-hero{margin-bottom:20px;border-radius:24px;padding:24px 28px}.dashboard-section .dash-hero h2{font-size:32px}.dashboard-section .dash-hero p{margin:8px 0 0}.dashboard-section .dash-layout{grid-template-columns:245px minmax(0,1fr)!important;gap:20px}.dashboard-main{gap:18px}.dashboard-content-card{padding:22px}.dashboard-section .grid3{gap:16px}.dashboard-section .stat{padding:16px;border-radius:18px}.dashboard-section .stat-value{font-size:24px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:start}.settings-card{border:1px solid #ede9fe;border-radius:18px;background:#faf8ff;padding:18px;gap:14px}.settings-grid>.settings-card:first-child{grid-row:span 2}.settings-card h3{font-size:18px}.settings-card .btn{width:max-content;min-width:150px}.settings-card .profile-box{padding:14px}.settings-card .tiny{line-height:1.5}body.theme-dark .settings-card{border-color:#382a66;background:#171331;color:#e5e7eb}@media(max-width:1024px){.dashboard-section .dash-layout{grid-template-columns:1fr!important}.settings-grid{grid-template-columns:1fr}.settings-grid>.settings-card:first-child{grid-row:auto}}
.dashboard-section .wrap,.dashboard-section .dash-layout,.dashboard-section .dashboard-main,.dashboard-section .dashboard-content-card,.dashboard-section .notification-card,.dashboard-section .grid3,.dashboard-section .stat{min-width:0}.dashboard-section .dashboard-main{overflow:hidden}.dashboard-section .dashboard-content-card,.dashboard-section .notification-card{overflow:hidden}.dashboard-section .application-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto auto auto;overflow-x:auto}.dashboard-section .application-toolbar .btn{white-space:nowrap}.dashboard-section .notification-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.dashboard-section .notification-item{flex:0 0 min(360px,85vw);min-width:0}.dashboard-section .notification-item strong,.dashboard-section .notification-item p{overflow:hidden;text-overflow:ellipsis}.dashboard-section .table-wrap{max-width:100%;overflow:auto}.dashboard-section .data-table{width:max-content;min-width:100%}@media(max-width:1180px){.dashboard-section .grid3{grid-template-columns:1fr}.dashboard-section .application-toolbar{grid-template-columns:1fr}.dashboard-section .application-toolbar .btn,.dashboard-section .application-toolbar .select{width:100%}}
.dashboard-section{font-size:14px}.dashboard-section>.wrap{max-width:1680px;padding-left:18px;padding-right:18px}.dashboard-section .dash-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:16px}.dashboard-section .side{padding:14px;border-radius:18px}.dashboard-section .side-user{grid-template-columns:42px minmax(0,1fr);gap:10px;margin-bottom:14px;padding:8px}.dashboard-section .side-photo,.dashboard-section .side-user .icon{width:42px;height:42px}.dashboard-section .side-btn{min-height:42px;margin-bottom:5px;padding:9px 10px;font-size:14px}.dashboard-section .dashboard-main{gap:12px}.dashboard-section .notification-card{padding:14px}.dashboard-section .notification-card h3{font-size:18px;margin-bottom:10px!important}.dashboard-section .notification-item{flex-basis:min(300px,75vw);padding:10px 12px}.dashboard-section .notification-item strong{font-size:14px}.dashboard-section .notification-item p,.dashboard-section .notification-item span{font-size:12px}.dashboard-section .grid3{gap:10px}.dashboard-section .stat{padding:12px;border-radius:16px}.dashboard-section .stat .icon{width:42px;height:42px}.dashboard-section .stat-value{font-size:24px}.dashboard-section .dashboard-content-card{padding:14px}.dashboard-section .dashboard-content-card>div:first-child{margin-bottom:12px!important}.dashboard-section .application-toolbar{gap:6px;margin-bottom:12px;padding:8px;border-radius:16px}.dashboard-section .application-toolbar .search-inner{min-height:42px}.dashboard-section .input,.dashboard-section .select,.dashboard-section .textarea{padding:10px 12px;border-radius:12px}.dashboard-section .btn{padding:7px 10px;border-radius:10px;font-size:12px;line-height:1.15}.dashboard-section .data-table{font-size:13px;line-height:1.42}.dashboard-section .data-table th,.dashboard-section .data-table td{padding:9px 10px}.dashboard-section .data-table th{font-size:12px}.dashboard-section .table-primary{font-size:13px}.dashboard-section .table-secondary,.dashboard-section .table-tertiary{font-size:11px}.dashboard-section .friendly-app-table .candidate-stack{grid-template-columns:34px minmax(0,1fr);gap:8px}.dashboard-section .friendly-app-table .candidate-avatar{width:34px;height:34px;border-radius:12px}.dashboard-section .match-score strong{font-size:22px}.dashboard-section .match-score .score-bar{height:8px}.dashboard-section .status-pill{padding:4px 8px;font-size:11px}.dashboard-section .actions-cell{min-width:120px}.dashboard-section .friendly-app-table .table-mini-form .select{min-width:112px;padding:7px 8px;font-size:12px}.dashboard-section .friendly-app-table .table-mini-form{gap:5px}.dashboard-section .table-open-btn{margin-bottom:0}@media(max-width:1180px){.dashboard-section .dash-layout{grid-template-columns:1fr!important}.dashboard-section .side{position:static}}
.dashboard-section .friendly-app-table .data-table{width:100%;min-width:0;table-layout:fixed}.dashboard-section .friendly-app-table th:nth-child(1),.dashboard-section .friendly-app-table td:nth-child(1){width:24%}.dashboard-section .friendly-app-table th:nth-child(2),.dashboard-section .friendly-app-table td:nth-child(2){width:15%}.dashboard-section .friendly-app-table th:nth-child(3),.dashboard-section .friendly-app-table td:nth-child(3){width:28%}.dashboard-section .friendly-app-table th:nth-child(4),.dashboard-section .friendly-app-table td:nth-child(4){width:9%}.dashboard-section .friendly-app-table th:nth-child(5),.dashboard-section .friendly-app-table td:nth-child(5){width:10%}.dashboard-section .friendly-app-table th:nth-child(6),.dashboard-section .friendly-app-table td:nth-child(6){width:14%}.dashboard-section .friendly-app-table .applicant-cell,.dashboard-section .friendly-app-table .job-cell,.dashboard-section .friendly-app-table .match-cell,.dashboard-section .friendly-app-table .status-cell,.dashboard-section .friendly-app-table .actions-cell,.dashboard-section .friendly-app-table .compact-progress{min-width:0}.dashboard-section .friendly-app-table .candidate-stack>div:last-child,.dashboard-section .friendly-app-table .job-cell,.dashboard-section .friendly-app-table .match-cell{min-width:0;overflow-wrap:anywhere}.dashboard-section .friendly-app-table .match-score{min-width:0}.dashboard-section .friendly-app-table .match-score .score-bar{max-width:100%}.dashboard-section .table-actions,.dashboard-section .friendly-app-table .table-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.dashboard-section .friendly-app-table .table-mini-form{display:flex;flex-wrap:wrap;align-items:center}.dashboard-section .table-actions .btn,.dashboard-section .table-actions .select,.dashboard-section .friendly-app-table .table-inline-actions .btn,.dashboard-section .friendly-app-table .table-mini-form .btn,.dashboard-section .friendly-app-table .table-mini-form .select{width:auto;min-width:0}.dashboard-section .table-actions .select{flex:1 1 98px;padding:7px 8px;font-size:12px}.dashboard-section .friendly-app-table .table-mini-form .select{flex:1 1 92px}.dashboard-section .friendly-app-table .status-pill{white-space:normal}.dashboard-section .friendly-app-table .table-fit-wrap .match-details p{max-width:100%}
.user-overview{display:grid;gap:18px}.overview-panel{border:1px solid #ede9fe;border-radius:20px;background:#fff;padding:18px;box-shadow:0 10px 24px rgba(139,92,246,.06)}.overview-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#faf8ff,#f3f0ff)}.overview-primary h3{margin-top:6px;font-size:24px}.overview-primary p{max-width:720px;margin:8px 0 0;color:#475569;line-height:1.65}.overview-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.overview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.overview-panel-head .tiny{color:#6d28d9;font-weight:950}.pipeline-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pipeline-summary div{border:1px solid #ede9fe;border-radius:14px;background:#faf8ff;padding:12px}.pipeline-summary strong{display:block;font-size:22px}.pipeline-summary span{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:900}.overview-latest{margin-top:14px;border-top:1px solid #ede9fe;padding-top:14px}.overview-latest>span{display:block;margin-top:3px}.check-list{display:grid;gap:8px;margin-top:14px}.check-list span{border:1px solid #ede9fe;border-radius:12px;background:#faf8ff;padding:10px 12px;color:#334155;font-size:13px;font-weight:900}.overview-list{display:grid;gap:10px}.overview-row{display:grid;gap:4px;border:1px solid #ede9fe;border-radius:14px;background:#faf8ff;padding:12px;transition:.2s}.overview-row:hover{border-color:#c4b5fd;background:#f5f3ff}.overview-row span{color:#64748b;font-size:13px;font-weight:800}body.theme-dark .overview-panel,body.theme-dark .overview-primary,body.theme-dark .pipeline-summary div,body.theme-dark .check-list span,body.theme-dark .overview-row{border-color:#382a66;background:#171331;color:#e5e7eb;box-shadow:none}body.theme-dark .overview-primary p,body.theme-dark .pipeline-summary span,body.theme-dark .overview-row span{color:#cbd5e1}@media(max-width:900px){.overview-primary,.overview-grid{grid-template-columns:1fr}.overview-actions{justify-content:flex-start}.pipeline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.pipeline-summary{grid-template-columns:1fr}}
.profile-summary-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-summary-pills span{border:1px solid #ddd6fe;border-radius:999px;background:#fff;padding:7px 11px;color:#6d28d9;font-size:12px;font-weight:950}.friendly-task-list{display:grid;gap:8px}.task-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #ddd6fe;border-radius:14px;background:#f5f3ff;padding:10px 12px;transition:.2s}.task-item:hover{border-color:#a78bfa;background:#ede9fe}.task-item.is-done{border-color:#bbf7d0;background:#f0fdf4}.task-dot{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:950}.task-item.is-done .task-dot{background:#16a34a}.task-item strong{display:block;font-size:14px}.task-item small{display:block;margin-top:2px;color:#64748b;line-height:1.35}.task-item em{font-style:normal;color:#6d28d9;font-size:12px;font-weight:950}.task-item.is-done em{color:#15803d}.recruiter-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid #ede9fe;border-radius:16px;background:#faf8ff;padding:14px;margin-bottom:14px}.recruiter-preview span{display:block;margin-top:3px;color:#64748b;font-size:13px;font-weight:800}.recruiter-preview p{margin:6px 0 0;color:#6d28d9;font-size:13px;font-weight:900;line-height:1.45}body.theme-dark .profile-summary-pills span,body.theme-dark .task-item,body.theme-dark .recruiter-preview{border-color:#382a66;background:#171331;color:#e5e7eb}body.theme-dark .task-item small,body.theme-dark .recruiter-preview span{color:#cbd5e1}
.profile-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.profile-tools p{margin:6px 0 0;line-height:1.5}.profile-tool-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.profile-tools [data-profile-tool-status]{grid-column:1/-1;color:#15803d;font-weight:900}@media(max-width:720px){.profile-tools{grid-template-columns:1fr}.profile-tool-actions{justify-content:flex-start}.profile-tool-actions .btn{width:100%}}@media print{.header,.footer,.side,.nav-actions,.profile-tools,.notification-card,.dashboard-main>.grid3{display:none!important}.dash-layout{display:block!important}.dashboard-content-card,.profile-section-card,.profile-hero-card{box-shadow:none!important}.section{padding:0!important}.wrap{max-width:none!important}}
.dashboard-section .friendly-app-table .data-table td{padding-top:10px;padding-bottom:10px}.dashboard-section .friendly-app-table .candidate-stack{grid-template-columns:30px minmax(0,1fr);gap:8px}.dashboard-section .friendly-app-table .candidate-avatar{width:30px;height:30px;border-radius:10px;font-size:13px;box-shadow:none}.dashboard-section .friendly-app-table .table-primary{font-size:13px;line-height:1.25}.dashboard-section .friendly-app-table .table-secondary{font-size:11px;line-height:1.25}.dashboard-section .friendly-app-table .table-tertiary{font-size:10px;line-height:1.25}.dashboard-section .friendly-app-table .applicant-cell .status-pill.rejected{display:inline-flex;max-width:100%;padding:3px 8px;border-radius:999px;font-size:10px;line-height:1.15;white-space:normal;word-break:normal;overflow-wrap:anywhere}.dashboard-section .friendly-app-table .match-score{gap:5px}.dashboard-section .friendly-app-table .match-score>strong{font-size:20px;line-height:1;color:#b91c1c}.dashboard-section .friendly-app-table .match-score .cv-quality-line{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:4px;border:1px solid #fecaca;border-radius:999px;background:#fef2f2;padding:4px 8px;color:#b91c1c!important;font-size:11px!important;line-height:1.15!important;font-weight:900!important;white-space:normal}.dashboard-section .friendly-app-table .match-score .cv-quality-line strong{font-size:11px!important;line-height:1.15!important;font-weight:900!important;color:inherit!important}.dashboard-section .friendly-app-table .recruiter-summary{font-size:11px;line-height:1.38;max-width:100%}.dashboard-section .friendly-app-table .match-mini-summary span{font-size:10px;padding:3px 7px}.dashboard-section .friendly-app-table th:nth-child(1),.dashboard-section .friendly-app-table td:nth-child(1){width:23%}.dashboard-section .friendly-app-table th:nth-child(2),.dashboard-section .friendly-app-table td:nth-child(2){width:15%}.dashboard-section .friendly-app-table th:nth-child(3),.dashboard-section .friendly-app-table td:nth-child(3){width:30%}.dashboard-section .friendly-app-table th:nth-child(6),.dashboard-section .friendly-app-table td:nth-child(6){width:13%}body.theme-dark .dashboard-section .friendly-app-table .match-score .cv-quality-line{border-color:#7f1d1d;background:#450a0a;color:#fecaca!important}
.super-analytics{display:grid;gap:18px}.analytics-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:18px;align-items:center;border:1px solid #e0e7ff;border-radius:20px;background:linear-gradient(135deg,#faf8ff,#fff 58%,#f0fdf4);padding:20px}.analytics-hero-card h3{font-size:24px}.analytics-hero-card p{margin:6px 0 0}.analytics-alert{display:grid;place-items:center;text-align:center;border:1px solid #ddd6fe;border-radius:18px;background:#fff;padding:18px}.analytics-alert strong{font-size:30px;color:#6d28d9;line-height:1}.analytics-alert span{margin-top:6px;color:#64748b;font-size:12px;font-weight:900}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-kpi,.analytics-card{min-width:0;border:1px solid #e0e7ff;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.04)}.analytics-kpi{display:grid;gap:5px;padding:16px}.analytics-kpi span,.analytics-kpi small{color:#64748b;font-size:12px;font-weight:900}.analytics-kpi strong{color:#141022;font-size:28px;line-height:1}.analytics-card{padding:16px}.analytics-card h3{margin-bottom:12px;font-size:17px}.analytics-grid{display:grid;gap:14px}.analytics-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:#475569;font-size:13px;font-weight:800}.analytics-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-line strong{color:#141022}.analytics-table{display:grid;gap:8px}.analytics-table-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(74px,auto) minmax(74px,auto);gap:10px;align-items:center;border-radius:14px;background:#faf8ff;padding:10px}.analytics-table-row strong,.analytics-feed-item strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#141022;font-size:13px}.analytics-table-row span,.analytics-feed-item span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:11px;font-weight:800}.analytics-feed-item{border-bottom:1px solid #eef2f7;padding:10px 0}.analytics-feed-item:last-child{border-bottom:0;padding-bottom:0}.manage-verification{display:grid;gap:14px;margin:20px 0}.verification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.verification-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #e0e7ff;border-radius:18px;background:#fff;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.verification-card strong,.verification-card span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verification-card span{color:#64748b;font-size:12px;font-weight:800}.verification-pill{display:inline-flex;border-radius:999px;padding:5px 10px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:950}.verification-pill.verified{background:#dcfce7;color:#166534}.verification-pill.pending{background:#fef3c7;color:#92400e}.verification-pill.rejected{background:#fee2e2;color:#991b1b}.verification-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.verification-actions .btn{min-height:36px;padding:8px 11px;font-size:12px}.check-option{display:flex;align-items:center;gap:10px;border:1px solid #e0e7ff;border-radius:14px;background:#fff;padding:12px 14px;color:#334155;font-weight:900}.check-option input{width:18px;height:18px}.blog-card-badges{display:flex;flex-wrap:wrap;gap:8px}.badge.featured{background:#6d28d9;color:#fff}.mini-timeline{margin-top:12px}.mini-timeline .timeline-list{max-height:180px;overflow:auto}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}body.theme-dark .analytics-hero-card,body.theme-dark .analytics-kpi,body.theme-dark .analytics-card,body.theme-dark .analytics-alert,body.theme-dark .verification-card,body.theme-dark .check-option{border-color:#382a66;background:#171331;color:#e5e7eb;box-shadow:none}body.theme-dark .analytics-table-row{background:#141022}body.theme-dark .analytics-kpi strong,body.theme-dark .analytics-line strong,body.theme-dark .analytics-table-row strong,body.theme-dark .analytics-feed-item strong,body.theme-dark .verification-card strong{color:#e5e7eb}@media(max-width:1180px){.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid-2,.analytics-grid-3{grid-template-columns:1fr}}@media(max-width:640px){.analytics-hero-card{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:1fr}.analytics-table-row,.verification-card{grid-template-columns:1fr}.analytics-line span,.analytics-table-row strong,.analytics-table-row span,.analytics-feed-item strong,.analytics-feed-item span,.verification-card strong,.verification-card span{white-space:normal}}
.side-btn{grid-template-columns:24px minmax(0,1fr)!important;gap:10px!important}
.side-icon{position:relative;display:inline-flex;width:22px;height:22px;min-width:22px;align-items:center;justify-content:center;color:#475569}
.side-icon:before,.side-icon:after{content:"";position:absolute;display:block;box-sizing:border-box}
.side-btn.active .side-icon,.side-btn:hover .side-icon{color:#5b21b6}
.side-icon-profile:before{width:9px;height:9px;top:2px;border:2px solid currentColor;border-radius:999px}.side-icon-profile:after{width:17px;height:9px;bottom:2px;border:2px solid currentColor;border-radius:999px 999px 4px 4px}
.side-icon-applications:before{width:15px;height:17px;border:2px solid currentColor;border-radius:4px}.side-icon-applications:after{width:9px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor;top:7px}
.side-icon-post-job:before,.side-icon-manage:before{width:16px;height:13px;bottom:3px;border:2px solid currentColor;border-radius:4px}.side-icon-post-job:after,.side-icon-manage:after{width:8px;height:5px;top:3px;border:2px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0}
.side-icon-blog:before{width:16px;height:16px;border:2px solid currentColor;border-radius:4px}.side-icon-blog:after{width:8px;height:2px;background:currentColor;top:7px;box-shadow:0 5px 0 currentColor}
.side-icon-inbox:before{width:18px;height:14px;bottom:3px;border:2px solid currentColor;border-radius:4px}.side-icon-inbox:after{width:10px;height:10px;top:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.side-icon-admins:before{width:8px;height:8px;left:2px;top:4px;border:2px solid currentColor;border-radius:999px;box-shadow:9px 0 0 -1px currentColor}.side-icon-admins:after{width:19px;height:8px;bottom:3px;border:2px solid currentColor;border-radius:999px 999px 4px 4px}
.side-icon-statistics:before{left:3px;bottom:3px;width:3px;height:8px;background:currentColor;box-shadow:6px -5px 0 currentColor,12px -10px 0 currentColor}.side-icon-statistics:after{left:2px;right:2px;bottom:2px;height:2px;background:currentColor}
.side-icon-settings:before{width:16px;height:16px;border:2px solid currentColor;border-radius:999px}.side-icon-settings:after{width:6px;height:6px;border:2px solid currentColor;border-radius:999px;background:transparent}
.side-icon-overview:before,.side-icon-saved:before,.side-icon-saved-searches:before{width:16px;height:16px;border:2px solid currentColor;border-radius:4px}.side-icon-overview:after{width:4px;height:4px;background:currentColor;box-shadow:6px 0 0 currentColor,0 6px 0 currentColor,6px 6px 0 currentColor}.side-icon-saved:after{width:8px;height:12px;top:4px;border:2px solid currentColor;border-top:0;border-radius:0 0 4px 4px}.side-icon-saved-searches:after{width:8px;height:8px;border:2px solid currentColor;border-radius:999px;right:0;bottom:0}
body.theme-dark .side-icon{color:#cbd5e1}
body.theme-dark .side-btn.active .side-icon,body.theme-dark .side-btn:hover .side-icon{color:#ddd6fe}

/* Job seeker dashboard clarity pass */
.dashboard-section .user-dash-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    border: 1px solid #e0e7ff;
    background: linear-gradient(135deg, #faf8ff, #f3f0ff 58%, #ecfdf3);
    color: #fff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, .08);
}

.dashboard-section .user-dash-hero span {
    display: inline-flex;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .78) !important;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-section .user-dash-hero h2 {
    color: #fff !important;
    line-height: 1.08;
}

.dashboard-section .user-dash-hero p {
    max-width: 760px;
    color: rgba(255, 255, 255, .86) !important;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 650;
}

.user-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.user-hero-actions .btn {
    min-height: 42px;
    white-space: nowrap;
}

.dashboard-section .user-dash-hero .user-hero-actions .btn:not(.outline) {
    background: #fff !important;
    color: #4f46e5 !important;
    border-color: #fff !important;
}

.dashboard-section .user-dash-hero .user-hero-actions .btn.outline {
    background: transparent !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, .55) !important;
}

.dashboard-section .user-dash-hero .user-hero-actions .btn.outline:hover {
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .8) !important;
}

.dashboard-section .grid3 > .stat {
    border-color: #e0e7ff;
    background: #fff;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .055);
}

.dashboard-section .grid3 > .stat .tiny {
    color: #475467 !important;
    font-size: 12px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.dashboard-section .grid3 > .stat .stat-value {
    color: #14102c;
}

.user-dashboard-guide {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 14px !important;
    background: #fff !important;
}

.guide-step {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 4px 12px;
    align-items: start;
    min-width: 0;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #faf8ff;
    padding: 14px;
}

.guide-step span {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #4f46e5;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
}

.guide-step strong {
    color: #14102c;
    font-size: 15px;
    line-height: 1.25;
}

.guide-step small {
    color: #475467;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 750;
}

.dashboard-tab-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin-bottom: 14px;
    background: linear-gradient(135deg, #fff, #faf8ff) !important;
}

.dashboard-tab-intro h3 {
    margin: 4px 0 6px;
    color: #14102c;
    font-size: 20px;
    line-height: 1.25;
}

.dashboard-tab-intro p {
    max-width: 760px;
    margin: 0;
    color: #475467;
    line-height: 1.6;
    font-weight: 650;
}

.dashboard-section .application-card {
    border-color: #e0e7ff;
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(16, 24, 40, .045);
}

.dashboard-section .application-title strong a {
    color: #14102c;
}

.dashboard-section .application-title .status-pill {
    margin-top: 4px;
}

body.theme-dark .dashboard-section .user-dash-hero,
body.theme-dark .user-dashboard-guide,
body.theme-dark .guide-step,
body.theme-dark .dashboard-tab-intro,
body.theme-dark .dashboard-section .grid3 > .stat {
    border-color: #382a66 !important;
    background: #171331 !important;
    box-shadow: none !important;
}

body.theme-dark .dashboard-section .user-dash-hero h2,
body.theme-dark .dashboard-section .grid3 > .stat .stat-value,
body.theme-dark .guide-step strong,
body.theme-dark .dashboard-tab-intro h3,
body.theme-dark .dashboard-section .application-title strong a {
    color: #f8fafc !important;
}

body.theme-dark .dashboard-section .user-dash-hero p,
body.theme-dark .guide-step small,
body.theme-dark .dashboard-tab-intro p {
    color: #cbd5e1 !important;
}

body.theme-dark .dashboard-section .user-dash-hero span {
    color: rgba(255, 255, 255, .78);
}

@media(max-width: 1024px) {
    .dashboard-section .user-dash-hero,
    .dashboard-tab-intro {
        grid-template-columns: 1fr;
    }

    .user-hero-actions {
        justify-content: flex-start;
    }

    .user-dashboard-guide {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 560px) {
    .user-hero-actions .btn,
    .dashboard-tab-intro .btn {
        width: 100%;
    }

    .guide-step {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 12px;
    }
}

/* Compact job seeker profile */
.user-profile-compact {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 14px;
    align-items: start;
}

.user-profile-compact > .profile-hero-card,
.user-profile-compact > .profile-tools,
.user-profile-compact > .profile-section-card:last-child {
    grid-column: 1 / -1;
}

.user-profile-compact .profile-hero-card {
    grid-template-columns: 72px minmax(0, 1fr) minmax(160px, 220px);
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
}

.user-profile-compact .profile-photo-large {
    width: 72px;
    height: 72px;
    font-size: 25px;
}

.user-profile-compact .profile-hero-copy h3 {
    margin: 2px 0 4px;
    font-size: 24px;
    line-height: 1.15;
}

.user-profile-compact .profile-hero-copy p {
    font-size: 14px;
}

.user-profile-compact .profile-summary-pills {
    margin-top: 10px;
    gap: 6px;
}

.user-profile-compact .profile-summary-pills span,
.user-profile-compact .skill-chip-list span {
    padding: 6px 10px;
    font-size: 12px;
}

.user-profile-compact .profile-quick-actions {
    margin-top: 12px;
}

.user-profile-compact .profile-score-card {
    padding: 14px;
    border-radius: 14px;
}

.user-profile-compact .profile-score-card strong {
    font-size: 28px;
}

.user-profile-compact .profile-tools {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 16px;
    border-radius: 16px;
}

.user-profile-compact .profile-tools h3,
.user-profile-compact .profile-section-card h3 {
    font-size: 18px;
    line-height: 1.25;
}

.user-profile-compact .profile-friendly-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
}

.user-profile-compact .profile-section-card {
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(16, 24, 40, .045);
}

.user-profile-compact .overview-panel-head {
    margin-bottom: 12px;
}

.user-profile-compact .profile-detail-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.user-profile-compact .profile-detail-list div,
.user-profile-compact .cv-card,
.user-profile-compact .task-item,
.user-profile-compact .recruiter-preview,
.user-profile-compact .profile-activity-grid a {
    border-radius: 12px;
    padding: 10px 12px;
}

.user-profile-compact .profile-detail-list span {
    font-size: 11px;
}

.user-profile-compact .profile-detail-list strong {
    font-size: 13px;
    line-height: 1.35;
}

.user-profile-compact .friendly-task-list {
    gap: 7px;
}

.user-profile-compact .task-item {
    grid-template-columns: 30px minmax(0, 1fr) auto;
}

.user-profile-compact .task-dot {
    width: 28px;
    height: 28px;
    font-size: 10px;
}

.user-profile-compact .task-item strong {
    font-size: 13px;
}

.user-profile-compact .task-item small {
    font-size: 12px;
}

.user-profile-compact .skill-chip-list {
    gap: 7px;
}

.user-profile-compact .cv-card p {
    margin: 8px 0 10px;
}

.user-profile-compact .recruiter-preview {
    margin-bottom: 12px;
}

.user-profile-compact .profile-activity-grid {
    gap: 10px;
}

.user-profile-compact .profile-activity-grid strong {
    font-size: 22px;
}

body.theme-dark .user-profile-compact .profile-section-card {
    box-shadow: none;
}

@media(max-width: 1180px) {
    .user-profile-compact {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 760px) {
    .user-profile-compact .profile-hero-card,
    .user-profile-compact .profile-tools {
        grid-template-columns: 1fr;
    }

    .user-profile-compact .profile-detail-list {
        grid-template-columns: 1fr;
    }

    .user-profile-compact .profile-tool-actions .btn,
    .user-profile-compact .profile-quick-actions .btn {
        width: 100%;
    }
}

/* ── Jobs table ────────────────────────────────────────────────── */
.jobs-table-wrap { border-radius: 16px; }
.jobs-data-table .job-cell  { min-width: 200px; }
.jobs-data-table .jsal-cell { min-width: 140px; }
.jobs-data-table .status-cell { min-width: 110px; }
.jobs-data-table .actions-cell { min-width: 0; white-space: nowrap; }

/* job meta row: type badge + tag chips */
.job-meta-row { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }

.jtype-badge {
    display: inline-flex; align-items: center;
    border-radius: 999px; padding: 3px 8px;
    font-size: 10px; font-weight: 950; line-height: 1; white-space: nowrap;
}
.jtype-fulltime { background: #e0e7ff; color: #4f46e5; }
.jtype-remote   { background: #d1fae5; color: #065f46; }
.jtype-hybrid   { background: #ede9fe; color: #5b21b6; }
.jtype-contract { background: #ffedd5; color: #9a3412; }
.jtype-parttime { background: #fce7f3; color: #9d174d; }
.jtype-default  { background: #e2e8f0; color: #475569; }

.jtag-chip {
    display: inline-flex; align-items: center;
    border: 1px solid #ede9fe; border-radius: 999px;
    background: #faf8ff; padding: 3px 8px;
    color: #6d28d9; font-size: 10px; font-weight: 900; line-height: 1;
}
.jtag-more { background: #f1f5f9; border-color: #e2e8f0; color: #64748b; }

/* location */
.jloc { display: flex; align-items: center; gap: 4px; }
.jloc::before {
    content: "";
    display: inline-block; width: 8px; height: 10px; flex: 0 0 8px;
    background: currentColor; border-radius: 50% 50% 50% 0; opacity: .45;
    transform: rotate(-45deg);
}

/* recruiter dot */
.table-secondary .jrecruiter-dot {
    display: inline-block; width: 7px; height: 7px; border-radius: 999px;
    background: #22c55e; margin-right: 5px; vertical-align: middle;
}

/* salary */
.jsal { color: #141022; font-weight: 950; font-size: 12px; }

/* deadline */
.jdeadline { margin-top: 5px; font-size: 10px; font-weight: 800; color: #64748b; }
.jdeadline-expired { color: #b91c1c; font-weight: 950; }
.jdeadline-none { color: #94a3b8; }

/* actions row */
.job-row-actions {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
}
.job-row-actions .btn   { padding: 7px 11px; font-size: 12px; border-radius: 10px; }
.job-row-actions form   { display: contents; }
.jdel-btn               { padding: 7px 11px !important; font-size: 12px !important; border-radius: 10px !important; }

/* dark mode */
body.theme-dark .jtag-chip  { border-color: #382a66; background: #141022; color: #c4b5fd; }
body.theme-dark .jtag-more  { border-color: #334155; background: #2a2347; color: #94a3b8; }
body.theme-dark .jtype-fulltime { background: #382a66; color: #c4b5fd; }
body.theme-dark .jtype-remote   { background: #064e3b; color: #6ee7b7; }
body.theme-dark .jtype-hybrid   { background: #2e1065; color: #c4b5fd; }
body.theme-dark .jtype-contract { background: #431407; color: #fdba74; }
body.theme-dark .jtype-parttime { background: #500724; color: #f9a8d4; }
body.theme-dark .jtype-default  { background: #2a2347; color: #94a3b8; }
body.theme-dark .jdeadline      { color: #94a3b8; }
body.theme-dark .jdeadline-expired { color: #fca5a5; }
body.theme-dark .jsal           { color: #e5e7eb; }

/* ═══════════════════════════════════════════════════════════════
   JOB SEEKER DASHBOARD — NEW FEATURE COMPONENTS
═══════════════════════════════════════════════════════════════ */

/* ── 4-stat row ──────────────────────────────────────────── */
.dash-stats-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.dash-stat-user {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
}
.stat-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    flex: 0 0 auto;
}
.stat-icon-wrap .icon { width: 22px; height: 22px; }
.stat-blue  { background: #ede9fe; color: #6d28d9; }
.stat-indigo { background: #eef2ff; color: #4338ca; }
.stat-amber { background: #fef3c7; color: #92400e; }
.stat-green { background: #dcfce7; color: #15803d; }
.stat-sub {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}
@media(max-width:900px) { .dash-stats-row { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:520px) { .dash-stats-row { grid-template-columns: 1fr; } }

/* ── Guide step — completion state ──────────────────────── */
.user-dashboard-guide {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}
.guide-step {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
    border: 1px solid #e0e7ff;
    border-radius: 14px;
    background: #faf8ff;
    padding: 12px;
    transition: border-color .2s;
}
.guide-step > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #8b5cf6;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    flex: 0 0 auto;
}
.guide-step.done { border-color: #bbf7d0; background: #f0fdf4; }
.guide-step.done > span:first-child { background: #16a34a; }
.guide-step strong { display: block; font-size: 13px; }
.guide-step small { display: block; margin-top: 3px; color: #64748b; font-size: 12px; line-height: 1.4; }
.guide-step .tiny { align-self: center; white-space: nowrap; }
@media(max-width:720px) { .user-dashboard-guide { grid-template-columns: 1fr; } }

/* ── Pipeline stage row ──────────────────────────────────── */
.pipeline-stage-row {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 10px;
    position: relative;
}
/* Reset absolute positioning inherited from home.css .pipeline-stage rules */
.pipeline-stage-row .pipeline-stage {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: grid;
    gap: 3px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 10px 8px;
    text-align: center;
    transition: .18s;
}
.pipeline-stage.has-count {
    background: var(--ps-bg);
    border-color: transparent;
}
.pipeline-stage strong {
    display: block;
    font-size: 20px;
    font-weight: 950;
    line-height: 1;
    color: var(--ps-color, #64748b);
}
.pipeline-stage span {
    display: block;
    font-size: 10px;
    font-weight: 900;
    color: var(--ps-color, #94a3b8);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.pipeline-bar-wrap {
    display: flex;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    gap: 2px;
    margin-bottom: 12px;
}
.pipeline-bar-seg { border-radius: 999px; transition: width .4s; }
@media(max-width:640px) { .pipeline-stage-row { grid-template-columns: repeat(3, 1fr); } }

/* ── Profile score ring ──────────────────────────────────── */
.profile-score-ring {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
}
.profile-score-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.profile-score-ring > span {
    position: relative;
    font-size: 13px;
    font-weight: 950;
    color: #8b5cf6;
}
.profile-complete-badge {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    border: 1px solid #bbf7d0;
    border-radius: 14px;
    background: #f0fdf4;
    padding: 12px;
    margin-top: 12px;
}
.profile-complete-badge > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-size: 18px;
    font-weight: 950;
}
.profile-complete-badge strong { display: block; font-size: 14px; }
.profile-complete-badge small { display: block; margin-top: 3px; color: #64748b; font-size: 12px; }

/* ── Recommended jobs grid (card layout) ─────────────────── */
.rec-jobs-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 6px;
}
.rec-job-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd6fe;
    border-radius: 18px;
    background: #fff;
    padding: 14px;
    gap: 10px;
    transition: border-color .18s, box-shadow .18s;
}
.rec-job-card:hover {
    border-color: #c4b5fd;
    box-shadow: 0 8px 22px rgba(139,92,246,.12);
}
.rec-job-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.rec-job-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 950;
    flex: 0 0 auto;
    box-shadow: 0 4px 10px rgba(0,0,0,.12);
}
.rec-score-badge {
    display: flex;
    align-items: baseline;
    gap: 1px;
    padding: 4px 9px;
    border-radius: 999px;
    font-weight: 950;
}
.rec-score-badge strong { font-size: 17px; line-height: 1; }
.rec-score-badge span { font-size: 11px; }
.rec-score-high   { background: #dcfce7; color: #15803d; }
.rec-score-medium { background: #fef3c7; color: #92400e; }
.rec-score-low    { background: #fee2e2; color: #9f1239; }
.rec-job-body {
    display: grid;
    gap: 3px;
    flex: 1;
}
.rec-job-body strong { font-size: 14px; line-height: 1.25; }
.rec-job-body span { font-size: 13px; color: #64748b; font-weight: 800; }
.rec-job-body small { font-size: 12px; color: #94a3b8; }
.rec-job-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 5px;
}
.rec-job-btn {
    width: 100% !important;
    margin-top: auto !important;
    text-align: center !important;
}
@media(max-width:1100px) { .rec-jobs-grid { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:600px)  { .rec-jobs-grid { grid-template-columns: 1fr; } }

/* ── Skills gap list ─────────────────────────────────────── */
.skill-gap-list { display: grid; gap: 8px; }
.skill-gap-item {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fffbeb;
    padding: 9px 12px;
}
.gap-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #f59e0b;
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    flex: 0 0 auto;
}
.gap-name {
    font-size: 13px;
    font-weight: 900;
    color: #92400e;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Saved shortlist rows ────────────────────────────────── */
.saved-job-row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid #ede9fe;
    border-radius: 14px;
    background: #faf8ff;
    padding: 10px 12px;
    transition: .18s;
    text-decoration: none;
}
.saved-job-row:hover { border-color: #c4b5fd; background: #f5f3ff; }
.saved-job-row > div { min-width: 0; }
.saved-job-row strong { display: block; font-size: 13px; color: #141022; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.saved-job-row span { display: block; font-size: 12px; color: #64748b; font-weight: 800; margin-top: 2px; }
.saved-job-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    flex: 0 0 auto;
}

/* ── Candidate rank badge (application detail page) ─────── */
.candidate-rank-badge {
    display: grid;
    gap: 8px;
    border-radius: 12px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
}
.rank-badge-top    { background: #f0fdf4; border-color: #bbf7d0; }
.rank-badge-above  { background: #eef2ff; border-color: #ddd6fe; }
.rank-badge-below  { background: #fffbeb; border-color: #fde68a; }
.rank-badge-low    { background: #fff1f2; border-color: #fecdd3; }

.rank-badge-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.rank-badge-pos {
    font-size: 20px;
    font-weight: 950;
    line-height: 1;
    color: #14102c;
}
.rank-badge-of { font-size: 13px; font-weight: 700; color: #667085; }
.rank-badge-label {
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: 3px 8px;
    border-radius: 999px;
}
.rank-badge-top    .rank-badge-label { background: #dcfce7; color: #166534; }
.rank-badge-above  .rank-badge-label { background: #e0e7ff; color: #3730a3; }
.rank-badge-below  .rank-badge-label { background: #fef3c7; color: #92400e; }
.rank-badge-low    .rank-badge-label { background: #fee2e2; color: #991b1b; }

.rank-badge-stats {
    display: flex;
    gap: 14px;
    font-size: 12px;
    color: #667085;
    font-weight: 800;
}
.rank-badge-stats strong { color: #14102c; }

.rank-bar-wrap {
    height: 6px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}
.rank-bar-fill { height: 100%; border-radius: 999px; transition: width .4s; }
.rank-bar-fill-good { background: #22c55e; }
.rank-bar-fill-low  { background: #f59e0b; }

/* ── Inline rank chip in applications table ──────────────── */
.rank-inline {
    display: inline-flex;
    margin-top: 5px;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 900;
}
.rank-inline-top   { background: #dcfce7; color: #166534; }
.rank-inline-above { background: #e0e7ff; color: #3730a3; }
.rank-inline-below { background: #fef3c7; color: #92400e; }
.rank-inline-low   { background: #fee2e2; color: #991b1b; }

body.theme-dark .candidate-rank-badge { border-color: #382a66; background: #141022; }
body.theme-dark .rank-badge-pos       { color: #f8fafc; }
body.theme-dark .rank-badge-stats strong { color: #e2e8f0; }
body.theme-dark .rank-bar-wrap        { background: #2a2347; }

/* ── Profile next-step prompt ────────────────────────────── */
.profile-next-step {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    border: 1px solid #ddd6fe;
    border-radius: 14px;
    background: #f4f1ff;
    padding: 14px;
    margin-bottom: 10px;
}
.profile-next-step-body { min-width: 0; }
.profile-next-step-body strong {
    display: block;
    font-size: 13px;
    color: #14102c;
    margin-bottom: 4px;
}
.profile-next-step-body small {
    display: block;
    font-size: 12px;
    color: #475467;
    line-height: 1.5;
    font-weight: 750;
}
.profile-next-step .btn {
    white-space: nowrap;
    flex-shrink: 0;
}
.profile-also-missing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}
.profile-also-missing > .tiny { flex: 0 0 auto; }
.profile-gap-pill {
    display: inline-flex;
    border: 1px solid #ddd6fe;
    border-radius: 999px;
    background: #fff;
    padding: 4px 10px;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}
.profile-gap-pill:hover {
    background: #eef2ff;
    border-color: #c4b5fd;
}
body.theme-dark .profile-next-step {
    border-color: #382a66;
    background: #1d153c;
}
body.theme-dark .profile-next-step-body strong { color: #f8fafc; }
body.theme-dark .profile-next-step-body small  { color: #94a3b8; }
body.theme-dark .profile-gap-pill {
    border-color: #382a66;
    background: #171331;
    color: #c4b5fd;
}
body.theme-dark .profile-gap-pill:hover {
    background: #251c47;
    border-color: #5a4a9e;
}

/* ── Dark mode for all new components ───────────────────── */
body.theme-dark .dash-stat-user { border-color: #382a66 !important; background: #171331 !important; }
body.theme-dark .stat-blue  { background: #2a1e55; color: #c4b5fd; }
body.theme-dark .stat-indigo { background: #1e1b4b; color: #a5b4fc; }
body.theme-dark .stat-amber { background: #1c1408; color: #fbbf24; }
body.theme-dark .stat-green { background: #052e16; color: #4ade80; }
body.theme-dark .guide-step { border-color: #382a66; background: #171331; }
body.theme-dark .guide-step.done { border-color: #052e16; background: #0a1f0e; }
body.theme-dark .guide-step strong { color: #e5e7eb; }
body.theme-dark .guide-step small { color: #94a3b8; }
body.theme-dark .pipeline-stage { background: #141022; border-color: #382a66; }
body.theme-dark .rec-job-card { border-color: #382a66; background: #171331; }
body.theme-dark .rec-job-card:hover { border-color: #a78bfa; }
body.theme-dark .rec-job-body strong { color: #e5e7eb; }
body.theme-dark .rec-job-body span { color: #94a3b8; }
body.theme-dark .skill-gap-item { border-color: #451a03; background: #1c1408; }
body.theme-dark .gap-name { color: #fbbf24; }
body.theme-dark .saved-job-row { border-color: #382a66; background: #171331; }
body.theme-dark .saved-job-row:hover { border-color: #a78bfa; background: #251c47; }
body.theme-dark .saved-job-row strong { color: #e5e7eb; }
body.theme-dark .profile-score-ring > span { color: #a78bfa; }
body.theme-dark .profile-complete-badge { border-color: #052e16; background: #0a1f0e; }
body.theme-dark .profile-complete-badge strong { color: #e5e7eb; }
body.theme-dark .profile-complete-badge small { color: #94a3b8; }


/* ── Dashboard insights: KPI tiles + SVG charts (CSP-safe, no JS) ── */
.dash-insights{display:grid;gap:18px}
.dash-insights-head .eyebrow{margin:0;color:#7c3aed;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.dash-insights-head h3{margin:4px 0 0;font-size:24px;color:#141022}
.dash-insights-head .muted{margin:6px 0 0;color:#64748b}
.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dash-kpi{position:relative;display:grid;gap:6px;border:1px solid #e0e7ff;border-radius:18px;background:#fff;padding:16px 16px 16px 18px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.dash-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--dash-accent,#6366f1)}
.dash-kpi-label{color:#64748b;font-size:12px;font-weight:900}
.dash-kpi-value{color:#141022;font-size:28px;line-height:1;font-weight:900}
.dash-kpi-sub{color:#94a3b8;font-size:11px;font-weight:800}
.dash-kpi-trend{font-size:11px;font-weight:900}
.dash-trend-up{color:#16a34a}.dash-trend-down{color:#dc2626}.dash-trend-flat{color:#64748b}
.dash-chart-grid{display:grid;gap:14px}
.dash-chart-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dash-chart-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dash-card{min-width:0;border:1px solid #e0e7ff;border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.dash-card h3{margin:0 0 12px;font-size:17px;color:#141022}
.dash-donut{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dash-donut-svg{width:150px;height:150px;flex:none}
.dash-donut-value{font-size:30px;font-weight:900;fill:#141022}
.dash-donut-label{font-size:11px;font-weight:800;fill:#64748b;text-transform:uppercase;letter-spacing:.04em}
.dash-legend{flex:1;min-width:140px;list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dash-legend li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#475569}
.dash-legend li strong{margin-left:auto;color:#141022}
.dash-legend-dot{width:11px;height:11px;border-radius:4px;flex:none}
.dash-legend-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-bars{display:grid;gap:11px}
.dash-bar-row{display:grid;grid-template-columns:minmax(70px,34%) 1fr auto;align-items:center;gap:10px;font-size:13px;font-weight:800}
.dash-bar-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}
.dash-bar-track{height:10px;border-radius:999px;background:#eef2ff;overflow:hidden}
.dash-bar-fill{display:block;height:100%;border-radius:inherit}
.dash-bar-value{color:#141022;min-width:20px;text-align:right}
.dash-trend{display:flex;align-items:flex-end;gap:8px;height:160px;padding-top:8px}
.dash-trend-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.dash-trend-count{font-size:11px;font-weight:900;color:#64748b}
.dash-trend-bar{width:100%;max-width:34px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#8b5cf6,#6366f1);min-height:2px}
.dash-trend-label{font-size:10px;font-weight:800;color:#94a3b8;white-space:nowrap}
.dash-deadline-list{display:grid;gap:8px}
.dash-deadline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:#faf8ff;padding:10px 12px;border-left:4px solid #94a3b8}
.dash-deadline-row.dash-deadline-soon{border-left-color:#ef4444}
.dash-deadline-row.dash-deadline-mid{border-left-color:#f59e0b}
.dash-deadline-row.dash-deadline-far{border-left-color:#22c55e}
.dash-deadline-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850;color:#141022;font-size:13px}
.dash-deadline-when{flex:none;color:#64748b;font-size:12px;font-weight:800}
body.theme-dark .dash-kpi,body.theme-dark .dash-card{border-color:#382a66;background:#171331;color:#e5e7eb;box-shadow:none}
body.theme-dark .dash-insights-head h3,body.theme-dark .dash-card h3,body.theme-dark .dash-kpi-value,body.theme-dark .dash-legend li strong,body.theme-dark .dash-bar-value,body.theme-dark .dash-deadline-title{color:#e5e7eb}
body.theme-dark .dash-donut-value{fill:#e5e7eb}
body.theme-dark .dash-bar-track{background:#241c44}
body.theme-dark .dash-deadline-row{background:#141022}
@media(max-width:1180px){.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-chart-grid-2,.dash-chart-grid-3{grid-template-columns:1fr}}
@media(max-width:640px){.dash-kpi-grid{grid-template-columns:1fr}.dash-trend-label{font-size:9px}}

/* ── Interactive chart enhancements (progressive; works without JS) ── */
.dash-bar-fill,.dash-trend-bar{transition:width .8s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.dash-bar-fill,.dash-trend-bar{transition:none}}
.dash-kpi{transition:transform .15s ease,box-shadow .15s ease}
.dash-kpi:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.10)}
.dash-bar-row,.dash-trend-col,.dash-legend-item{cursor:default}
.dash-bar-row:hover .dash-bar-fill{filter:brightness(1.08)}
.dash-trend-col:hover .dash-trend-bar{filter:brightness(1.12)}
.dash-donut-seg{transition:opacity .15s ease,stroke-width .15s ease;cursor:pointer}
.dash-donut-seg.is-active{stroke-width:30}
.dash-donut-seg.is-dim{opacity:.32}
.dash-legend-item{display:flex;align-items:center;gap:8px;border-radius:8px;padding:3px 4px;transition:background .15s ease}
.dash-legend-item.is-active{background:rgba(99,102,241,.10)}
.dash-tooltip{position:fixed;z-index:1000;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .12s ease;background:#0f172a;color:#fff;font-size:12px;font-weight:700;line-height:1.4;padding:7px 10px;border-radius:9px;box-shadow:0 10px 30px rgba(2,6,23,.35);max-width:240px}
.dash-tooltip.is-visible{opacity:1;transform:translateY(0)}
.dash-tooltip strong{display:block;font-weight:900;margin-bottom:1px}
.dash-notifications-bottom{margin-top:18px}
body.theme-dark .dash-tooltip{background:#241c44;box-shadow:0 10px 30px rgba(0,0,0,.5)}
body.theme-dark .dash-legend-item.is-active{background:rgba(139,92,246,.18)}

/* ── Collapsible left sidebar (icon-rail toggle) + wider page ── */
.dashboard-section>.wrap{max-width:1760px}
.dash-sidebar-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;margin-bottom:12px;padding:9px 14px;border:1px solid #e0e7ff;border-radius:12px;background:#faf8ff;color:#5b21b6;font-weight:850;cursor:pointer}
.dash-sidebar-toggle:hover{background:#f1edff}
.dash-toggle-bars{position:relative;width:18px;height:2px;background:currentColor;border-radius:2px;flex:none}
.dash-toggle-bars:before,.dash-toggle-bars:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px}
.dash-toggle-bars:before{top:-6px}.dash-toggle-bars:after{top:6px}
.dashboard-section .side-btn:hover:not(.active){background:#f1edff}
.dashboard-section .side-btn.active{background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(124,58,237,.22)}
.dashboard-section .side-btn.active .side-icon{color:#fff}
body.theme-dark .dashboard-section .side-btn:hover:not(.active){background:#241c44}
body.theme-dark .dash-sidebar-toggle{border-color:#382a66;background:#171331;color:#c4b5fd}
body.theme-dark .dash-sidebar-toggle:hover{background:#241c44}
/* collapsed icon rail */
.dashboard-section .dash-layout.is-collapsed{grid-template-columns:74px minmax(0,1fr)!important}
.dash-layout.is-collapsed .side-btn>span:last-child,.dash-layout.is-collapsed .side-user>div,.dash-layout.is-collapsed .dash-toggle-text{display:none}
.dash-layout.is-collapsed .side-btn{grid-template-columns:1fr!important;justify-items:center;padding:12px 0;position:relative}
.dash-layout.is-collapsed .side-user{grid-template-columns:1fr!important;justify-items:center;padding:8px 0}
.dash-layout.is-collapsed .dash-sidebar-toggle{justify-content:center;padding:9px}
.dash-layout.is-collapsed .side-btn:hover:after{content:attr(data-label);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);z-index:40;white-space:nowrap;background:#0f172a;color:#fff;font-size:12px;font-weight:800;padding:6px 10px;border-radius:8px;box-shadow:0 10px 24px rgba(2,6,23,.3)}
@media(max-width:1024px){.dashboard-section .dash-layout.is-collapsed{grid-template-columns:1fr!important}.dash-layout.is-collapsed .side-btn>span:last-child,.dash-layout.is-collapsed .side-user>div,.dash-layout.is-collapsed .dash-toggle-text{display:initial}.dash-layout.is-collapsed .side-btn:hover:after{display:none}}

/* ── Stacked bar ── */
.dash-stacked{display:grid;gap:12px}
.dash-stacked-track{display:flex;height:18px;border-radius:999px;overflow:hidden;background:#e2e8f0}
.dash-stacked-seg{min-width:3px;transition:width .4s ease}
.dash-stacked-seg:first-child{border-radius:999px 0 0 999px}
.dash-stacked-seg:last-child{border-radius:0 999px 999px 0}
.dash-stacked-seg:only-child{border-radius:999px}
.dash-stacked-legend{display:flex;flex-wrap:wrap;gap:10px 18px}
.dash-stacked-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#475569}
.dash-stacked-item strong{color:#141022;font-size:13px}
.dash-stacked-item small{color:#94a3b8}
body.theme-dark .dash-stacked-track{background:#1e293b}
body.theme-dark .dash-stacked-item{color:#cbd5e1}
body.theme-dark .dash-stacked-item strong{color:#e5e7eb}

/* ── Progress ring ── */
.dash-ring{display:inline-grid;place-items:center;gap:8px}
.dash-ring-svg{width:100px;height:100px}
.dash-ring-value{font-size:20px;font-weight:950;fill:#141022}
.dash-ring-label{font-size:12px;font-weight:800;color:#64748b;text-align:center}
body.theme-dark .dash-ring-value{fill:#e5e7eb}
body.theme-dark .dash-ring-label{color:#94a3b8}
body.theme-dark .dash-ring-svg circle:first-child{stroke:#1e293b}

/* ── Percentage list ── */
.dash-pct-list{display:grid;gap:10px}
.dash-pct-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto minmax(60px,100px);gap:10px;align-items:center;font-size:13px;font-weight:800}
.dash-pct-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}
.dash-pct-label{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-pct-value{color:#141022;font-weight:950;text-align:right}
.dash-pct-badge{color:#64748b;font-size:11px;font-weight:900;text-align:right;min-width:32px}
.dash-pct-track{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.dash-pct-track span{display:block;height:100%;border-radius:inherit;transition:width .4s ease}
body.theme-dark .dash-pct-label{color:#cbd5e1}
body.theme-dark .dash-pct-value{color:#e5e7eb}
body.theme-dark .dash-pct-badge{color:#94a3b8}
body.theme-dark .dash-pct-track{background:#1e293b}

/* ── Rings grid (for overview) ── */
.dash-rings-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px;padding:8px 0}