.page-recruiter-shortlist { box-sizing: border-box; margin: 0; padding: 0; }
.page-recruiter-shortlist { min-height: 100vh; background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 40%, #F7F7F7 100%); font-family: 'Geist', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; color: #1a1a1a; }
.page-recruiter-shortlist ::-webkit-scrollbar { height: 6px; width: 6px; }
.page-recruiter-shortlist ::-webkit-scrollbar-thumb { background: #d4cfc4; border-radius: 3px; }
.page-recruiter-shortlist button { cursor: pointer; border: none; background: none; font-family: inherit; }

/* ─── Page Header ─── */
.page-recruiter-shortlist .page-header { padding: 32px 32px 0; }
.page-recruiter-shortlist .page-title { font-size: 28px; font-weight: 700; color: #1a1a1a; font-family: 'Geist',system-ui,sans-serif; line-height: 1.2; }
.page-recruiter-shortlist .page-title i { font-style: italic; color: #B8975A; font-weight: 400; }
.page-recruiter-shortlist .page-subtitle { font-size: 13px; color: #999; margin-top: 6px; }

/* ─── Jobs Strip ─── */
.page-recruiter-shortlist .jobs-section { padding: 20px 32px 0; }
.page-recruiter-shortlist .jobs-label { font-size: 9px; font-weight: 800; letter-spacing: 2px; color: #999; text-transform: uppercase; margin-bottom: 10px; }
.page-recruiter-shortlist .jobs-strip { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 4px; }
.page-recruiter-shortlist .job-card { flex: 0 0 auto; min-width: 220px; padding: 16px 20px; border-radius: 14px; background: linear-gradient(135deg, rgba(229,212,160,0.10) 25%, transparent 25%, transparent 50%, rgba(229,212,160,0.10) 50%, rgba(229,212,160,0.10) 75%, transparent 75%) 0 0 / 40px 40px, linear-gradient(180deg, rgba(250,243,224,0.9), rgba(255,251,240,0.95)); border: 1.5px solid #D4BC7A; box-shadow: 0 2px 12px rgba(0,0,0,.03); transition: all .25s; cursor: pointer; position: relative; overflow: hidden; }
.page-recruiter-shortlist .job-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #DECE9F, #C9A96E, #B8975A); opacity: 0; transition: opacity .25s; }
.page-recruiter-shortlist .job-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.06); transform: translateY(-2px); }
.page-recruiter-shortlist .job-card.active { border-color: #B8975A; box-shadow: 0 0 0 2px rgba(184,151,90,.12), 0 6px 24px rgba(150,120,62,.08); }
.page-recruiter-shortlist .job-card.active::before { opacity: 1; }
.page-recruiter-shortlist .job-title { font-size: 14px; font-weight: 700; color: #1a1a1a; font-family: 'Geist',system-ui,sans-serif; }
.page-recruiter-shortlist .job-estab { font-size: 11px; color: #B8975A; font-weight: 600; margin-top: 2px; }
.page-recruiter-shortlist .job-meta { display: flex; align-items: center; gap: 10px; margin-top: 8px; font-size: 10px; color: #999; }
.page-recruiter-shortlist .job-count { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; padding: 3px 10px; border-radius: 10px; background: linear-gradient(135deg, rgba(201,169,110,.08), rgba(201,169,110,.04)); font-size: 10px; font-weight: 700; color: #B8975A; }

/* ─── Selection Strip ─── */
.page-recruiter-shortlist .strip-zone { margin: 20px 32px 0; }
.page-recruiter-shortlist .strip-label { font-size: 9px; font-weight: 800; letter-spacing: 2px; color: #B8975A; text-transform: uppercase; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.page-recruiter-shortlist .strip-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, #D5C9A8, transparent); }
.page-recruiter-shortlist .strip-empty { padding: 20px; border: 1.5px dashed rgba(0,0,0,.08); border-radius: 14px; text-align: center; background: rgba(255,255,255,.6); }
.page-recruiter-shortlist .strip-empty-text { font-size: 12px; color: #bbb; font-weight: 500; }
.page-recruiter-shortlist .strip-empty-sub { font-size: 10px; color: #ddd; margin-top: 3px; }
.page-recruiter-shortlist .strip-filled { display: flex; gap: 10px; align-items: center; min-height: 70px; }
.page-recruiter-shortlist .strip-card { flex: 0 0 auto; width: 110px; padding: 10px 8px; border-radius: 12px; background: #fff; border: 1.5px solid #B8975A; box-shadow: 0 0 0 2px rgba(184,151,90,.1), 0 4px 14px rgba(0,0,0,.06); text-align: center; position: relative; }
.page-recruiter-shortlist .strip-remove { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #ecc; color: #dc2626; font-size: 8px; display: flex; align-items: center; justify-content: center; transition: all .15s; line-height: 1; cursor: pointer; }
.page-recruiter-shortlist .strip-remove:hover { background: #fef2f2; }
.page-recruiter-shortlist .strip-av { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto 4px; border: 1.5px solid rgba(0,0,0,.06); background: #f0f0f0; }
.page-recruiter-shortlist .strip-name { font-size: 9px; font-weight: 700; color: #1a1a1a; font-family: 'Geist',system-ui,sans-serif; }
.page-recruiter-shortlist .strip-score { font-size: 8px; font-weight: 700; color: #B8975A; margin-top: 2px; }
.page-recruiter-shortlist .strip-cta { margin-left: auto; }
.page-recruiter-shortlist .btn-compare { padding: 14px 28px; border-radius: 10px; background: linear-gradient(135deg, #C4A559 0%, #D4BC7A 40%, #E5D4A0 70%, #EFE2B8 100%); box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 -1px 0 rgba(0,0,0,.08) inset, 0 4px 14px rgba(150,120,62,.3); font-size: 13px; font-weight: 700; color: #fff; letter-spacing: .5px; text-shadow: 0 1px 2px rgba(0,0,0,.2); transition: all .2s; white-space: nowrap; display: flex; align-items: center; gap: 8px; text-decoration: none; }
.page-recruiter-shortlist .btn-compare:hover { transform: translateY(-1px); box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 8px 24px rgba(150,120,62,.3); }
.page-recruiter-shortlist .btn-compare.disabled { opacity: .3; pointer-events: none; }
.page-recruiter-shortlist .btn-compare .pill { background: rgba(255,255,255,.25); padding: 2px 8px; border-radius: 10px; font-size: 11px; }

/* ─── Toolbar ─── */
.page-recruiter-shortlist .toolbar-zone { margin: 18px 32px 0; }
.page-recruiter-shortlist .toolbar { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.06); }
.page-recruiter-shortlist .toolbar-left { display: flex; align-items: center; gap: 6px; }
.page-recruiter-shortlist .toolbar-right { display: flex; align-items: center; gap: 8px; }
.page-recruiter-shortlist .f-btn { padding: 5px 12px; border-radius: 6px; font-size: 10px; font-weight: 600; color: #999; transition: all .15s; }
.page-recruiter-shortlist .f-btn:hover { color: #B8975A; background: rgba(0,0,0,.02); }
.page-recruiter-shortlist .f-btn.active { color: #1a1a1a; font-weight: 700; background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.06); }
.page-recruiter-shortlist .sort-sel { padding: 5px 10px; border-radius: 6px; font-size: 10px; font-weight: 600; color: #666; border: 1px solid rgba(0,0,0,.08); background: #fff; appearance: none; -webkit-appearance: none; font-family: inherit; }
.page-recruiter-shortlist .toolbar-sep { color: rgba(0,0,0,.1); font-size: 14px; margin: 0 2px; }
.page-recruiter-shortlist .btn-out-sm { padding: 6px 14px; border-radius: 7px; border: 1px solid rgba(0,0,0,.08); background: #fff; font-size: 10px; font-weight: 600; color: #666; transition: all .15s; }
.page-recruiter-shortlist .btn-out-sm:hover { border-color: #C9A96E; }

/* ═══ CANDIDATE CARDS ═══ */
.page-recruiter-shortlist .cand-list { margin: 14px 32px 40px; display: flex; flex-direction: column; gap: 10px; }
.page-recruiter-shortlist .cand-card { background: #fff; border: 1px solid rgba(0,0,0,.05); border-radius: 14px; overflow: hidden; transition: all .25s; position: relative; box-shadow: 0 1px 6px rgba(0,0,0,.02); }
.page-recruiter-shortlist .cand-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.05); transform: translateY(-1px); }
.page-recruiter-shortlist .cand-card.selected { border-color: #B8975A; box-shadow: 0 0 0 2px rgba(184,151,90,.1), 0 4px 16px rgba(150,120,62,.06); }
.page-recruiter-shortlist .cand-card.unavailable { opacity: .5; }
.page-recruiter-shortlist .cand-card.unavailable:hover { opacity: .7; }
.page-recruiter-shortlist .cand-card.selected::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, #C9A96E, #B8975A); border-radius: 14px 0 0 14px; z-index: 2; }

.page-recruiter-shortlist .cc-top { display: flex; align-items: center; }
.page-recruiter-shortlist .cc-visual { width: 80px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; background: linear-gradient(180deg, #FAFAFA, #F5F5F5); border-right: 1px solid rgba(0,0,0,.04); position: relative; }
.page-recruiter-shortlist .cc-check { position: absolute; top: 8px; left: 8px; }
.page-recruiter-shortlist .checkbox { width: 16px; height: 16px; border-radius: 4px; border: 1.5px solid #D5C9A8; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .15s; }
.page-recruiter-shortlist .checkbox.checked { background: linear-gradient(135deg, #C9A96E, #B8975A); border-color: #A08548; box-shadow: 0 2px 6px rgba(150,120,62,.25); }
.page-recruiter-shortlist .checkbox.checked::after { content: '\2713'; color: #fff; font-size: 9px; font-weight: 700; }

/* ─── Barre de comparaison flottante (bas, centrée) ─── */
.page-recruiter-shortlist .rsl-bar { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: #1a1a1a; color: #fff; border-radius: 14px; padding: 14px 22px; display: none; align-items: center; gap: 24px; box-shadow: 0 12px 40px rgba(0,0,0,.28); z-index: 200; border: 1px solid rgba(255,255,255,.08); }
.page-recruiter-shortlist .rsl-bar.visible { display: flex; animation: rslUp .25s ease both; }
@keyframes rslUp { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }
.page-recruiter-shortlist .rsl-bar-info { display: flex; align-items: center; gap: 8px; }
.page-recruiter-shortlist .rsl-bar-count { font-weight: 800; font-size: 15px; color: #E5D4A0; }
.page-recruiter-shortlist .rsl-bar-lbl { font-size: 13px; }
.page-recruiter-shortlist .rsl-bar-hint { font-size: 11px; color: rgba(255,255,255,.5); }
.page-recruiter-shortlist .rsl-bar-actions { display: flex; align-items: center; gap: 14px; }
.page-recruiter-shortlist .rsl-bar-clear { background: none; border: none; color: rgba(255,255,255,.7); font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit; }
.page-recruiter-shortlist .rsl-bar-clear:hover { color: #fff; }
.page-recruiter-shortlist .rsl-bar-go { padding: 9px 18px; border-radius: 9999px; background: linear-gradient(135deg, #C4A559, #D4BC7A 40%, #E5D4A0 70%, #EFE2B8); color: #1a1208; font-size: 12px; font-weight: 800; border: none; cursor: pointer; font-family: inherit; transition: filter .15s; }
.page-recruiter-shortlist .rsl-bar-go:hover { filter: brightness(1.05); }
.page-recruiter-shortlist .rsl-bar-go:disabled { opacity: .4; cursor: not-allowed; }
@media (max-width: 720px) { .page-recruiter-shortlist .rsl-bar { left: 12px; right: 12px; transform: none; flex-direction: column; align-items: stretch; gap: 12px; } .page-recruiter-shortlist .rsl-bar.visible { animation: none; } }
.page-recruiter-shortlist .cc-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; display: block; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,.06); background: #EDEDED; }
.page-recruiter-shortlist .cc-avatar.best { box-shadow: 0 0 0 2px #B8975A, 0 0 0 4px rgba(184,151,90,.15), 0 3px 10px rgba(150,120,62,.12); }
.page-recruiter-shortlist .cc-rank { font-size: 9px; font-weight: 800; color: #ccc; margin-top: 4px; }
.page-recruiter-shortlist .cc-rank.gold { color: #B8975A; }

.page-recruiter-shortlist .cc-info { flex: 1; padding: 12px 16px; display: flex; align-items: center; gap: 16px; min-width: 0; }
.page-recruiter-shortlist .cc-identity { width: 180px; flex-shrink: 0; }
.page-recruiter-shortlist .cc-name { font-size: 14px; font-weight: 700; color: #1a1a1a; font-family: 'Geist',system-ui,sans-serif; display: flex; align-items: center; gap: 5px; }
.page-recruiter-shortlist .cc-role { font-size: 10.5px; color: #B8975A; font-weight: 600; margin-top: 1px; }
.page-recruiter-shortlist .cc-tags { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 5px; }
.page-recruiter-shortlist .tag { font-size: 7.5px; font-weight: 600; letter-spacing: .4px; padding: 2px 7px; border-radius: 4px; background: rgba(0,0,0,.03); color: #777; border: 1px solid rgba(0,0,0,.05); white-space: nowrap; }

.page-recruiter-shortlist .cc-metrics { display: grid; grid-template-columns: 120px 100px 150px 80px 80px 110px; align-items: center; gap: 12px; flex: 1; }
.page-recruiter-shortlist .cc-metric { text-align: center; }
.page-recruiter-shortlist .cc-metric-label { font-size: 7.5px; font-weight: 800; letter-spacing: .8px; color: #1a1a1a; text-transform: uppercase; margin-bottom: 2px; }
.page-recruiter-shortlist .cc-metric-val { font-size: 13px; font-weight: 700; color: #1a1a1a; font-family: 'Geist',system-ui,sans-serif; }
.page-recruiter-shortlist .cc-metric-val.gold { color: #B8975A; }
.page-recruiter-shortlist .cc-metric-val .unit { font-size: 9px; font-weight: 400; color: #bbb; }
.page-recruiter-shortlist .stars { color: #DAA520; font-size: 9px; letter-spacing: 1px; }
.page-recruiter-shortlist .no-star { color: #ddd; font-size: 10px; }
.page-recruiter-shortlist .match-bar { width: 40px; height: 3px; background: rgba(0,0,0,.05); border-radius: 2px; overflow: hidden; margin: 3px auto 0; }
.page-recruiter-shortlist .match-fill { height: 100%; border-radius: 2px; }
/* Match badges colorés par niveau (perfect=vert / strong=orange / match=jaune) */
.page-recruiter-shortlist .cc-match-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 9999px; white-space: nowrap; }
.page-recruiter-shortlist .cc-match-perfect { background: rgba(46,125,50,.1); color: #2E7D32; border: 1px solid rgba(46,125,50,.3); }
.page-recruiter-shortlist .cc-match-strong { background: rgba(217,119,6,.1); color: #C2710C; border: 1px solid rgba(217,119,6,.3); }
.page-recruiter-shortlist .cc-match-ok { background: rgba(234,179,8,.15); color: #A16207; border: 1px solid rgba(234,179,8,.35); }
.page-recruiter-shortlist .mf-perfect { background: #2E7D32; }
.page-recruiter-shortlist .mf-strong { background: #D97706; }
.page-recruiter-shortlist .mf-ok { background: #EAB308; }
.page-recruiter-shortlist .mf-gold { background: linear-gradient(135deg, #C4A559 0%, #D4BC7A 40%, #E5D4A0 70%, #EFE2B8 100%); }
.page-recruiter-shortlist .mf-grey { background: #ccc; }
.page-recruiter-shortlist .avail { font-size: 8px; font-weight: 700; padding: 3px 8px; border-radius: 10px; white-space: nowrap; }
.page-recruiter-shortlist .avail-g { background: rgba(22,163,74,.06); color: #16a34a; border: 1px solid rgba(22,163,74,.1); }
.page-recruiter-shortlist .avail-o { background: rgba(184,134,11,.06); color: #B8860B; border: 1px solid rgba(184,134,11,.1); }
.page-recruiter-shortlist .avail-r { background: rgba(220,38,38,.05); color: #dc2626; border: 1px solid rgba(220,38,38,.08); }

/* Current post */
.page-recruiter-shortlist .cc-current { }
.page-recruiter-shortlist .cc-current-place { font-size: 10px; font-weight: 700; color: #1a1a1a; }
.page-recruiter-shortlist .cc-current-role { font-size: 8.5px; color: #888; margin-top: 1px; }
.page-recruiter-shortlist .match-hint { font-size: 7px; color: #999; margin-top: 2px; max-width: 75px; line-height: 1.3; font-style: italic; }

/* Contact status */
.page-recruiter-shortlist .contact-status { display: inline-flex; align-items: center; gap: 3px; font-size: 7.5px; font-weight: 700; padding: 3px 8px; border-radius: 10px; white-space: nowrap; letter-spacing: .3px; }
.page-recruiter-shortlist .cs-none { background: rgba(0,0,0,.03); color: #bbb; border: 1px solid rgba(0,0,0,.04); }
.page-recruiter-shortlist .cs-contacted { background: rgba(59,130,246,.06); color: #3b82f6; border: 1px solid rgba(59,130,246,.1); }
.page-recruiter-shortlist .cs-waiting { background: rgba(234,179,8,.06); color: #ca8a04; border: 1px solid rgba(234,179,8,.1); }
.page-recruiter-shortlist .cs-interview { background: rgba(22,163,74,.06); color: #16a34a; border: 1px solid rgba(22,163,74,.1); }
.page-recruiter-shortlist .cs-dot { width: 5px; height: 5px; border-radius: 50%; display: inline-block; }
.page-recruiter-shortlist .cs-none .cs-dot { background: #ccc; }
.page-recruiter-shortlist .cs-contacted .cs-dot { background: #3b82f6; }
.page-recruiter-shortlist .cs-waiting .cs-dot { background: #ca8a04; }
.page-recruiter-shortlist .cs-interview .cs-dot { background: #16a34a; }

.page-recruiter-shortlist .cc-certs { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 1px; }
.page-recruiter-shortlist .cert-pill { font-size: 7px; font-weight: 700; padding: 2px 5px; border-radius: 3px; background: rgba(0,0,0,.03); color: #666; border: 1px solid rgba(0,0,0,.05); white-space: nowrap; }

.page-recruiter-shortlist .cc-actions { padding: 12px 14px; display: flex; flex-direction: column; align-items: center; gap: 5px; flex-shrink: 0; }
.page-recruiter-shortlist .act { padding: 6px 12px; border-radius: 7px; font-size: 9px; font-weight: 700; transition: all .15s; width: 100%; text-align: center; text-decoration: none; display: block; }
.page-recruiter-shortlist .act-gold { background: linear-gradient(135deg, #C4A559 0%, #D4BC7A 40%, #E5D4A0 70%, #EFE2B8 100%); color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, 0 2px 8px rgba(150,120,62,.2); text-shadow: 0 1px 1px rgba(0,0,0,.15); }
.page-recruiter-shortlist .act-gold:hover { transform: translateY(-.5px); }
.page-recruiter-shortlist .act-out { border: 1px solid rgba(0,0,0,.08); background: #fff; color: #666; }
.page-recruiter-shortlist .act-out:hover { border-color: #C9A96E; }

/* Expand toggle */
.page-recruiter-shortlist .cc-expand-btn { padding: 0 14px; display: flex; align-items: center; flex-shrink: 0; }
.page-recruiter-shortlist .expand-chevron { width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(0,0,0,.06); background: #FAFAFA; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #999; transition: all .25s; cursor: pointer; }
.page-recruiter-shortlist .expand-chevron:hover { border-color: #C9A96E; color: #B8975A; background: #fff; }
.page-recruiter-shortlist .expand-chevron.open { transform: rotate(180deg); background: #fff; border-color: #C9A96E; color: #B8975A; }

/* ═══ EXPANDED DRAWER ═══ */
.page-recruiter-shortlist .cc-drawer { max-height: 0; overflow: hidden; transition: max-height .4s cubic-bezier(.4,0,.2,1); background: linear-gradient(180deg, #FCFCFC, #F9F9F9); border-top: 0px solid transparent; }
.page-recruiter-shortlist .cc-drawer.open { max-height: 300px; border-top: 1px solid rgba(0,0,0,.04); }
.page-recruiter-shortlist .drawer-inner { padding: 14px 20px 14px 96px; display: flex; gap: 28px; }
.page-recruiter-shortlist .drawer-section { flex: 1; min-width: 0; }
.page-recruiter-shortlist .drawer-title { font-size: 8px; font-weight: 800; letter-spacing: 1.5px; color: #B8975A; text-transform: uppercase; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
.page-recruiter-shortlist .drawer-title::after { content: ''; flex: 1; height: 1px; background: rgba(0,0,0,.04); }

.page-recruiter-shortlist .exp-item { display: flex; gap: 8px; margin-bottom: 8px; align-items: flex-start; }
.page-recruiter-shortlist .exp-dot { width: 7px; height: 7px; border-radius: 50%; margin-top: 4px; flex-shrink: 0; border: 1.5px solid #fff; }
.page-recruiter-shortlist .exp-dot.palace { background: #8B7355; box-shadow: 0 0 0 1px rgba(139,115,85,.25); }
.page-recruiter-shortlist .exp-dot.star { background: #C75B12; box-shadow: 0 0 0 1px rgba(199,91,18,.25); }
.page-recruiter-shortlist .exp-dot.yacht { background: #2D6A4F; box-shadow: 0 0 0 1px rgba(45,106,79,.25); }
.page-recruiter-shortlist .exp-dot.maison { background: #6B4C8A; box-shadow: 0 0 0 1px rgba(107,76,138,.25); }
.page-recruiter-shortlist .exp-line { position: relative; }
.page-recruiter-shortlist .exp-line::before { content: ''; position: absolute; left: 3px; top: 12px; bottom: -4px; width: 1px; background: rgba(0,0,0,.06); }
.page-recruiter-shortlist .exp-item:last-child .exp-line::before { display: none; }
.page-recruiter-shortlist .exp-role { font-size: 11px; font-weight: 700; color: #1a1a1a; }
.page-recruiter-shortlist .exp-place { font-size: 9px; color: #888; margin-top: 0; }
.page-recruiter-shortlist .exp-dates { font-size: 8px; font-weight: 600; color: #bbb; }
.page-recruiter-shortlist .exp-type-badge { display: inline-block; font-size: 7px; font-weight: 700; padding: 1.5px 6px; border-radius: 4px; margin-top: 2px; }

.page-recruiter-shortlist .edu-row { display: flex; gap: 8px; align-items: center; }
.page-recruiter-shortlist .edu-icon { width: 28px; height: 28px; border-radius: 7px; background: linear-gradient(145deg, #f5f5f5, #eee); display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.page-recruiter-shortlist .edu-school { font-size: 11px; font-weight: 700; color: #1a1a1a; }
.page-recruiter-shortlist .edu-detail { font-size: 9px; color: #888; }
.page-recruiter-shortlist .edu-year { font-size: 8px; font-weight: 700; color: #bbb; margin-top: 1px; }

.page-recruiter-shortlist .mentor-item { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; }
.page-recruiter-shortlist .mentor-av { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(145deg, #f0f0f0, #e5e5e5); display: flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; }
.page-recruiter-shortlist .mentor-name { font-size: 11px; font-weight: 700; color: #1a1a1a; }
.page-recruiter-shortlist .mentor-detail { font-size: 8.5px; color: #999; }

.page-recruiter-shortlist .vbadge { display: inline-flex; vertical-align: middle; }

/* Client feedback simplification */
.page-recruiter-shortlist .toolbar{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:10px 12px;}
.page-recruiter-shortlist .cand-card{border-radius:12px;}
.page-recruiter-shortlist .cc-top{min-height:86px;}
@media(max-width:720px){.page-recruiter-shortlist .toolbar-right,.page-recruiter-shortlist .job-meta,.page-recruiter-shortlist .cc-meta-extra{display:none!important}.page-recruiter-shortlist .strip-filled{align-items:flex-start;flex-wrap:wrap}.page-recruiter-shortlist .strip-cta{margin-left:0;width:100%}.page-recruiter-shortlist .btn-compare{justify-content:center;width:100%}.page-recruiter-shortlist .page-header,.page-recruiter-shortlist .jobs-section,.page-recruiter-shortlist .strip-zone,.page-recruiter-shortlist .toolbar-zone,.page-recruiter-shortlist .cand-list{margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}}

/* ── Reused talent-search cards inside the shortlist page ──
   The .ts-card-* rules (loaded via recruiter_talent_search.css) reference these
   CSS custom properties which are normally declared on .ts-page. We re-declare
   them on the shortlist wrapper so the reused preview cards render identically
   without pulling in the .ts-page layout (hero/negative margins). */
.page-recruiter-shortlist {
  --ts-gold: #A38543;
  --ts-gold-light: #C9A54A;
  --ts-gold-deep: #8B6F33;
  --ts-gold-luminous: linear-gradient(135deg, #B8912A 0%, #C9A54A 35%, #E8CC6E 70%, #FFF4C2 100%);
  --ts-ink: #0A0A0A;
  --ts-ink-soft: #5B5B5B;
  --ts-ink-mute: #8A8A8A;
}
.page-recruiter-shortlist .ts-grid { margin: 14px 32px 40px; }
.page-recruiter-shortlist .sl-empty { margin: 14px 32px 40px; padding: 40px; text-align: center; background: #fff; border: 1px dashed rgba(0,0,0,.1); border-radius: 14px; color: #999; font-size: 13px; }
.page-recruiter-shortlist .sl-empty a { color: #B8975A; font-weight: 600; }

/* ── Selection checkbox overlaid on each reused card (compare picker) ── */
.page-recruiter-shortlist .sl-card-wrap { position: relative; }
.page-recruiter-shortlist .sl-pick { position: absolute; top: 10px; left: 10px; z-index: 5; }
.page-recruiter-shortlist .sl-pick .checkbox { width: 22px; height: 22px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
.page-recruiter-shortlist .sl-pick .checkbox.checked::after { font-size: 12px; }

/* ── Comparison table (compare action) ── */
.page-recruiter-compare { min-height: 100vh; background: linear-gradient(180deg,#FFFFFF 0%,#FAFAFA 40%,#F7F7F7 100%); font-family: 'Geist','Inter',system-ui,sans-serif; color: #1a1a1a; padding: 32px; }
.page-recruiter-compare .cmp-head { margin-bottom: 18px; }
.page-recruiter-compare .cmp-title { font-size: 26px; font-weight: 700; }
.page-recruiter-compare .cmp-title i { font-style: italic; color: #B8975A; font-weight: 400; }
.page-recruiter-compare .cmp-sub { font-size: 13px; color: #999; margin-top: 6px; }
.page-recruiter-compare .cmp-back { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #B8975A; text-decoration: none; margin-bottom: 14px; }
.page-recruiter-compare .cmp-grid { display: grid; gap: 16px; align-items: start; }
.page-recruiter-compare .cmp-col { background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 14px; overflow: hidden; box-shadow: 0 2px 14px rgba(0,0,0,.04); }
.page-recruiter-compare .cmp-col-head { padding: 18px; text-align: center; background: linear-gradient(180deg,#FAFAFA,#F5F5F5); border-bottom: 1px solid rgba(0,0,0,.05); }
.page-recruiter-compare .cmp-av { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; margin: 0 auto 8px; display: block; border: 2px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,.08); background: #eee; }
.page-recruiter-compare .cmp-name { font-size: 15px; font-weight: 700; }
.page-recruiter-compare .cmp-role { font-size: 11.5px; font-weight: 600; color: #B8975A; margin-top: 2px; }
.page-recruiter-compare .cmp-cell { padding: 12px 16px; border-bottom: 1px solid rgba(0,0,0,.04); }
.page-recruiter-compare .cmp-cell:last-child { border-bottom: none; }
.page-recruiter-compare .cmp-label { font-size: 8px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #999; margin-bottom: 4px; }
.page-recruiter-compare .cmp-val { font-size: 12.5px; color: #1a1a1a; }
.page-recruiter-compare .cmp-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.page-recruiter-compare .cmp-tag { font-size: 9px; font-weight: 600; padding: 2px 8px; border-radius: 5px; background: rgba(184,151,90,.08); color: #8A7560; }
.page-recruiter-compare .cmp-cta { padding: 14px 16px; }
.page-recruiter-compare .cmp-cta a { display: block; text-align: center; padding: 8px; border-radius: 8px; border: 1px solid rgba(0,0,0,.08); color: #666; font-size: 11px; font-weight: 700; text-decoration: none; }
.page-recruiter-compare .cmp-cta a:hover { border-color: #C9A96E; color: #B8975A; }
.page-recruiter-compare .cmp-grid--2 { grid-template-columns: repeat(2,1fr); }
.page-recruiter-compare .cmp-grid--3 { grid-template-columns: repeat(3,1fr); }
.page-recruiter-compare .cmp-grid--4 { grid-template-columns: repeat(4,1fr); }
@media (max-width: 900px) { .page-recruiter-compare .cmp-grid { grid-template-columns: 1fr 1fr !important; } }

.page-recruiter-shortlist .toolbar-left .strip-label.is-inline { margin: 0; }

/* ── Brique-future gating (Match score = Brique 3) + disabled action ── */
.page-recruiter-shortlist .cc-future { display: inline-block; font-size: 8px; font-weight: 700; padding: 3px 8px; border-radius: 10px; background: rgba(184,151,90,.08); color: #B8975A; border: 1px solid rgba(184,151,90,.2); white-space: nowrap; }
.page-recruiter-shortlist .act[disabled], .page-recruiter-shortlist .act.is-disabled { opacity: .45; cursor: not-allowed; pointer-events: none; }
.page-recruiter-shortlist .cc-loc { font-size: 10px; color: #555; }
/* Drawer column weights + experience row (moved off inline styles) */
.page-recruiter-shortlist .drawer-wide { flex: 1.4; }
.page-recruiter-shortlist .drawer-narrow { flex: 0.8; }
.page-recruiter-shortlist .exp-body { flex: 1; }
.page-recruiter-shortlist .exp-head { display: flex; align-items: center; justify-content: space-between; }
/* Toolbar filter links keep the f-btn look without underline */
.page-recruiter-shortlist .f-btn { text-decoration: none; display: inline-block; }
/* Mobile: let the candidate rows scroll horizontally instead of breaking */
@media (max-width: 720px) {
  .page-recruiter-shortlist .cand-card { overflow-x: auto; }
  .page-recruiter-shortlist .cc-top { min-width: 720px; }
}