/* ═══════════════════════════════════════════════════════════════
   CertifyRecruit — Candidate pages shared styles
   Extracted from blade inline styles. Requires dashboard.css.
═══════════════════════════════════════════════════════════════ */

/* ── Section label (uppercase grey) ── */
.c-sec-lbl{font-size:11px;color:var(--gy2);text-transform:uppercase;letter-spacing:.8px;font-weight:500;margin-bottom:.75rem;}

/* ── Card h4 variants ── */
.c-h4{font-size:12px;font-weight:600;margin-bottom:.85rem;}
.c-h4-gap{font-size:12px;font-weight:600;margin-bottom:1rem;}

/* ── Column list ── */
.c-col{display:flex;flex-direction:column;gap:.85rem;}
.c-col0{display:flex;flex-direction:column;gap:0;}
.c-col-sm{display:flex;flex-direction:column;gap:6px;}

/* ── Flex row helpers ── */
.c-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.c-row:last-child{border-bottom:none;}
.c-row-jb{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem;}
.c-row-sb{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.c-row-sb:last-child{border-bottom:none;}

/* ── Company / notification icons ── */
.c-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.c-ico-sm{width:34px;height:34px;border-radius:8px;font-size:14px;}
.c-ico-md{width:38px;height:38px;border-radius:10px;font-size:16px;}
.c-ico-lg{width:44px;height:44px;border-radius:12px;font-size:24px;}
.c-ico-tl{background:rgba(2,195,154,.15);}
.c-ico-or{background:rgba(255,107,53,.15);}
.c-ico-bl{background:rgba(59,158,232,.15);}
.c-ico-am{background:rgba(245,200,66,.15);}
.c-ico-pu{background:rgba(139,92,246,.15);}
.c-ico-gn{background:rgba(46,204,136,.15);}

/* ── Avatars ── */
.c-av{display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.c-av-sm{width:28px;height:28px;border-radius:50%;font-size:10px;}
.c-av-md{width:36px;height:36px;border-radius:50%;}
.c-av-lg{width:64px;height:64px;border-radius:50%;font-family:'Syne',sans-serif;font-size:22px;font-weight:800;margin:0 auto 8px;border:3px solid rgba(2,195,154,.3);}
.c-av-tl{background:linear-gradient(135deg,var(--tl),var(--tl2));}
.c-av-bl{background:linear-gradient(135deg,var(--bl),var(--bl2));}
.c-av-am{background:rgba(245,200,66,.2);}
.c-av-or{background:rgba(255,107,53,.2);}
.c-av-tl2{background:rgba(2,195,154,.2);}

/* ── Job card typography ── */
.c-job-title{font-size:14px;font-weight:600;margin-bottom:3px;}
.c-job-meta{font-size:12px;color:var(--gy);margin-bottom:8px;}
.c-job-name{font-size:12px;font-weight:500;}
.c-job-loc{font-size:10px;color:var(--gy);}

/* ── Match score ── */
.c-match{font-family:'Syne',sans-serif;font-size:13px;font-weight:800;color:var(--or);}

/* ── Score displays ── */
.c-score-xl{font-family:'Syne',sans-serif;font-size:64px;font-weight:800;color:var(--or);line-height:1;}
.c-score-lg{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;}
.c-score-tl{color:var(--tl2);}
.c-score-bl{color:var(--bl2);}
.c-score-am{color:var(--am);}
.c-score-or{color:var(--or);}
.c-score-gy{color:var(--gy2);}

/* ── Progress bars ── */
.c-prog4{height:4px;background:rgba(255,255,255,.07);border-radius:100px;margin-top:10px;}
.c-prog6{height:6px;background:rgba(255,255,255,.07);border-radius:100px;}
.c-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--tl),var(--tl2));}
.c-fill-bl{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--bl),var(--bl2));}
.c-prog-row{display:flex;justify-content:space-between;font-size:11px;color:var(--gy);margin-bottom:5px;}

/* ── Stats trio ── */
.c-stats{display:flex;justify-content:center;gap:1.5rem;}
.c-stat{text-align:center;}
.c-stat-v{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;}
.c-stat-l{font-size:10px;color:var(--gy);}

/* ── Teal info box ── */
.c-info-tl{padding:.75rem;background:rgba(2,195,154,.06);border:1px solid rgba(2,195,154,.14);border-radius:10px;margin-top:1rem;}

/* ── Cert items ── */
.c-cert-hd{display:flex;align-items:center;gap:12px;}
.c-cert-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.06);}

/* ── Rank leaderboard rows ── */
.c-rank-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.c-rank-row:last-child{border-bottom:none;}
.c-rank-me{background:rgba(255,107,53,.05);border-radius:6px;padding-left:6px;}
.c-rank-n{font-family:'Syne',sans-serif;font-weight:700;color:var(--gy2);min-width:24px;}
.c-rank-n-me{font-family:'Syne',sans-serif;font-weight:800;color:var(--or);min-width:24px;}
.c-rank-score{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;color:var(--tl2);}
.c-rank-score-me{font-family:'Syne',sans-serif;font-size:12px;font-weight:800;color:var(--or);}

/* ── Verification dial ── */
.c-dial-wrap{display:flex;align-items:center;gap:16px;margin-bottom:1.25rem;}
.c-dial{position:relative;width:88px;height:88px;flex-shrink:0;}
.c-dial-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--tl2);}
.c-dial-status{font-size:18px;margin-bottom:5px;}
.c-dial-sub{font-size:12px;color:var(--gy);}

/* ── Verification source row ── */
.c-vsrc{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px;}
.c-vsrc:last-child{border-bottom:none;}
.c-vsrc-r{display:flex;align-items:center;gap:8px;}

/* ── Add-source box ── */
.c-add-src{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(13,27,42,.5);margin-bottom:8px;}
.c-add-src-info{display:flex;align-items:center;gap:9px;}

/* ── Notification icon ── */
.c-ni-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.c-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--tl2);margin-top:4px;flex-shrink:0;}

/* ── Profile header ── */
.c-prof-hd{text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06);}
.c-prof-name{font-size:15px;font-weight:700;}
.c-prof-sub{font-size:11px;color:var(--gy);}
.c-prof-badges{display:flex;justify-content:center;gap:5px;margin-top:8px;flex-wrap:wrap;}

/* ── Settings section heading ── */
.c-sh{font-size:12px;font-weight:600;margin-bottom:1rem;color:var(--of);}

/* ── Settings rows ── */
.c-srow{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px;}
.c-srow:last-child{border-bottom:none;}

/* ── Toggle switch ── */
.c-tog{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer;}
.c-tog input{opacity:0;width:0;height:0;}
.c-tog-track{position:absolute;inset:0;border-radius:100px;}
.c-tog-on{background:var(--tl2);}
.c-tog-off{background:rgba(255,255,255,.1);}

/* ── Privacy/settings text row ── */
.c-prow{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.c-prow:last-child{border-bottom:none;}

/* ── AI tools grid ── */
.c-ai-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;}
.c-ai-btn{padding:.75rem .5rem;border-radius:10px;cursor:pointer;text-align:center;font-family:'DM Sans',sans-serif;transition:opacity .2s;border:1px solid;background:none;}
.c-ai-btn:hover{opacity:.8;}
.c-ai-ico{font-size:20px;margin-bottom:4px;}
.c-ai-lbl{font-size:11px;font-weight:500;}
.c-ai-tl{background:rgba(2,195,154,.07);border-color:rgba(2,195,154,.18);color:var(--tl2);}
.c-ai-bl{background:rgba(59,158,232,.07);border-color:rgba(59,158,232,.18);color:var(--bl2);}
.c-ai-or{background:rgba(255,107,53,.07);border-color:rgba(255,107,53,.18);color:var(--or);}
.c-ai-pu{background:rgba(139,92,246,.07);border-color:rgba(139,92,246,.18);color:#8B5CF6;}
.c-ai-am{background:rgba(245,200,66,.07);border-color:rgba(245,200,66,.18);color:var(--am);}

/* ── Messages layout ── */
.c-msg-wrap{display:grid;grid-template-columns:280px 1fr;gap:0;background:var(--cd);border-radius:14px;border:1px solid rgba(255,255,255,.07);overflow:hidden;min-height:520px;}
.c-msg-left{border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;}
.c-msg-srch{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.06);}
.c-msg-srch-in{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:7px 10px;}
.c-msg-srch-ico{color:var(--gy2);font-size:13px;}
.c-msg-srch-inp{background:none;border:none;outline:none;color:var(--wh);font-size:12px;font-family:'DM Sans',sans-serif;width:100%;}
.c-msg-threads{overflow-y:auto;flex:1;}
.c-thread{padding:.85rem 1rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);}
.c-thread.active-thread{background:rgba(2,195,154,.06);border-left:3px solid var(--tl2);}
.c-thread:hover{background:rgba(255,255,255,.03);}
.c-thread-in{display:flex;align-items:center;gap:9px;}
.c-thread-info{flex:1;min-width:0;}
.c-thread-hd{display:flex;justify-content:space-between;align-items:center;}
.c-thread-nm{font-size:12px;font-weight:600;}
.c-thread-tm{font-size:10px;color:var(--gy2);}
.c-thread-pv{font-size:11px;color:var(--gy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c-unread{width:7px;height:7px;border-radius:50%;background:var(--tl2);flex-shrink:0;}
.c-chat{display:flex;flex-direction:column;}
.c-chat-hd{padding:.85rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;}
.c-chat-nm{font-size:13px;font-weight:600;}
.c-chat-st{font-size:11px;color:var(--tl2);}
.c-chat-msgs{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:300px;}
.c-brow{display:flex;gap:8px;align-items:flex-end;}
.c-brow-me{display:flex;gap:8px;align-items:flex-end;flex-direction:row-reverse;}
.c-bav{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.c-bav-r{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;}
.c-bav-r-syne{font-family:'Syne',sans-serif;}
.c-bcont{max-width:70%;}
.c-bubble{background:rgba(255,255,255,.07);border-radius:12px 12px 12px 2px;padding:10px 13px;font-size:12px;line-height:1.6;color:var(--of);}
.c-bubble-me{background:rgba(2,195,154,.12);border:1px solid rgba(2,195,154,.25);border-radius:12px 12px 2px 12px;padding:10px 13px;font-size:12px;line-height:1.6;color:var(--wh);}
.c-btime{font-size:10px;color:var(--gy2);margin-top:3px;padding-left:4px;}
.c-btime-me{font-size:10px;color:var(--gy2);margin-top:3px;text-align:right;padding-right:4px;}
.c-chat-in{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;}
.c-chat-in-wrap{flex:1;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:8px 12px;}
.c-chat-inp{background:none;border:none;outline:none;color:var(--wh);font-size:13px;font-family:'DM Sans',sans-serif;flex:1;}
.c-send{width:38px;height:38px;border-radius:10px;background:var(--tl);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}

/* ── Onboarding ── */
.ob-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--nv);}
.ob-prog-track{height:3px;background:rgba(255,255,255,.06);}
.ob-topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);}
.ob-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;}
.ob-zone{border:2px dashed rgba(2,195,154,.35);border-radius:14px;padding:2.5rem 1rem;text-align:center;cursor:pointer;background:rgba(2,195,154,.03);transition:all .2s;margin-bottom:1rem;}
.ob-zone:hover{background:rgba(2,195,154,.07);}
.ob-file-sel{display:none;padding:12px 16px;background:rgba(2,195,154,.08);border:1px solid rgba(2,195,154,.25);border-radius:11px;margin-bottom:1rem;align-items:center;gap:12px;}
.ob-divider{display:flex;align-items:center;gap:10px;margin-bottom:1rem;}
.ob-div-line{flex:1;height:1px;background:rgba(255,255,255,.07);}
.ob-exp-row{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:1rem;margin-bottom:.75rem;}
.ob-g2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:.75rem;}
.ob-g3{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;}
.ob-id-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1.25rem;}
.ob-id-tab{padding:1rem;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s;}
.ob-id-tab-tl{border:1.5px solid rgba(2,195,154,.5);background:rgba(2,195,154,.07);}
.ob-id-tab-off{border:1px solid rgba(255,255,255,.1);background:transparent;}
.ob-id-tab-nm{font-size:13px;font-weight:600;}
.ob-id-tab-nm-tl{color:var(--tl2);}
.ob-id-tab-sub{font-size:11px;color:var(--gy);margin-top:2px;}
.ob-id-ico{font-size:22px;margin-bottom:4px;}
.ob-safe{padding:10px 13px;background:rgba(2,195,154,.06);border:1px solid rgba(2,195,154,.18);border-radius:10px;margin-bottom:1.25rem;font-size:12px;line-height:1.6;color:var(--of);}
.ob-aadh-row{display:flex;gap:6px;align-items:center;}
.ob-aadh-inp{flex:1;letter-spacing:2px;font-size:15px;}
.ob-aadh-sub{font-size:11px;color:var(--gy2);margin-top:4px;}
.ob-otp-row{display:flex;gap:10px;justify-content:center;margin-bottom:1.5rem;}
.ob-obox{width:52px;height:60px;text-align:center;font-size:24px;font-weight:700;font-family:'Syne',sans-serif;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.15);border-radius:11px;color:var(--wh);outline:none;transition:border .2s;}
.ob-otp-msg{text-align:center;font-size:12px;color:var(--gy2);margin-bottom:1rem;}
.ob-otp-err{display:none;padding:10px 13px;background:rgba(224,90,90,.08);border:1px solid rgba(224,90,90,.25);border-radius:9px;font-size:12px;color:var(--rd);margin-bottom:1rem;text-align:center;}
.ob-demo{margin-top:.85rem;text-align:center;padding:8px;background:rgba(245,200,66,.06);border:1px solid rgba(245,200,66,.15);border-radius:8px;font-size:11px;color:var(--am);}
.ob-nav{display:flex;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);}
.ob-nav-end{display:flex;justify-content:flex-end;margin-top:.75rem;}
.ob-nav-start{display:flex;justify-content:flex-start;margin-top:.75rem;}
.ob-finish-card{background:var(--cd);border-radius:16px;border:1px solid rgba(2,195,154,.2);padding:1.5rem;margin-bottom:1.5rem;}
.ob-finish-hd{display:flex;align-items:center;gap:13px;margin-bottom:1rem;}
.ob-finish-av{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--tl),var(--tl2));display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:18px;font-weight:800;border:2px solid rgba(2,195,154,.3);flex-shrink:0;}
.ob-finish-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:.75rem;}
.ob-finish-prog{height:4px;background:rgba(255,255,255,.07);border-radius:100px;}
.ob-finish-fill{width:75%;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--tl),var(--tl2));}
.ob-finish-sub{font-size:10px;color:var(--gy);margin-top:4px;}
.ob-next-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;text-align:left;}
.ob-next-item{display:flex;align-items:center;gap:10px;padding:10px 13px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.07);}
.ob-next-pts{font-size:11px;font-weight:600;}

/* ── Profile completion card ── */
.c-comp-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.c-comp-row:last-child{border-bottom:none;}
.c-comp-ok{color:var(--tl2);}
.c-comp-warn{color:var(--or);}

/* ── AI prefill notice ── */
.c-prefill-notice{display:none;padding:10px 13px;background:rgba(2,195,154,.07);border:1px solid rgba(2,195,154,.2);border-radius:9px;font-size:12px;color:var(--tl2);margin-bottom:1rem;}

/* ── Generic field label (inline usage) ── */
.c-lbl{display:block;font-size:10px;color:var(--gy);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-weight:500;}

/* ── Generic field wrapper ── */
.c-fw{margin-bottom:10px;}

/* ── Responsive ── */
@media(max-width:768px){
  .c-msg-wrap{grid-template-columns:1fr !important;}
  .c-msg-left{display:none;}
  .c-ai-grid{grid-template-columns:repeat(3,1fr) !important;}
  .ob-g2{grid-template-columns:1fr !important;}
  .ob-g3{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:480px){
  .ob-otp-row{gap:6px;}
  .ob-obox{width:40px;height:48px;font-size:20px;}
  .c-ai-grid{grid-template-columns:repeat(2,1fr) !important;}
}