.page-recruiter-compare{box-sizing:border-box;margin:0;padding:0;}
.page-recruiter-compare{min-height:100vh;background:#FFFFFF;font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;color:#000;}
.page-recruiter-compare ::-webkit-scrollbar{height:6px;}
.page-recruiter-compare ::-webkit-scrollbar-thumb{background:rgba(158,126,63,.25);border-radius:3px;}

/* HEADER */
.page-recruiter-compare .header{background:#fff;border-bottom:1px solid rgba(158,126,63,.15);padding:10px 28px;display:flex;align-items:center;justify-content:space-between;}
.page-recruiter-compare .header-left{display:flex;align-items:center;gap:20px;}
.page-recruiter-compare .logo-group{display:flex;align-items:center;gap:10px;}
.page-recruiter-compare .logo-text-top{font-size:7.5px;font-weight:600;letter-spacing:2.5px;color:#000;text-transform:uppercase;}
.page-recruiter-compare .logo-text-bottom{font-size:16px;font-weight:800;color:#000;letter-spacing:2.5px;text-transform:uppercase;font-family:'Playfair Display',Georgia,serif;}
.page-recruiter-compare .header-sep{height:24px;width:1px;background:rgba(158,126,63,.15);}
.page-recruiter-compare .badge-portal{font-size:10px;font-weight:800;color:#fff;padding:5px 12px;background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);border-radius:7px;border:1px solid rgba(158,126,63,.2);letter-spacing:.5px;box-shadow:0 4px 12px rgba(158,126,63,.3),inset 0 1px 0 rgba(255,255,255,.6);}
.page-recruiter-compare .nav-links{display:flex;align-items:center;gap:4px;}
.page-recruiter-compare .nav-link{position:relative;padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#000;background:transparent;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .15s ease;}
.page-recruiter-compare .nav-link:hover{color:#9E7E3F;}
.page-recruiter-compare .nav-link.active{font-weight:800;color:#fff;background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);border:none;box-shadow:0 4px 12px rgba(158,126,63,.3),inset 0 1px 0 rgba(255,255,255,.6);}
.page-recruiter-compare .nav-badge{position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:50%;background:#000;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.page-recruiter-compare .header-right{display:flex;align-items:center;gap:12px;}
.page-recruiter-compare .notif-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(158,126,63,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;background:#fff;}
.page-recruiter-compare .profile-btn{display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:8px;border:1px solid rgba(158,126,63,.15);cursor:pointer;background:#fff;}
.page-recruiter-compare .profile-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#C4A559,#D4BC7A);display:flex;align-items:center;justify-content:center;color:#000;font-size:11px;font-weight:800;}
.page-recruiter-compare .profile-name{font-size:12px;font-weight:700;color:#000;}

/* PAGE HEADER */
.page-recruiter-compare .page-header{padding:24px 28px 18px;display:flex;align-items:center;justify-content:space-between;}
.page-recruiter-compare .breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:4px;}
.page-recruiter-compare .breadcrumb span{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}
.page-recruiter-compare .breadcrumb .bc-active{color:#9E7E3F;font-weight:800;}
.page-recruiter-compare .breadcrumb .bc-sep{color:rgba(158,126,63,.3);font-size:12px;}
.page-recruiter-compare .breadcrumb .bc-current{color:#000;}
.page-recruiter-compare .page-title{font-size:24px;font-weight:700;color:#000;font-family:'Playfair Display',Georgia,serif;}
.page-recruiter-compare .page-subtitle{font-size:12px;color:#000;margin-top:4px;font-weight:500;}
.page-recruiter-compare .header-actions{display:flex;gap:8px;}
.page-recruiter-compare .btn-outline{padding:9px 18px;border-radius:22px;border:2px solid #D4BC7A;background:#fff;font-size:11px;font-weight:700;color:#000;cursor:pointer;transition:all .2s;}
.page-recruiter-compare .btn-outline:hover{background:#000;color:#fff;border-color:#000;}
.page-recruiter-compare .btn-gold{padding:9px 20px;border-radius:22px;border:none;background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);box-shadow:0 2px 10px rgba(184,145,42,.28);font-size:11px;font-weight:800;color:#fff;cursor:pointer;letter-spacing:.5px;transition:all .2s;position:relative;overflow:hidden;white-space:nowrap}
.page-recruiter-compare .btn-gold::after{content:'';position:absolute;top:0;left:25%;width:50%;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:0 0 50% 50%;pointer-events:none;}
.page-recruiter-compare .btn-gold:hover{background:#000;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.3);}

/* TABLE */
.page-recruiter-compare .comp-table{margin:0 28px 40px;background:#fff;border-radius:14px;border:1px solid rgba(158,126,63,.15);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.03);}
.page-recruiter-compare .comp-row{display:flex;align-items:stretch;border-bottom:1px solid rgba(158,126,63,.08);}
.page-recruiter-compare .comp-row.no-border{border-bottom:none;}
.page-recruiter-compare .comp-label{width:155px;flex-shrink:0;padding:16px 18px 16px 22px;display:flex;align-items:flex-start;
  background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.08) 35%,transparent 55%,rgba(0,0,0,.02) 100%),
    linear-gradient(105deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.15) 80%,rgba(255,255,255,.3) 100%),
    linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  border-right:1px solid rgba(158,126,63,.2);
  box-shadow:4px 0 16px rgba(0,0,0,.04),inset -1px 0 0 rgba(255,255,255,.4);
  position:relative;z-index:2;}
.page-recruiter-compare .comp-label::before{content:'';position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.05) 100%);pointer-events:none;}
.page-recruiter-compare .comp-label::after{content:'';position:absolute;top:0;left:0;bottom:0;width:1.5px;background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.5) 100%);pointer-events:none;}
.page-recruiter-compare .comp-row:first-child .comp-label{border-top-left-radius:14px;}
.page-recruiter-compare .comp-row:first-child .comp-label::before{border-top-left-radius:14px;}
.page-recruiter-compare .comp-row:first-child .comp-label::after{border-top-left-radius:14px;}
.page-recruiter-compare .comp-row.no-border .comp-label{border-bottom-left-radius:14px;}
.page-recruiter-compare .label-text{font-size:10.5px;font-weight:800;letter-spacing:1.4px;color:#000;text-transform:uppercase;line-height:1.5;position:relative;z-index:1;text-shadow:0 .5px 0 rgba(255,255,255,.6);}
.page-recruiter-compare .comp-col{flex:1;min-width:200px;padding:14px 18px;border-left:2px solid rgba(158,126,63,.18);}

/* CANDIDATE */
.page-recruiter-compare .cand-hero{text-align:center;}
.page-recruiter-compare .cand-avatar{width:68px;height:68px;border-radius:50%;background:#FAFAFA;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:26px;border:2px solid rgba(158,126,63,.15);box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;}
.page-recruiter-compare .cand-avatar.top{border:none;box-shadow:0 0 0 3px #D4BC7A,0 0 0 5px rgba(158,126,63,.15),0 6px 20px rgba(158,126,63,.15);}
.page-recruiter-compare .cand-name{font-size:16px;font-weight:700;color:#000;font-family:'Playfair Display',Georgia,serif;}
.page-recruiter-compare .cand-role{font-size:11px;color:#000;margin-top:2px;font-weight:600;}
.page-recruiter-compare .avail-badge{display:inline-block;margin-top:8px;font-size:9px;font-weight:700;letter-spacing:.8px;padding:4px 12px;border-radius:20px;}
.page-recruiter-compare .avail-green{background:rgba(22,163,74,.08);color:#16a34a;border:1px solid rgba(22,163,74,.15);}
.page-recruiter-compare .avail-gold{background:rgba(158,126,63,.08);color:#9E7E3F;border:1px solid rgba(158,126,63,.15);}

/* INFO GRID */
.page-recruiter-compare .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:10px;}
.page-recruiter-compare .info-label{font-size:8px;font-weight:700;letter-spacing:1.2px;color:#9E7E3F;text-transform:uppercase;margin-bottom:3px;}
.page-recruiter-compare .info-val{font-size:13px;font-weight:700;color:#000;}
.page-recruiter-compare .stars{color:#D4BC7A;font-size:13px;letter-spacing:2px;}

/* TAGS */
.page-recruiter-compare .tags{display:flex;flex-wrap:wrap;gap:5px;}
.page-recruiter-compare .tag{font-size:9px;font-weight:700;letter-spacing:.6px;padding:3px 9px;border-radius:6px;background:rgba(158,126,63,.06);color:#000;border:1px solid rgba(158,126,63,.15);white-space:nowrap;}

/* FORMATION */
.page-recruiter-compare .formation-row{display:flex;gap:10px;align-items:center;}
.page-recruiter-compare .formation-icon{width:34px;height:34px;border-radius:10px;background:rgba(158,126,63,.06);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;border:1px solid rgba(158,126,63,.15);}
.page-recruiter-compare .formation-header{display:flex;align-items:center;justify-content:space-between;}
.page-recruiter-compare .formation-school{font-size:12px;font-weight:700;color:#000;}
.page-recruiter-compare .formation-year{font-size:8.5px;font-weight:700;color:#9E7E3F;background:rgba(158,126,63,.06);padding:3px 8px;border-radius:5px;border:1px solid rgba(158,126,63,.15);}
.page-recruiter-compare .formation-detail{font-size:10px;color:#000;margin-top:2px;font-weight:500;}

/* EXPERIENCE */
.page-recruiter-compare .exp-item{display:flex;gap:9px;margin-bottom:11px;align-items:flex-start;}
.page-recruiter-compare .exp-icon{width:30px;height:30px;border-radius:8px;background:rgba(158,126,63,.06);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:1px;border:1px solid rgba(158,126,63,.15);}
.page-recruiter-compare .exp-header{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.page-recruiter-compare .exp-role{font-size:12px;font-weight:700;color:#000;}
.page-recruiter-compare .exp-dates{font-size:8.5px;font-weight:700;color:#9E7E3F;background:rgba(158,126,63,.06);padding:2px 8px;border-radius:5px;white-space:nowrap;border:1px solid rgba(158,126,63,.15);}
.page-recruiter-compare .exp-place{font-size:10px;color:#000;margin-top:2px;font-weight:500;}
.page-recruiter-compare .exp-badges{display:flex;gap:4px;margin-top:4px;align-items:center;}
.page-recruiter-compare .exp-type{font-size:8px;font-weight:700;padding:2.5px 7px;border-radius:5px;}

/* MENTOR */
.page-recruiter-compare .mentor-item{display:flex;gap:9px;margin-bottom:9px;align-items:center;}
.page-recruiter-compare .mentor-icon{width:30px;height:30px;border-radius:50%;background:rgba(158,126,63,.06);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;border:1px solid rgba(158,126,63,.15);}
.page-recruiter-compare .mentor-name{font-size:12px;font-weight:700;color:#000;}
.page-recruiter-compare .mentor-detail{font-size:9.5px;color:#000;font-weight:500;}

/* ACTIONS */
.page-recruiter-compare .action-main{width:100%;padding:12px 0;border-radius:22px;border:none;background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);box-shadow:0 2px 10px rgba(184,145,42,.28);color:#fff;font-size:12px;font-weight:800;letter-spacing:.8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;position:relative;overflow:hidden;}
.page-recruiter-compare .action-main::after{content:'';position:absolute;top:0;left:25%;width:50%;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:0 0 50% 50%;pointer-events:none;}
.page-recruiter-compare .action-main:hover{background:#000;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.3);}
.page-recruiter-compare .action-row{display:flex;gap:6px;margin-top:8px;}
.page-recruiter-compare .action-sec{flex:1;padding:8px 0;border-radius:22px;border:2px solid #D4BC7A;background:#fff;font-size:10px;font-weight:700;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s;}
.page-recruiter-compare .action-sec:hover{background:#000;color:#fff;border-color:#000;}

.page-recruiter-compare .hub-link:hover{background:rgba(201,165,74,.25);border-color:rgba(201,165,74,.4);color:#E5D4A0;}
.page-recruiter-compare .hub-link-dot{width:6px;height:6px;border-radius:50%;background:#D4BC7A;}
/* ══ RECRUITER HEADER UNIFIED ══ */
.page-recruiter-compare .ts-header{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:56px;}
.page-recruiter-compare .ts-header-left{display:flex;align-items:center;gap:18px;}
.page-recruiter-compare .ts-h-sep{height:22px;width:1px;background:rgba(0,0,0,.07);}
.page-recruiter-compare .ts-badge-portal{font-size:9px;font-weight:800;color:#9A7A28;padding:4px 10px;background:linear-gradient(180deg,#FFFBF0,#F5EDCF);border-radius:6px;border:1px solid rgba(184,145,42,.2);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;}
.page-recruiter-compare .ts-nav-links{display:flex;align-items:center;gap:2px;}
.page-recruiter-compare .ts-nav-link{position:relative;padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:#666;transition:all .15s;cursor:pointer;background:none;border:none;font-family:inherit;}
.page-recruiter-compare .ts-nav-link:hover{color:#1a1a1a;background:rgba(0,0,0,.04);}
.page-recruiter-compare .ts-nav-link.active{font-weight:700;color:#fff;background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 2px 8px rgba(150,120,62,.25);}
.page-recruiter-compare .ts-header-right{display:flex;align-items:center;gap:8px;}
.page-recruiter-compare .ts-h-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;background:#fff;position:relative;transition:all .15s;color:#888;cursor:pointer;}
.page-recruiter-compare .ts-h-icon-btn:hover{border-color:#D4BC7A;color:#C4A559;transform:translateY(-1px);}
.page-recruiter-compare .ts-h-icon-btn svg{width:15px;height:15px;}
.page-recruiter-compare .ts-notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#dc2626;border:1.5px solid #fff;}
.page-recruiter-compare .ts-profile-btn{display:flex;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:8px;border:1px solid rgba(0,0,0,.07);background:#fff;transition:all .15s;cursor:pointer;}
.page-recruiter-compare .ts-profile-btn:hover{border-color:rgba(0,0,0,.12);}
.page-recruiter-compare .ts-profile-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#D4BC7A,#9A7A28);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800;}