
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#1a1a4e;
  --navy2:#22225a;
  --navy3:#2e2e7a;
  --gold:#C9A84C;
  --gold2:#e2c06e;
  --sidebar-w:240px;
  --topbar-h:54px;
  --white:#fff;
  --bg:#f0f2f5;
  --gray1:#f7f7fa;
  --gray2:#e8e8f0;
  --gray3:#c0c0d8;
  --gray4:#8888aa;
  --gray5:#555570;
  --green:#27ae60;
  --yellow:#f39c12;
  --red:#e74c3c;
  --shadow:0 2px 12px rgba(26,26,78,.10);
  --shadow2:0 4px 24px rgba(26,26,78,.13);
  --radius:10px;
}
html,body{height:100%;font-family:'Inter',sans-serif;color:var(--navy);background:var(--navy)}
.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}

/* TOP NAV */
.topnav{
  height:var(--topbar-h);flex-shrink:0;
  background:var(--navy);
  display:flex;align-items:center;
  padding:0 20px 0 0;
  border-bottom:1.5px solid rgba(201,168,76,.25);
  z-index:100;
}
.topnav-brand{
  width:var(--sidebar-w);flex-shrink:0;
  display:flex;align-items:center;gap:10px;
  padding:0 16px;
  border-right:1px solid rgba(255,255,255,.07);
  height:100%;
}
.brand-logo{
  width:32px;height:32px;border-radius:50%;
  background:var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;color:var(--navy);
  flex-shrink:0;
}
.brand-name{color:var(--gold);font-weight:700;font-size:13.5px;line-height:1.3;letter-spacing:.2px}
.brand-name small{display:block;color:rgba(255,255,255,.4);font-size:10px;font-weight:400;letter-spacing:.5px;margin-top:1px}
.topnav-spacer{flex:1;display:flex;align-items:center;justify-content:center}
.topnav-tagline{font-family:'Montserrat',sans-serif;font-weight:300;font-size:16px;letter-spacing:3.5px;text-transform:uppercase;color:rgba(255,255,255,.75)}
.topnav-actions{display:flex;align-items:center;gap:6px}
.screening-progress-pill{
  display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;padding:5px 14px 5px 10px;
  font-size:12px;font-weight:600;color:rgba(255,255,255,.9);
  cursor:pointer;transition:background .15s;flex-shrink:0;
}
.screening-progress-pill:hover{background:rgba(255,255,255,.2)}
.screening-pill-spinner{
  width:13px;height:13px;border-radius:50%;flex-shrink:0;
  border:2px solid rgba(255,255,255,.3);
  border-top-color:rgba(255,255,255,.9);
  animation:spin .7s linear infinite;
}
.nav-icon-btn{
  width:34px;height:34px;border-radius:8px;border:none;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.7);
  cursor:pointer;font-size:15px;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.nav-icon-btn:hover{background:rgba(255,255,255,.12)}
/* ── Notification bell ─────────────────────────────────────── */
.notif-wrap{position:relative;flex-shrink:0}
#notifBtn{position:relative}
.notif-badge{
  position:absolute;top:4px;right:4px;
  min-width:16px;height:16px;padding:0 4px;
  background:#ef4444;color:#fff;
  border-radius:999px;font-size:9px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;line-height:1;
}
.notif-panel{
  display:none;position:absolute;top:calc(100% + 10px);right:0;
  width:320px;background:#fff;border-radius:12px;
  box-shadow:0 8px 32px rgba(26,26,78,.18);
  border:1px solid var(--gray3);z-index:1200;
  overflow:hidden;
}
.notif-panel.open{display:block}
.notif-panel-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;border-bottom:1px solid var(--gray3);
  font-size:13px;font-weight:700;color:var(--navy);
}
.notif-clear-btn{
  background:none;border:none;cursor:pointer;
  font-size:11.5px;color:var(--gray4);font-weight:600;
  padding:2px 6px;border-radius:5px;
}
.notif-clear-btn:hover{color:var(--navy);background:var(--gray2)}
.notif-list{max-height:340px;overflow-y:auto}
.notif-empty{padding:24px 16px;text-align:center;font-size:12.5px;color:var(--gray4)}
.notif-item{
  display:flex;gap:10px;padding:11px 16px;
  border-bottom:1px solid var(--gray3);cursor:default;
  transition:background .12s;
}
.notif-item:last-child{border-bottom:none}
.notif-item:hover{background:var(--gray2)}
.notif-item-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.notif-item-body{flex:1;min-width:0}
.notif-item-title{font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:2px}
.notif-item-sub{font-size:11.5px;color:var(--gray4)}
.notif-item-link{cursor:pointer}
.notif-item-link:hover{background:#eef2ff}
.notif-item-link:hover .notif-item-title{color:var(--gold)}
.notif-item-link-hint{color:var(--gold);font-weight:600}
/* ── Pop-up toast (top-right) ──────────────────────────────── */
#notifPopupWrap{
  position:fixed;top:68px;right:20px;
  display:flex;flex-direction:column;gap:8px;
  z-index:9998;pointer-events:none;
}
.notif-popup{
  display:flex;align-items:flex-start;gap:10px;
  background:var(--navy);color:#fff;
  padding:12px 16px;border-radius:11px;
  box-shadow:0 6px 24px rgba(26,26,78,.3);
  font-size:13px;min-width:260px;max-width:320px;
  pointer-events:all;
  animation:notifSlideIn .3s ease;
}
.notif-popup.hiding{animation:notifSlideOut .3s ease forwards}
.notif-popup-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.notif-popup-body{flex:1}
.notif-popup-title{font-weight:700;margin-bottom:2px}
.notif-popup-sub{font-size:11.5px;opacity:.8}
.notif-popup-close{
  pointer-events:all;
  background:none;border:none;color:rgba(255,255,255,.6);
  font-size:13px;cursor:pointer;padding:0 0 0 8px;
  line-height:1;flex-shrink:0;align-self:flex-start;margin-top:1px;
}
.notif-popup-close:hover{color:#fff}
@keyframes notifSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes notifSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}
.nav-avatar-wrap{position:relative;flex-shrink:0}
.nav-avatar{
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),#a07828);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;color:var(--navy);
  cursor:pointer;flex-shrink:0;border:2px solid rgba(201,168,76,.4);
}
.avatar-menu{
  display:none;position:absolute;right:0;top:calc(100% + 8px);
  background:#1e2a4a;border:1px solid rgba(201,168,76,.25);
  border-radius:8px;min-width:130px;box-shadow:0 8px 24px rgba(0,0,0,.4);
  z-index:999;overflow:hidden;
}
.avatar-menu.open{display:block}
.avatar-menu-item{
  width:100%;padding:10px 16px;background:none;border:none;
  color:#e8e8f0;font-size:13px;text-align:left;cursor:pointer;
}
.avatar-menu-item:hover{background:rgba(201,168,76,.15);color:var(--gold)}

/* BODY ROW */
.body-row{display:flex;flex:1;overflow:hidden}

/* SIDEBAR */
.sidebar{
  width:var(--sidebar-w);flex-shrink:0;
  background:var(--navy);
  display:flex;flex-direction:column;
  overflow-y:scroll;overflow-x:hidden;
  border-right:1px solid rgba(255,255,255,.06);
  scrollbar-width:thin;
  scrollbar-color:rgba(201,168,76,.35) rgba(255,255,255,.04);
}
.sidebar::-webkit-scrollbar{width:5px}
.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.sidebar::-webkit-scrollbar-thumb{background:rgba(201,168,76,.35);border-radius:3px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(201,168,76,.6)}
.sidebar-section{padding:18px 12px 6px;font-size:10px;font-weight:600;color:rgba(255,255,255,.3);letter-spacing:1.2px;text-transform:uppercase}
.menu-item{
  display:flex;align-items:center;gap:10px;
  padding:9px 14px;margin:1px 6px;border-radius:8px;
  cursor:pointer;font-size:13px;font-weight:500;color:rgba(255,255,255,.72);
  transition:background .15s,color .15s;
  position:relative;user-select:none;
}
.menu-item:hover{background:rgba(255,255,255,.07);color:var(--white)}
.menu-item.active{background:rgba(201,168,76,.15);color:var(--gold)}
.menu-item .mi-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}
.menu-item .mi-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-item .mi-arrow{font-size:10px;color:rgba(255,255,255,.3);transition:transform .2s}
.menu-item.open .mi-arrow{transform:rotate(90deg)}
.submenu{overflow:hidden;max-height:0;transition:max-height .28s ease}
.submenu.open{max-height:400px}
.sub-item{
  display:flex;align-items:center;gap:8px;
  padding:7px 14px 7px 44px;margin:0px 6px;border-radius:8px;
  cursor:default;font-size:12.5px;font-weight:400;
  color:rgba(255,255,255,.55);
  transition:background .15s,color .15s;
}
.sub-item.ai-item{
  cursor:pointer;
  color:var(--gold)!important;font-weight:600;
  border-left:2px solid var(--gold);
  padding-left:42px;
  background:rgba(201,168,76,.07);
  margin:2px 6px;border-radius:0 8px 8px 0;
}
.sub-item.ai-item:hover{background:rgba(201,168,76,.14)}
.sub-item.ai-item.active{background:rgba(201,168,76,.2)}
.sidebar-footer{margin-top:16px;padding:12px 10px;border-top:1px solid rgba(255,255,255,.07)}
.sidebar-footer .menu-item{color:rgba(255,255,255,.4);font-size:12px}

/* MAIN */
.main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg)}
.main::-webkit-scrollbar{width:6px}
.main::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:3px}
.view{display:none;padding:28px 28px 40px}
.view.active{display:block}

/* SETTINGS */
.settings-section{background:var(--white);border-radius:var(--radius);padding:28px 32px;box-shadow:var(--shadow);border:1.5px solid var(--gray2)}
.settings-section-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px}
.settings-hint{font-size:13px;color:var(--gray4);margin-bottom:20px}
.user-card{display:grid;grid-template-columns:42px 1fr 90px 72px 110px 80px;align-items:center;gap:14px;padding:12px 16px;background:var(--white);border:1.5px solid var(--gray2);border-radius:10px;margin-bottom:8px;transition:box-shadow .15s,border-color .15s}
.user-card:hover{box-shadow:var(--shadow);border-color:var(--gray3)}
.user-token-cell{text-align:right}
.user-token-total{font-size:13px;font-weight:700;color:var(--navy)}
.user-token-detail{font-size:10.5px;color:var(--gray4);margin-top:1px;white-space:nowrap}
.user-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;letter-spacing:.5px}
.user-info-name{font-size:13.5px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-info-email{font-size:11.5px;color:var(--gray4);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bu-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;border:1.5px solid;white-space:nowrap}
.bu-badge.bu-SMF{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}
.bu-badge.bu-GMN{background:#dcfce7;color:#15803d;border-color:#86efac}
.bu-badge.bu-GMS{background:#ccfbf1;color:#0f766e;border-color:#5eead4}
.bu-badge.bu-Holding{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}
.bu-badge.bu-KOSPIN{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}
.bu-badge.bu-MIT{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}
.bu-badge.bu-SMT{background:#f1f5f9;color:#475569;border-color:#cbd5e1}
.bu-badge.bu-Otomotif{background:#fef3c7;color:#b45309;border-color:#fcd34d}
.bu-badge.bu-IB{background:#fce7f3;color:#9d174d;border-color:#f9a8d4}
.bu-badge.bu-none{background:var(--gray1);color:var(--gray4);border-color:var(--gray3)}
.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;border:1.5px solid;white-space:nowrap}
.role-badge.role-superadmin{background:#1a1a4e;color:#C9A84C;border-color:#1a1a4e}
.role-badge.role-admin{background:#fef3c7;color:#b45309;border-color:#fcd34d}
.role-badge.role-user{background:var(--gray1);color:var(--gray5);border-color:var(--gray3)}
.user-edit-btn{padding:6px 14px;border:1.5px solid var(--gray3);border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;background:var(--white);color:var(--navy);font-family:'Inter',sans-serif;transition:border-color .15s,background .15s;white-space:nowrap}
.user-edit-btn:hover{border-color:var(--navy);background:var(--gray1)}
.user-edit-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:9200;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s;pointer-events:none}
.user-edit-overlay.show{opacity:1;pointer-events:all}
.user-edit-modal{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.22);width:100%;max-width:460px;border-top:4px solid var(--navy);display:flex;flex-direction:column;overflow:hidden}
.user-edit-header{padding:20px 24px 14px;border-bottom:1px solid var(--gray2);display:flex;align-items:center;gap:14px}
.user-edit-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}
.user-edit-title{font-size:15px;font-weight:800;color:var(--navy)}
.user-edit-subtitle{font-size:12px;color:var(--gray4);margin-top:2px}
.user-edit-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}
.user-edit-field{display:flex;flex-direction:column;gap:5px}
.user-edit-field label{font-size:11.5px;font-weight:600;color:var(--gray5)}
.user-edit-field input,.user-edit-field select{padding:8px 10px;border:1.5px solid var(--gray3);border-radius:7px;font-size:13px;color:var(--navy);background:var(--white);outline:none;font-family:'Inter',sans-serif;transition:border-color .15s}
.user-edit-field input:focus,.user-edit-field select:focus{border-color:var(--navy)}
.user-edit-error{font-size:12px;color:var(--red);display:none;margin-top:-6px}
.user-edit-footer{padding:14px 24px 20px;border-top:1px solid var(--gray2);display:flex;align-items:center;gap:10px}
.user-edit-footer-right{display:flex;gap:10px;margin-left:auto}
.settings-save-btn{padding:7px 18px;border-radius:8px;border:none;background:var(--navy);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:background .15s}
.settings-save-btn:hover{background:var(--navy3)}
.settings-save-btn.saved{background:#2e7d5e;color:#fff}

/* DASHBOARD */
/* DASHBOARD FILTER BAR */
.dash-filter-bar{display:flex;align-items:center;gap:12px;background:var(--white);border-radius:var(--radius);padding:11px 18px;margin-bottom:18px;box-shadow:var(--shadow);flex-wrap:wrap;border:1.5px solid var(--gray2)}
.dash-filter-label{font-size:12.5px;font-weight:700;color:var(--gray5);white-space:nowrap}
.dash-filter-select{padding:6px 12px;border:1.5px solid var(--gray3);border-radius:7px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--navy);background:var(--white);outline:none;cursor:pointer;transition:border .15s}
.dash-filter-select:focus{border-color:var(--gold)}
.dash-filter-badge{background:var(--navy);color:var(--gold);border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:700;display:none}
.dash-filter-badge.show{display:inline-block}
.dash-filter-clear{background:none;border:1.5px solid var(--gray3);border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--gray5);cursor:pointer;font-family:'Inter',sans-serif;transition:border .15s,color .15s;display:none}
.dash-filter-clear.show{display:block}
.dash-filter-clear:hover{border-color:var(--red);color:var(--red)}

/* ── Date Range Picker ─────────────────────────────────────── */
.drp-wrap{position:relative;display:inline-block}
.drp-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--gray3);border-radius:7px;background:var(--white);color:var(--navy);font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;transition:border .15s,box-shadow .15s;white-space:nowrap}
.drp-trigger:hover,.drp-trigger.open{border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,26,78,.07)}
.drp-trigger.active{border-color:var(--gold);background:#fffbf2;color:var(--navy)}
.drp-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:4000;background:#fff;border-radius:12px;box-shadow:0 8px 40px rgba(26,26,78,.18);border:1.5px solid var(--gray2);display:flex;flex-direction:column;min-width:580px;overflow:hidden}
.drp-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1.5px solid var(--gray2);background:var(--gray1)}
.drp-calendars{display:flex;gap:0}
.drp-cal{flex:1;padding:14px 16px}
.drp-cal:first-child{border-right:1.5px solid var(--gray2)}
.drp-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.drp-cal-nav{background:none;border:1.5px solid var(--gray3);border-radius:6px;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy);transition:all .15s;font-size:13px}
.drp-cal-nav:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.drp-cal-month{font-size:13px;font-weight:700;color:var(--navy)}
.drp-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
.drp-day-name{text-align:center;font-size:10.5px;font-weight:700;color:var(--gray4);padding:4px 0}
.drp-day{text-align:center;font-size:12px;padding:5px 0;cursor:pointer;border-radius:0;transition:background .1s,color .1s;line-height:1.6;user-select:none}
.drp-day:hover:not(.drp-day-empty):not(.drp-day-disabled){background:#f0f4ff;color:var(--navy);font-weight:600}
.drp-day-empty{cursor:default}
.drp-day-disabled{color:var(--gray3);cursor:not-allowed}
.drp-day-in-range{background:#eef2ff;color:var(--navy)}
.drp-day-start,.drp-day-end{background:var(--navy)!important;color:#fff!important;font-weight:700;border-radius:0}
.drp-day-start{border-radius:6px 0 0 6px}
.drp-day-end{border-radius:0 6px 6px 0}
.drp-day-start.drp-day-end{border-radius:6px}
.drp-day-today{position:relative}
.drp-day-today::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--gold)}
.drp-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1.5px solid var(--gray2);background:var(--gray1)}
.drp-range-label{font-size:12px;color:var(--gray4);font-weight:600}
.drp-range-label.has-range{color:var(--navy)}
.drp-btn-clear{background:none;border:1.5px solid var(--gray3);border-radius:7px;padding:5px 14px;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:var(--gray5);cursor:pointer;transition:all .15s}
.drp-btn-clear:hover{border-color:var(--navy);color:var(--navy)}
.drp-btn-apply{background:var(--navy);border:none;border-radius:7px;padding:5px 18px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--gold);cursor:pointer;transition:opacity .15s}
.drp-btn-apply:disabled{opacity:.4;cursor:not-allowed}
.drp-btn-apply:not(:disabled):hover{opacity:.85}

.dash-header{margin-bottom:24px}
.dash-header h1{font-size:22px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:10px}
.dash-header p{font-size:14px;color:var(--gray4);margin-top:4px}
.dash-welcome{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy3) 100%);
  border-radius:var(--radius);padding:28px 32px;
  color:var(--white);margin-bottom:24px;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:var(--shadow2);
}
.dash-welcome h2{font-size:19px;font-weight:700;color:var(--gold);margin-bottom:6px}
.dash-welcome p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.6;max-width:480px}
.dash-welcome .welcome-emoji{font-size:52px;opacity:.7}
.dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}
.dash-card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border-top:3px solid var(--gold)}
.dash-card .dc-label{font-size:11px;font-weight:600;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.dash-card .dc-val{font-size:28px;font-weight:700;color:var(--navy)}
.dash-card .dc-sub{font-size:12px;color:var(--gray4);margin-top:4px}
.attend-card{background:var(--white);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);border-left:4px solid var(--gold);max-width:480px}
.attend-card h3{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.attend-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray2);font-size:13px}
.attend-row:last-child{border-bottom:none}
.attend-row .ar-label{color:var(--gray5)}
.attend-row .ar-val{font-weight:600;color:var(--navy)}
.attend-row .ar-val.green{color:var(--green)}
.attend-row .ar-val.gold{color:var(--gold)}

/* CV SCREENING */
.cv-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray4);margin-bottom:16px}
.cv-breadcrumb .bc-sep{color:var(--gray3)}
.cv-breadcrumb .bc-active{color:var(--navy);font-weight:600}
.cv-page-title{margin-bottom:22px}
.cv-page-title h1{font-size:22px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:10px}
.cv-page-title p{font-size:13px;color:var(--gray4);margin-top:5px}
.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:20px}
.card-title{font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.6px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:7px}
.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.form-row{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.form-row{grid-template-columns:1fr}}
.form-group{display:flex;flex-direction:column;gap:5px}
.form-group label{font-size:11.5px;font-weight:600;color:var(--gray5);letter-spacing:.2px}
.form-group input{
  border:1.5px solid var(--gray2);border-radius:7px;
  padding:9px 11px;font-size:13px;font-family:'Inter',sans-serif;
  color:var(--navy);background:var(--white);outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.form-group input:focus{border-color:var(--navy3);box-shadow:0 0 0 3px rgba(46,46,122,.08)}
.form-group input::placeholder{color:var(--gray3)}

/* Drop zone */
.drop-zone{
  border:2px dashed #b0aede;border-radius:var(--radius);
  background:#f5f4fd;min-height:160px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;padding:28px 20px;
  cursor:pointer;transition:border-color .2s,background .2s;
  position:relative;text-align:center;margin-bottom:16px;
}
.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.drop-zone:hover,.drop-zone.over{border-color:var(--navy3);background:#eeecfb}
.drop-zone.disabled{opacity:.5;pointer-events:none}
.dz-icon{font-size:32px;line-height:1}
.dz-text{font-size:14px;font-weight:600;color:var(--gray5)}
.dz-sub{font-size:12px;color:var(--gray4)}
.dz-counter{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:var(--gold);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;margin-top:4px}

/* File cards */
.file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.file-card{
  background:var(--white);border:1.5px solid var(--gray2);border-radius:8px;
  padding:10px 14px;display:flex;align-items:center;gap:12px;
  animation:fadeIn .2s ease;box-shadow:0 1px 4px rgba(26,26,78,.06);
}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.fc-icon{font-size:20px;flex-shrink:0}
.fc-info{flex:1;min-width:0}
.fc-name{font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-size{font-size:11px;color:var(--gray4);margin-top:2px}
.fc-check{color:var(--green);font-size:16px;font-weight:700;flex-shrink:0}
.fc-remove{background:none;border:none;cursor:pointer;color:var(--gray3);font-size:16px;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}
.fc-remove:hover{color:var(--red);background:#fef0f0}

/* Analyze button */
.btn-analyze{
  width:100%;padding:14px;border:none;border-radius:var(--radius);
  background:var(--navy);color:var(--gold);
  font-family:'Inter',sans-serif;font-size:15px;font-weight:700;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;
  transition:background .2s,transform .1s;letter-spacing:.3px;
}
.btn-analyze:hover:not(:disabled){background:var(--navy3)}
.btn-analyze:active:not(:disabled){transform:scale(.99)}
.btn-analyze:disabled{background:var(--gray2);color:var(--gray3);cursor:not-allowed}
.spinner{width:18px;height:18px;border:2.5px solid rgba(201,168,76,.3);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}

/* Results */
.results-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow2);padding:24px;margin-top:24px;animation:fadeIn .3s ease}
.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}
.results-header h2{font-size:16px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}
.results-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-sm{padding:8px 16px;border-radius:7px;border:none;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}
.btn-export{background:var(--navy);color:var(--gold)}
.btn-export:hover{background:var(--navy3)}
.btn-reset{background:var(--gray2);color:var(--gray5)}
.btn-reset:hover{background:var(--gray3);color:var(--navy)}
.table-wrap{overflow-x:auto}
/* Sticky #  + Candidate Name columns in AI CV Screening results table */
#resultsTable thead th:nth-child(1),
#resultsTable thead th:nth-child(2){position:sticky;z-index:2;background:var(--gray1)}
#resultsTable thead th:nth-child(1){left:0}
#resultsTable thead th:nth-child(2){left:44px}
#resultsTable tbody td:nth-child(1),
#resultsTable tbody td:nth-child(2){position:sticky;z-index:1;background:var(--white)}
#resultsTable tbody td:nth-child(1){left:0}
#resultsTable tbody td:nth-child(2){left:44px}
#resultsTable tbody tr:hover td:nth-child(1),
#resultsTable tbody tr:hover td:nth-child(2){background:var(--gray1)}
#resultsTable thead th:nth-child(2),
#resultsTable tbody td:nth-child(2){border-right:1.5px solid var(--gray2)}
table{width:100%;border-collapse:collapse;font-size:13px}
thead tr{background:var(--gray1);border-bottom:2px solid var(--gold)}
thead th{padding:10px 14px;text-align:left;font-size:11.5px;font-weight:700;color:var(--gray5);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
tbody tr{border-bottom:1px solid var(--gray2);transition:background .12s}
tbody tr:hover{background:var(--gray1)}
tbody td{padding:11px 14px;vertical-align:middle}
.td-num{color:var(--gray4);font-size:12px;font-weight:600}
.td-name{font-weight:600;color:var(--navy);min-width:120px;max-width:160px;word-wrap:break-word}
.score-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:700;min-width:56px}
.score-green{background:#e6f9ef;color:#1a8f47}
.score-yellow{background:#fff8e6;color:#b07d10}
.score-red{background:#fdeaea;color:#b02020}
.td-analysis{font-size:12px;color:var(--gray5);min-width:500px;max-width:620px;line-height:1.5;white-space:normal;word-wrap:break-word}
.val-msg{display:none;align-items:center;gap:7px;background:#fff4e5;border:1.5px solid #f5c97a;border-radius:7px;padding:10px 14px;font-size:12.5px;font-weight:500;color:#8a5f00;margin-top:10px}
/* Qualitative screening notes */
.qual-box{background:#fffbeb;border:1.5px solid #f5c97a;border-radius:10px;padding:16px 18px;margin-top:18px}
.qual-box-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.qual-box-title{font-size:13px;font-weight:700;color:#92400e}
.qual-box-badge{background:#f5c97a;color:#78350f;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px}
.qual-box label{font-size:12.5px;color:#78350f;font-weight:500;display:block;margin-bottom:8px;line-height:1.5}
.qual-box textarea{width:100%;box-sizing:border-box;border:1.5px solid #f5c97a;border-radius:7px;padding:10px 12px;font-family:'Inter',sans-serif;font-size:13px;color:var(--navy);background:#fff;resize:vertical;min-height:80px;outline:none;transition:border-color .15s}
.qual-box textarea:focus{border-color:#d97706}
.qual-box textarea::placeholder{color:#b45309;opacity:.6}
/* CV upload action bar */
.cv-upload-action-bar{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.btn-upload-db{background:var(--navy);color:var(--gold);border:none;border-radius:8px;padding:11px 22px;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s,transform .1s}
.btn-upload-db:hover{background:#0e0e30;transform:translateY(-1px)}
.btn-upload-more{background:var(--white);color:var(--navy);border:2px solid var(--navy);border-radius:8px;padding:11px 22px;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s,transform .1s}
.btn-upload-more:hover{background:#f0f0fa;transform:translateY(-1px)}
/* Toast notification */
#cvToast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(30px);background:#1e293b;color:#fff;padding:13px 20px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 8px 32px rgba(0,0,0,.28);display:flex;align-items:center;gap:10px;z-index:9999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap;border-left:4px solid transparent}
#cvToast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#cvToast .toast-icon{font-size:17px;flex-shrink:0}
#cvToast .toast-close{margin-left:12px;cursor:pointer;opacity:.6;font-size:16px;line-height:1;pointer-events:all}
#cvToast .toast-close:hover{opacity:1}
.val-msg.show{display:flex}
/* Score mini bar */
.score-cell-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.score-mini-bar{width:52px;height:4px;background:#e2e8f0;border-radius:99px;overflow:hidden}
.score-mini-fill{height:100%;border-radius:99px;transition:width .4s ease}
/* Loading skeleton */
@keyframes shimmer{from{background-position:-400px 0}to{background-position:400px 0}}
.skeleton-cell{height:13px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:400px 100%;animation:shimmer 1.2s infinite linear;display:block}
.skeleton-row td{padding:12px 8px;vertical-align:middle}
/* Confirm slide bar */
@keyframes confirmSlideUp{from{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* Master Data Section */
.master-divider{border:none;border-top:2px solid var(--gold);margin:36px 0 0 0}
.master-section{margin-top:0;padding:28px 0 0 0}
.master-section-header{margin-bottom:6px}
.master-section-title{font-size:17px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px}
.master-section-sub{font-size:12.5px;color:var(--gray4);margin-top:3px}
.master-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 18px 0;align-items:center}
.master-filter-bar input,.master-filter-bar select{padding:8px 12px;border:1.5px solid var(--gray3);border-radius:7px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--navy);background:var(--white);outline:none;transition:border .15s}
.master-filter-bar input:focus,.master-filter-bar select:focus{border-color:var(--gold)}
.master-filter-bar input{min-width:180px;flex:1 1 180px}
.master-filter-bar select{min-width:150px}
.master-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow2)}
.master-empty-icon{font-size:40px;margin-bottom:12px;opacity:.7}
.master-empty-text{font-size:13.5px;color:var(--gray4);font-weight:500;line-height:1.6}
.master-table-wrap{overflow-x:scroll;overflow-y:auto;max-height:calc(100vh - 220px);background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow2);scrollbar-width:thin;scrollbar-color:var(--gray3) var(--gray1)}
.master-table-wrap::-webkit-scrollbar{height:6px}
.master-table-wrap::-webkit-scrollbar-track{background:var(--gray1)}
.master-table-wrap::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:3px}
.master-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--gray4)}
.master-table-wrap table thead th{position:sticky;top:0;z-index:3;background:var(--gray1);text-align:center}
.master-table-wrap table thead th:nth-child(1),
.master-table-wrap table tbody td:nth-child(1){position:sticky;left:0;z-index:2;background:var(--gray1)}
.master-table-wrap table tbody td:nth-child(1){background:var(--white)}
.master-table-wrap table tbody tr:hover td:nth-child(1){background:var(--gray1)}
.master-table-wrap table thead th:nth-child(2),
.master-table-wrap table tbody td:nth-child(2){position:sticky;left:44px;z-index:2;background:var(--gray1)}
.master-table-wrap table tbody td:nth-child(2){background:var(--white)}
.master-table-wrap table tbody tr:hover td:nth-child(2){background:var(--gray1)}
/* Sticky Candidate Name (col 3) in Job Fit Analysis detail table */
.master-table-wrap table thead th:nth-child(3),
.master-table-wrap table tbody td:nth-child(3){position:sticky;left:88px;z-index:2;background:var(--gray1);border-right:1.5px solid var(--gray2)}
.master-table-wrap table tbody td:nth-child(3){background:var(--white)}
.master-table-wrap table tbody tr:hover td:nth-child(3){background:var(--gray1)}
.master-table-wrap table thead th:nth-child(1){z-index:4;top:0}
.master-table-wrap table thead th:nth-child(2){z-index:4;top:0}
.master-table-wrap table thead th:nth-child(3){z-index:4;top:0}
.master-table-wrap table th,.master-table-wrap table td{border-right:1px solid rgba(0,0,0,0.06)}
.master-table-wrap table th:last-child,.master-table-wrap table td:last-child{border-right:none}
.master-count-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.master-count{font-size:12px;color:var(--gray4);font-weight:500}
.master-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
/* Position Cards */
.pos-search-bar{margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.pos-search-bar input{flex:1;min-width:0;padding:10px 14px;border:1.5px solid var(--gray3);border-radius:8px;font-family:'Inter',sans-serif;font-size:13px;color:var(--navy);background:var(--white);outline:none;transition:border .15s;box-sizing:border-box}
.pos-search-bar input:focus{border-color:var(--gold)}
.pos-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.pos-cards-grid{grid-template-columns:1fr}}
.pos-card{background:var(--white);border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.08);border-top:3px solid var(--gold);padding:20px 20px 16px;display:flex;flex-direction:column;gap:10px;transition:transform .18s,box-shadow .18s;cursor:default}
.pos-card:hover{transform:translateY(-3px);box-shadow:0 6px 22px rgba(0,0,0,.13)}
.pos-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.pos-card-title{font-size:14px;font-weight:800;color:var(--navy);line-height:1.3}
.pos-card-dept{font-size:11.5px;color:var(--gray4);margin-top:2px}
.pos-card-badge{background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}
.pos-score-bar{display:flex;height:7px;border-radius:4px;overflow:hidden;background:#eee}
.pos-score-bar-green{background:#22c55e}
.pos-score-bar-yellow{background:#f59e0b}
.pos-score-bar-red{background:#ef4444}
.pos-card-btn{margin-top:4px;width:100%;padding:9px 0;background:var(--navy);color:var(--gold);font-size:12.5px;font-weight:700;border:none;border-radius:7px;cursor:pointer;transition:opacity .15s;letter-spacing:.3px}
.pos-card-btn:hover{opacity:.85}
/* Master AI Chatbot */
.master-chat-btn{position:fixed;bottom:28px;right:28px;z-index:200;background:var(--navy);color:var(--gold);border:2px solid var(--gold);border-radius:50px;padding:11px 20px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px rgba(26,26,78,.25);display:none;align-items:center;gap:8px;transition:background .15s,transform .15s}
.master-chat-btn:hover{background:var(--navy3);transform:translateY(-2px)}
.chat-panel{position:fixed;top:0;right:-420px;width:420px;height:100vh;background:var(--white);box-shadow:-4px 0 28px rgba(26,26,78,.18);z-index:300;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1)}
.chat-panel.open{right:0}
.chat-panel-header{background:var(--navy);color:var(--gold);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.chat-panel-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.chat-panel-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:20px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px}
.chat-panel-close:hover{color:#fff;background:rgba(255,255,255,.1)}
.chat-panel-context{background:var(--gold2);color:var(--navy);font-size:11px;padding:7px 14px;font-weight:600;flex-shrink:0;border-bottom:1px solid var(--gold)}
.chat-messages{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px;background:var(--bg)}
.chat-msg{display:flex;flex-direction:column;gap:3px;max-width:88%}
.chat-msg.user{align-self:flex-end;align-items:flex-end}
.chat-msg.ai{align-self:flex-start;align-items:flex-start}
.chat-bubble{padding:10px 13px;border-radius:12px;font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.chat-msg.user .chat-bubble{background:var(--navy);color:#fff;border-bottom-right-radius:3px}
.chat-msg.ai .chat-bubble{background:var(--white);color:var(--navy);border:1px solid var(--gray2);border-bottom-left-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.chat-msg.ai.thinking .chat-bubble{color:var(--gray4);font-style:italic}
.chat-label{font-size:10px;color:var(--gray4);padding:0 4px}
.chat-input-bar{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--gray2);background:var(--white);flex-shrink:0}
.chat-input-bar textarea{flex:1;border:1.5px solid var(--gray3);border-radius:8px;padding:8px 11px;font-size:12.5px;font-family:'Inter',sans-serif;resize:none;outline:none;line-height:1.5;max-height:100px;min-height:38px}
.chat-input-bar textarea:focus{border-color:var(--gold)}
.chat-input-bar button{background:var(--navy);color:var(--gold);border:none;border-radius:8px;padding:8px 14px;font-size:18px;cursor:pointer;align-self:flex-end;transition:background .15s}
.chat-input-bar button:hover{background:var(--navy3)}
.chat-input-bar button:disabled{background:var(--gray2);color:var(--gray3);cursor:not-allowed}
.chat-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:299}
.chat-overlay.open{display:block}
/* Email Modal */
.email-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:400;align-items:center;justify-content:center}
.email-modal-overlay.open{display:flex}
#trashOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1200;align-items:center;justify-content:center;padding:16px}
#trashOverlay.open{display:flex}
.email-modal{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(26,26,78,.22);width:680px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.email-modal-header{background:var(--navy);color:var(--gold);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.email-modal-header h2{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.email-modal-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:20px;cursor:pointer;padding:2px 7px;border-radius:4px;line-height:1}
.email-modal-close:hover{color:#fff;background:rgba(255,255,255,.1)}
.email-modal-body{flex:1;overflow-y:auto;padding:24px}
.email-modal-footer{padding:14px 22px;border-top:1px solid var(--gray2);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;background:var(--gray1)}
/* Type selector */
.email-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px}
.email-type-card{border:2px solid var(--gray2);border-radius:10px;padding:20px 16px;cursor:pointer;transition:border .15s,background .15s;text-align:center}
.email-type-card:hover,.email-type-card.selected{border-color:var(--gold);background:#fffbf0}
.email-type-card .etc-icon{font-size:32px;margin-bottom:8px}
.email-type-card .etc-title{font-size:13.5px;font-weight:700;color:var(--navy)}
.email-type-card .etc-desc{font-size:11.5px;color:var(--gray4);margin-top:4px;line-height:1.5}
/* Steps */
.email-step{display:none}.email-step.active{display:block}
.email-section-title{font-size:13px;font-weight:700;color:var(--navy);margin:18px 0 10px;display:flex;align-items:center;gap:6px;border-bottom:1.5px solid var(--gray2);padding-bottom:6px}
/* Form fields */
.email-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.email-form-group{display:flex;flex-direction:column;gap:5px}
.email-form-group.full{grid-column:1/-1}
.email-form-group label{font-size:11.5px;font-weight:600;color:var(--gray5)}
.email-form-group input,.email-form-group select,.email-form-group textarea{padding:8px 11px;border:1.5px solid var(--gray3);border-radius:7px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--navy);outline:none;transition:border .15s;background:var(--white)}
.email-form-group input:focus,.email-form-group select:focus,.email-form-group textarea:focus{border-color:var(--gold)}
.email-form-group textarea{resize:vertical;min-height:64px}
/* Candidate checkboxes */
.email-cand-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;border:1.5px solid var(--gray2);border-radius:8px;padding:10px 12px;background:var(--gray1)}
.email-cand-item{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--navy);cursor:pointer;padding:3px 0}
.email-cand-item input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;cursor:pointer;flex-shrink:0}
.email-select-all{font-size:11.5px;font-weight:600;color:var(--navy);cursor:pointer;margin-bottom:6px;display:flex;align-items:center;gap:6px}
/* Email preview */
.email-preview-wrap{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.email-preview-card{border:1.5px solid var(--gray2);border-radius:8px;overflow:hidden;margin-bottom:12px}
.email-preview-card-head{background:var(--navy);color:var(--gold);padding:8px 14px;font-size:12.5px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.email-preview-card-body{padding:12px 14px;font-size:12px;line-height:1.7;color:var(--gray5);white-space:pre-wrap;background:var(--white)}
.email-preview-card-body strong{color:var(--navy)}
.email-card-field{display:flex;flex-direction:column;gap:3px;padding:8px 14px;border-bottom:1px solid var(--gray2)}
.email-card-field:last-child{border-bottom:none}
.email-card-label{font-size:10.5px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.04em}
.email-card-subject{border:1.5px solid var(--gray2);border-radius:6px;padding:6px 9px;font-size:12.5px;font-family:'Inter',sans-serif;color:var(--navy);outline:none;width:100%;box-sizing:border-box}
.email-card-subject:focus{border-color:var(--navy)}
.email-card-body{border:1.5px solid var(--gray2);border-radius:6px;padding:8px 10px;font-size:12px;font-family:'Inter',sans-serif;color:var(--gray5);line-height:1.7;resize:vertical;min-height:180px;width:100%;box-sizing:border-box;outline:none}
.email-card-body:focus{border-color:var(--navy)}
/* Per-candidate interview scheduler */
.intv-scheduler-section{margin:14px 0 4px}
.intv-sched-table{width:100%;border-collapse:collapse;font-size:12.5px}
.intv-sched-table th{text-align:left;padding:5px 8px;color:var(--gray4);font-weight:600;font-size:11px;border-bottom:1.5px solid var(--gray2)}
.intv-sched-table td{padding:5px 8px;border-bottom:1px solid var(--gray2)}
.intv-sched-table tr:last-child td{border-bottom:none}
.intv-sched-date,.intv-sched-time{border:1.5px solid var(--gray2);border-radius:6px;padding:5px 8px;font-size:12px;font-family:'Inter',sans-serif;color:var(--navy);outline:none}
.intv-sched-date:focus,.intv-sched-time:focus{border-color:var(--navy)}
/* AI loading state */
.email-ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--gray4);font-size:13px;font-weight:600}
.email-ai-spinner{width:32px;height:32px;border:3px solid var(--gray2);border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.btn-copy-email{background:none;border:1px solid rgba(201,168,76,.5);color:var(--gold);border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer}
.btn-copy-email:hover{background:rgba(201,168,76,.15)}
/* Location toggle */
.location-toggle{display:flex;gap:0;border:1.5px solid var(--gray3);border-radius:7px;overflow:hidden;margin-top:2px}
.location-toggle button{flex:1;padding:8px;border:none;background:var(--white);font-size:12px;font-weight:600;color:var(--gray4);cursor:pointer;transition:background .15s,color .15s}
.location-toggle button.active{background:var(--navy);color:var(--gold)}
.chat-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.chat-suggestion-chip{background:var(--white);border:1.5px solid var(--gold);color:var(--navy);border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.chat-suggestion-chip:hover{background:var(--gold);color:var(--navy)}
@media(max-width:480px){.chat-panel{width:100vw}}
/* CANDIDATE HISTORY MODAL */
.cand-name-link{cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:color .15s,text-decoration-color .15s}
.cand-name-link:hover{color:var(--navy3);text-decoration-color:var(--navy3)}
.cand-history-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:5000;align-items:flex-start;justify-content:center;padding:32px 20px;overflow-y:auto}
.cand-history-overlay.open{display:flex}
.cand-history-modal{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(26,26,78,.28);width:min(780px,98vw);display:flex;flex-direction:column;overflow:hidden;margin:auto}
.ch-biodata{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px;background:var(--gray1);border-radius:10px;padding:16px 18px;border:1.5px solid var(--gray2)}
.ch-bio-item{display:flex;flex-direction:column;gap:3px}
.ch-bio-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray4)}
.ch-bio-value{font-size:13px;font-weight:600;color:var(--navy)}
.ch-pos-card{border:1.5px solid var(--gray2);border-radius:10px;overflow:hidden;margin-bottom:16px}
.ch-pos-card:last-child{margin-bottom:0}
.ch-pos-header{background:var(--navy);padding:12px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ch-pos-title{font-size:14px;font-weight:700;color:var(--gold);flex:1;min-width:0}
.ch-pos-meta{font-size:11px;color:rgba(255,255,255,.5);white-space:nowrap}
.ch-pos-body{padding:16px 18px}
.ch-docs-btn{flex-shrink:0;padding:4px 10px;border:1.5px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(255,255,255,.1);color:#fff;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}
.ch-docs-btn:hover{background:rgba(255,255,255,.22)}
.ch-docs-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:none;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--navy);cursor:pointer;text-align:left;transition:background .12s}
.ch-docs-item:hover:not(:disabled){background:var(--gray1)}
.ch-docs-item:disabled{cursor:not-allowed}
.ch-docs-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:#e0e7ff;color:#3730a3}
.ch-docs-tag.unavail{background:#f1f5f9;color:#94a3b8}
.ch-screen-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:center}
.ch-criteria{display:flex;gap:7px;flex-wrap:wrap}
.ch-crit-item{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px}
.ch-crit-pass{background:#e6f9ef;color:#1a8f47}
.ch-crit-fail{background:#fdeaea;color:#b02020}
.ch-analysis{font-size:12.5px;color:var(--gray5);line-height:1.6;margin-bottom:14px;background:#f8f9fc;border-radius:7px;padding:10px 13px;border-left:3px solid var(--gold)}
.ch-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray4);margin-bottom:7px}
.ch-pipeline{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
.ch-pipe-stage{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 14px;border-radius:8px;min-width:92px;text-align:center}
.ch-pipe-stage-name{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.7}
.ch-pipe-stage-val{font-size:12px;font-weight:700}
.ch-pipe-stage-result{font-size:10.5px;font-weight:600;margin-top:1px}
.ch-pipe-none{background:var(--gray1);color:var(--gray4)}
.ch-pipe-progress{background:#dbeafe;color:#1d4ed8}
.ch-pipe-done{background:#e6f9ef;color:#1a8f47}
.ch-pipe-declined{background:#fdeaea;color:#b02020}
.ch-pipe-screened{background:#ede9fe;color:#5b21b6}
.ch-notes{font-size:12.5px;color:var(--gray5);background:#fffbeb;border:1px solid #f5c97a;border-radius:7px;padding:10px 13px;line-height:1.6;white-space:pre-wrap}
.ch-divider{border:none;border-top:1px solid var(--gray2);margin:12px 0}
.ch-no-records{text-align:center;padding:28px;color:var(--gray4);font-size:13px}

/* Candidate Notes */
.td-notes textarea{width:180px;min-height:60px;resize:vertical;border:1.5px solid var(--gray3);border-radius:6px;padding:6px 8px;font-family:'Inter',sans-serif;font-size:11.5px;color:var(--navy);background:var(--white);outline:none;transition:border .15s;line-height:1.5}
.td-notes textarea:focus{border-color:var(--gold)}
.td-notes textarea::placeholder{color:var(--gray3)}
/* Candidate Master Table */
.cand-master-section{margin-top:8px}
.cand-master-table-wrap{overflow-x:scroll;overflow-y:auto;max-height:calc(100vh - 220px);background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow2);scrollbar-width:thin;scrollbar-color:var(--gray3) var(--gray1)}
.cand-master-table-wrap::-webkit-scrollbar{height:6px}
.cand-master-table-wrap::-webkit-scrollbar-track{background:var(--gray1)}
.cand-master-table-wrap::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:3px}
.cand-master-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--gray4)}
.cand-master-table-wrap table thead th{position:sticky;top:0;z-index:3;background:var(--gray1);text-align:center}
/* Sticky checkbox + Name columns in Candidate Master table */
.cand-master-table-wrap table thead th:nth-child(1),
.cand-master-table-wrap table thead th:nth-child(2){position:sticky;z-index:2;background:var(--gray1)}
.cand-master-table-wrap table thead th:nth-child(1){left:0}
.cand-master-table-wrap table thead th:nth-child(2){left:40px}
.cand-master-table-wrap table tbody td:nth-child(1),
.cand-master-table-wrap table tbody td:nth-child(2){position:sticky;z-index:1;background:var(--white)}
.cand-master-table-wrap table tbody td:nth-child(1){left:0}
.cand-master-table-wrap table tbody td:nth-child(2){left:40px}
.cand-master-table-wrap table tbody tr:hover td:nth-child(1),
.cand-master-table-wrap table tbody tr:hover td:nth-child(2){background:var(--gray1)}
.cand-master-table-wrap table thead th:nth-child(2),
.cand-master-table-wrap table tbody td:nth-child(2){border-right:1.5px solid var(--gray2)}
.cand-master-table-wrap table thead th:nth-child(1){z-index:4;top:0}
.cand-master-table-wrap table thead th:nth-child(2){z-index:4;top:0}
.cand-master-table-wrap table th,.cand-master-table-wrap table td{border-right:1px solid rgba(0,0,0,0.06)}
.cand-master-table-wrap table th:last-child,.cand-master-table-wrap table td:last-child{border-right:none}
.cand-master-table-wrap table{width:100%;border-collapse:collapse;font-size:12.5px}
.cand-master-table-wrap thead th{background:var(--gray1);color:var(--navy);font-weight:700;padding:10px 12px;text-align:left;border-bottom:2px solid var(--gray2);white-space:nowrap}
.cand-master-table-wrap tbody td{padding:9px 12px;border-bottom:1px solid var(--gray2);color:var(--gray5);vertical-align:middle}
.cand-master-table-wrap tbody tr:hover td{background:var(--gray1)}
.cand-master-applied{display:flex;flex-wrap:wrap;gap:4px}
.cand-master-applied-pill{display:inline-flex;align-items:center;gap:4px;background:var(--gray1);border:1px solid var(--gray2);border-radius:20px;padding:2px 8px;font-size:11px;color:var(--navy);white-space:nowrap}
.btn-cand-action{border:none;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.btn-cand-edit{background:#dbeafe;color:#1d4ed8}
.btn-cand-edit:hover{background:#bfdbfe}
.btn-cand-del{background:#fee2e2;color:#991b1b}
.btn-cand-del:hover{background:#fecaca}
.btn-cand-cv{background:#f3f4f6;color:#374151}
.btn-cand-cv:hover{background:#e5e7eb}
.btn-cand-screen{background:#fef9c3;color:#854d0e}
.btn-cand-screen:hover{background:#fef08a}
.cand-master-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.cand-master-filters select,.cand-master-filters input[type=number]{padding:6px 10px;border:1.5px solid var(--gray3);border-radius:7px;font-family:'Inter',sans-serif;font-size:12px;color:var(--navy);background:var(--white);outline:none}
.cand-master-filters label{font-size:12px;font-weight:600;color:var(--gray5)}
.cand-field-pill{display:inline-block;background:#ede9fe;color:#5b21b6;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;white-space:nowrap}
.cand-cb{width:15px;height:15px;cursor:pointer;accent-color:var(--navy)}
.pj-overlay{position:fixed;inset:0;background:rgba(10,10,40,.55);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.pj-overlay.open{opacity:1;pointer-events:all}
.pj-modal{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(26,26,78,.22);width:min(620px,96vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.pj-modal-header{background:var(--navy);color:var(--white);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.pj-modal-header h2{font-size:15px;font-weight:700;color:var(--gold);margin:0}
.pj-close{background:none;border:none;color:var(--white);font-size:18px;cursor:pointer;line-height:1}
.pj-modal-body{padding:20px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:0}
.pj-modal-footer{padding:14px 22px;border-top:1px solid var(--gray2);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:var(--white)}
/* Screening Questions section inside Post Job modal */
.pj-sq-section{border-top:1.5px solid var(--gray2);margin-top:14px;padding-top:14px}
.pj-sq-header{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.pj-sq-title{font-size:13px;font-weight:700;color:var(--navy)}
.pj-sq-hint{font-size:11.5px;color:var(--gray4)}
.pj-sq-list{display:flex;flex-direction:column;gap:6px}
.pj-sq-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--gray2);border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}
.pj-sq-item:hover{background:var(--gray1);border-color:var(--gray3)}
.pj-sq-item:has(.pj-sq-cb:checked){background:#eef2ff;border-color:#a5b4fc}
.pj-sq-cb{width:15px;height:15px;cursor:pointer;accent-color:var(--navy);flex-shrink:0}
.pj-sq-text{flex:1;font-size:12.5px;color:var(--navy);font-weight:500}
.pj-sq-type{font-size:11px;color:var(--gray4);white-space:nowrap;background:var(--gray1);border-radius:4px;padding:2px 7px;font-weight:600}
/* Screening Q&A in detail table */
.td-sq-cell{min-width:60px;max-width:100px;vertical-align:middle;padding:6px 8px;font-size:12px;text-align:center}
.sq-col-hdr{cursor:help;border-bottom:1.5px dotted var(--gray4);font-weight:700;color:var(--navy);position:relative;display:inline-block}
.sq-col-hdr .sq-tip{display:none;position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 7px);background:var(--navy);color:#fff;font-size:11.5px;font-weight:500;padding:7px 11px;border-radius:7px;white-space:normal;z-index:99;line-height:1.6;box-shadow:0 4px 14px rgba(0,0,0,.18);min-width:160px;max-width:280px}
.sq-col-hdr:hover .sq-tip{display:block}
/* Screening Q&A in candidate history modal */
.ch-sq-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f0f4ff;border:1.5px solid #c7d2fe;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:700;color:var(--navy);cursor:pointer;margin-top:10px;text-align:left}
.ch-sq-toggle:hover{background:#e0e7ff}
.ch-sq-arrow{font-size:11px;color:var(--gray4);transition:transform .15s}
.ch-sq-list{display:flex;flex-direction:column;gap:7px;margin-top:6px}
.ch-sq-item{background:#f8f9ff;border:1px solid #e0e7ff;border-radius:7px;padding:7px 10px}
.ch-sq-followup{margin-left:14px;background:#f3f4f6;border-color:#e5e7eb}
.ch-sq-q{font-size:11.5px;font-weight:600;color:var(--gray5);margin-bottom:2px}
.ch-sq-a{font-size:12.5px;font-weight:500;color:var(--navy)}
.pj-tabs{display:flex;gap:6px;margin-bottom:16px}
.pj-tab{padding:7px 16px;border:1.5px solid var(--gray3);border-radius:20px;background:var(--white);color:var(--gray5);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}
.pj-tab.active{background:var(--navy);color:var(--gold);border-color:var(--navy)}
.pj-drop-zone{border:2px dashed var(--gray3);border-radius:10px;padding:24px 20px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s;background:var(--gray1)}
.pj-drop-zone:hover,.pj-drop-zone.over{border-color:var(--navy);background:#eef0f8}
.pj-dz-icon{font-size:26px;margin-bottom:6px}
.pj-dz-text{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:3px}
.pj-dz-sub{font-size:11.5px;color:var(--gray4)}
.pj-file-pill{display:flex;align-items:center;gap:8px;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:8px;padding:8px 12px;margin-top:10px}
.pj-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.pj-form-group{display:flex;flex-direction:column;gap:5px}
.pj-form-group label{font-size:12px;font-weight:600;color:var(--navy)}
.pj-form-group input,.pj-form-group select,.pj-form-group textarea{padding:8px 11px;border:1.5px solid var(--gray3);border-radius:7px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--navy);outline:none;background:var(--white);transition:border .15s}
.pj-form-group input:focus,.pj-form-group select:focus,.pj-form-group textarea:focus{border-color:var(--navy)}
.pj-form-group textarea{resize:vertical}
.pos-card-empty{border:2px dashed var(--gray3);background:var(--gray1)}
.pos-card-empty .pos-card-title{color:var(--gray5)}
.qs-drop-zone{border:2px dashed var(--gray3);border-radius:10px;padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s;background:var(--gray1)}
.qs-drop-zone:hover,.qs-drop-zone.over{border-color:var(--navy);background:#eef0f8}
.qs-dz-icon{font-size:28px;margin-bottom:6px}
.qs-dz-text{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:3px}
.qs-dz-sub{font-size:11.5px;color:var(--gray4)}
.qs-jd-pill{display:flex;align-items:center;gap:8px;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:8px;padding:8px 12px;margin-top:10px}
.qs-modal-overlay{position:fixed;inset:0;background:rgba(10,10,40,.55);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.qs-modal-overlay.open{opacity:1;pointer-events:all}
.qs-modal{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(26,26,78,.22);width:min(720px,96vw);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}
.qs-modal-header{background:var(--navy);color:var(--white);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.qs-modal-header h2{font-size:15px;font-weight:700;color:var(--gold)}
.qs-modal-close{background:none;border:none;color:var(--white);font-size:18px;cursor:pointer;line-height:1}
.qs-modal-body{padding:20px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}
.qs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qs-form-group{display:flex;flex-direction:column;gap:5px}
.qs-form-group label{font-size:12px;font-weight:600;color:var(--navy)}
.qs-form-group input,.qs-form-group textarea,.qs-form-group select{padding:8px 11px;border:1.5px solid var(--gray3);border-radius:7px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--navy);outline:none;background:var(--white)}
.qs-form-group textarea{resize:vertical;min-height:70px}
.qs-results-wrap{overflow-x:auto}
.qs-results-wrap table{width:100%;border-collapse:collapse;font-size:12px}
.qs-results-wrap thead th{background:var(--gray1);color:var(--navy);font-weight:700;padding:8px 10px;text-align:left;border-bottom:2px solid var(--gray2);white-space:nowrap}
.qs-results-wrap tbody td{padding:8px 10px;border-bottom:1px solid var(--gray2);color:var(--gray5);vertical-align:top}
.qs-results-wrap tbody tr:hover td{background:var(--gray1)}
.qs-score-bar{height:6px;border-radius:3px;background:var(--gray2);margin-top:4px;overflow:hidden}
.qs-score-fill{height:100%;border-radius:3px}
.qs-modal-footer{padding:14px 22px;border-top:1px solid var(--gray2);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:var(--white)}
.qs-spinner{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--gray4);font-size:13px}
.qs-spinner-dot{width:8px;height:8px;border-radius:50%;background:var(--navy);animation:qs-bounce .8s infinite alternate}
.qs-spinner-dot:nth-child(2){animation-delay:.2s}
.qs-spinner-dot:nth-child(3){animation-delay:.4s}
@keyframes qs-bounce{from{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}
/* Invite to Apply Modal */
.ita-overlay{position:fixed;inset:0;background:rgba(10,10,40,.55);z-index:3100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.ita-overlay.open{opacity:1;pointer-events:all}
.ita-modal{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(26,26,78,.22);width:min(600px,96vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.ita-header{background:var(--navy);color:var(--white);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.ita-header h2{font-size:15px;font-weight:700;color:var(--gold)}
.ita-header button{background:none;border:none;color:var(--white);font-size:18px;cursor:pointer;line-height:1}
.ita-body{padding:20px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}
.ita-footer{padding:14px 22px;border-top:1px solid var(--gray2);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:var(--white)}
.ita-posting-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--gray2);border-radius:8px;background:var(--gray1);cursor:pointer;transition:border-color .15s}
.ita-posting-card:hover{border-color:var(--gold)}
.ita-posting-card.selected{border-color:var(--navy);background:#eef2ff}
.ita-cand-chip{display:inline-flex;align-items:center;gap:5px;background:#f0f4ff;color:var(--navy);border:1px solid #c7d2fe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}
.ita-cand-chip.no-email{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.td-contact input{width:150px;border:1.5px solid var(--gray3);border-radius:6px;padding:5px 8px;font-family:'Inter',sans-serif;font-size:11.5px;color:var(--navy);background:var(--white);outline:none;transition:border .15s;display:block;margin-bottom:4px}
.td-contact input:focus{border-color:var(--gold)}
.td-contact input::placeholder{color:var(--gray3)}
/* Pipeline download button */
.pipe-dl-btn{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid var(--gray3);background:var(--white);color:var(--navy);cursor:pointer;margin-bottom:3px;display:block;white-space:nowrap;text-align:left;transition:background .12s}
.pipe-dl-btn:hover{background:var(--navy);color:var(--gold);border-color:var(--navy)}
/* Recruitment Pipeline Progress */
.pipeline{display:flex;align-items:center;gap:3px;white-space:nowrap}
.pipe-stage{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:3px 7px;border-radius:20px;cursor:pointer;transition:filter .15s;user-select:none}
.pipe-stage:hover{filter:brightness(.92)}
.pipe-stage.done{background:#dcfce7;color:#166534}
.pipe-stage.progress{background:#fef9c3;color:#854d0e}
.pipe-stage.none{background:#f1f5f9;color:#94a3b8}
.pipe-stage.declined{background:#fee2e2;color:#991b1b}
.pipe-arrow{color:var(--gray3);font-size:10px}
.pipe-screened{background:#dbeafe;color:#1e40af}
.pipe-stage-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.pipe-result-toggle{display:flex;gap:2px;margin-top:1px}
.pipe-result-btn{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:10px;border:none;cursor:pointer;transition:background .12s,color .12s,transform .1s,box-shadow .1s;line-height:1.4}
.pipe-result-btn:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.pipe-result-btn.active{transform:none!important;box-shadow:none!important}
.pipe-result-btn.pass{background:#dcfce7;color:#166534}
.pipe-result-btn.pass.active{background:#16a34a;color:#fff}
.pipe-result-btn.fail{background:#fee2e2;color:#991b1b}
.pipe-result-btn.fail.active{background:#dc2626;color:#fff}
.pipe-result-btn.neutral{background:var(--gray2);color:var(--gray4)}
.pipeline{align-items:flex-start}
.pipe-stage-wrap{min-width:max-content;vertical-align:top}
.pipe-result-btn.accepted{background:#dcfce7;color:#166534}
.pipe-result-btn.accepted.active{background:#16a34a;color:#fff}
.pipe-result-btn.rejected{background:#fee2e2;color:#991b1b}
.pipe-result-btn.rejected.active{background:#dc2626;color:#fff}
.pipe-result-date{font-size:9px;color:var(--gray4);text-align:center;margin-top:1px;white-space:nowrap}
.pipe-fail-warn{font-size:9px;font-weight:700;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:3px 7px;margin-top:4px;text-align:center;line-height:1.4;white-space:normal}
/* Progress legend in card */
.pos-pipeline-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.pos-pipe-badge{display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--gray5)}
.pos-pipe-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
/* Duplicate flag */
.dup-name{background:#fef08a;border-radius:4px;padding:1px 5px;cursor:default;position:relative;display:inline-block}
.dup-name .dup-tip{display:none;position:absolute;left:0;top:calc(100% + 6px);background:var(--navy);color:#fff;font-size:11.5px;font-weight:500;padding:7px 11px;border-radius:7px;white-space:nowrap;z-index:99;line-height:1.6;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.dup-name:hover .dup-tip{display:block}
.btn-clear-hist{padding:8px 16px;border-radius:7px;border:1.5px solid #c0392b;background:transparent;color:#c0392b;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,color .15s}
.btn-clear-hist:hover{background:#fdeaea;color:#9b1c1c}
.btn-remove-row{padding:4px 10px;border-radius:5px;border:1.5px solid var(--gray3);background:transparent;color:#c0392b;font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s}
.btn-remove-row:hover{background:#fdeaea;border-color:#c0392b}
.td-date{font-size:11.5px;color:var(--gray4);white-space:nowrap}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.spinner-lg{width:36px;height:36px;border:3.5px solid rgba(201,168,76,.25);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}
.typing-dots{display:inline-flex;gap:5px;align-items:center;padding:2px 0}
.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--gray4);animation:dotBounce 1.2s ease-in-out infinite;display:inline-block}
.typing-dots span:nth-child(2){animation-delay:.2s}
.typing-dots span:nth-child(3){animation-delay:.4s}
@keyframes dotBounce{0%,80%,100%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}

/* People Development sub-submenu */
.sub-submenu{overflow:hidden;max-height:0;transition:max-height .25s ease}
.sub-submenu.open{max-height:200px}
.sub-sub-item{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 58px;margin:1px 6px;border-radius:8px;cursor:pointer;font-size:11.5px;font-weight:400;color:rgba(255,255,255,.42);transition:background .15s,color .15s;border-left:2px solid transparent}
.sub-sub-item:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.75)}
.sub-sub-item.active{border-left-color:var(--gold);color:var(--gold);background:rgba(201,168,76,.09)}
.tms-arrow{font-size:10px;color:rgba(255,255,255,.3);transition:transform .2s;margin-left:auto;flex-shrink:0}
.sub-item.ai-item.open .tms-arrow{transform:rotate(90deg)}

/* Placeholder pages */
.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:48px 24px;text-align:center}
.placeholder-emoji{font-size:64px;margin-bottom:20px;line-height:1}
.placeholder-title{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:8px}
.placeholder-subtitle{font-size:14px;color:var(--gray4);line-height:1.7;max-width:380px}

/* Upload Dataset — gold-underline selects */
.select-gold{border:none!important;border-bottom:2px solid var(--gold)!important;border-radius:0!important;padding:9px 28px 9px 4px!important;background-color:transparent!important;font-size:13.5px!important;font-weight:500!important;color:var(--navy)!important;box-shadow:none!important;outline:none!important}
.select-gold:focus{border-bottom-color:var(--navy3)!important;box-shadow:none!important}

/* Dataset drop zone */
.ds-drop-zone{border:2px dashed #b0aede;border-radius:var(--radius);background:#f5f4fd;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 20px;cursor:pointer;transition:border-color .2s,background .2s;position:relative;text-align:center;margin-bottom:16px}
.ds-drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.ds-drop-zone:hover,.ds-drop-zone.over{border-color:var(--navy3);background:#eeecfb}
.ds-drop-zone.has-files{border-color:var(--gold);background:#fdf8ed}
.ds-drop-zone.disabled{opacity:.5;pointer-events:none}
.ds-file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}

/* Process button */
.btn-process{width:100%;padding:14px;border:none;border-radius:var(--radius);background:var(--navy);color:var(--gold);font-family:'Inter',sans-serif;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s;letter-spacing:.3px;margin-top:4px}
.btn-process:hover:not(:disabled){background:var(--navy3)}
.btn-process:disabled{background:var(--gray2);color:var(--gray3);cursor:not-allowed}

/* Dataset View option cards */
.dv-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:4px}
@media(max-width:580px){.dv-option-grid{grid-template-columns:1fr}}
.dv-option-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid var(--gold);padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:box-shadow .2s,transform .15s;cursor:default}
.dv-option-card:hover{box-shadow:var(--shadow2);transform:translateY(-3px)}
.dv-option-icon{font-size:40px;line-height:1}
.dv-option-title{font-size:16px;font-weight:700;color:var(--navy)}
.dv-option-desc{font-size:13px;color:var(--gray5);line-height:1.6;flex:1}
.dv-option-btn{width:100%;margin-top:6px;padding:11px;border:none;border-radius:8px;font-family:'Inter',sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;background:var(--navy);color:var(--gold);transition:background .15s}
.dv-option-btn:hover{background:var(--navy3)}

/* Dataset View — table view */
.dv-table-view{display:none;animation:fadeIn .25s ease}
.dv-back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--navy3);cursor:pointer;border:none;background:none;padding:0;margin-bottom:16px;transition:color .15s;font-family:'Inter',sans-serif}
.dv-back:hover{color:var(--gold)}
.dv-table-title{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:16px}
.dv-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:center}
.dv-filter-bar input[type=text]{flex:1;min-width:180px;border:1.5px solid var(--gray2);border-radius:7px;padding:8px 12px;font-size:13px;font-family:'Inter',sans-serif;color:var(--navy);outline:none;transition:border-color .2s}
.dv-filter-bar input[type=text]:focus{border-color:var(--navy3)}
.dv-filter-bar input[type=text]::placeholder{color:var(--gray4)}
.dv-filter-bar select{border:1.5px solid var(--gray2);border-radius:7px;padding:8px 28px 8px 10px;font-size:12.5px;font-family:'Inter',sans-serif;color:var(--navy);background:var(--white);outline:none;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238888aa' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.dv-filter-bar select:focus{border-color:var(--navy3)}
.dv-record-count{font-size:12.5px;font-weight:600;color:var(--gray5);margin-bottom:10px}
.bu-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap}
.bu-smf{background:#dcfce7;color:#166534}
.bu-gmn{background:#dbeafe;color:#1d4ed8}
.bu-gms{background:#fef9c3;color:#854d0e}
.bu-holding{background:#fee2e2;color:#991b1b}
.bu-otomotif{background:#f3f4f6;color:#374151}
.bu-kospin{background:#fecaca;color:#991b1b}
.bu-mit{background:#e0e7ff;color:#3730a3}
.bu-smt{background:#f1f5f9;color:#475569}
.bu-ib{background:#fce7f3;color:#9d174d}
.dv-download{color:var(--gold);font-weight:600;font-size:12.5px;text-decoration:none;white-space:nowrap}
.dv-download:hover{text-decoration:underline}
.dv-export-bar{display:flex;justify-content:flex-end;margin-top:16px}
.dv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}

/* Dataset preview & success */
.ds-preview-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow2);padding:24px;margin-top:24px;animation:fadeIn .3s ease}
.ds-preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.ds-preview-header h2{font-size:15px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}
.ds-table-wrap{overflow-x:auto;margin-bottom:20px}
.ds-table{width:100%;border-collapse:collapse;font-size:13px}
.ds-table thead tr{background:var(--navy)}
.ds-table thead th{padding:10px 14px;text-align:left;font-size:11.5px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.ds-table tbody tr:nth-child(odd){background:var(--white)}
.ds-table tbody tr:nth-child(even){background:var(--gray1)}
.ds-table tbody tr:hover{background:#fdf8ed}
.ds-table tbody td{padding:10px 14px;color:var(--navy);font-size:13px;border-bottom:1px solid var(--gray2);vertical-align:middle}
.ds-preview-actions{display:flex;flex-direction:column;gap:10px}
.btn-confirm-upload{width:100%;padding:13px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,#2ecc71,#1a8040);color:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}
.btn-confirm-upload:hover{opacity:.88}
.ds-success-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow2);padding:48px 24px;margin-top:24px;animation:fadeIn .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}
.ds-success-icon{font-size:72px;margin-bottom:16px}
.ds-success-title{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:24px}
.ds-success-details{background:var(--gray1);border-radius:var(--radius);padding:4px 24px;width:100%;max-width:480px;margin-bottom:28px;text-align:left}
.ds-success-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--gray2);font-size:13px;gap:16px}
.ds-success-row:last-child{border-bottom:none}
.dsr-label{color:var(--gray5);font-weight:500;flex-shrink:0}
.dsr-val{font-weight:700;color:var(--navy);text-align:right}
.dsr-val.synced{color:var(--green)}

/* IDP */
.idp-mode-card{background:var(--white);border:2px solid var(--gray2);border-radius:10px;padding:28px 32px;cursor:pointer;flex:1;min-width:180px;text-align:center;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}
.idp-mode-card:hover{border-color:var(--navy);box-shadow:var(--shadow2)}
.idp-mode-icon{font-size:42px;margin-bottom:12px}
.idp-mode-title{font-weight:700;font-size:15px;color:var(--navy);margin-bottom:6px}
.idp-mode-sub{font-size:12px;color:var(--gray4)}
.idp-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.idp-back-btn{background:var(--white);border:1.5px solid var(--gray2);border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer;font-family:'Inter',sans-serif;transition:border-color .15s}
.idp-back-btn:hover{border-color:var(--navy)}
.idp-print-btn{background:var(--gold);color:#fff;border:none;border-radius:7px;padding:9px 22px;font-weight:700;font-size:13px;cursor:pointer;font-family:'Inter',sans-serif}
.idp-select-wrap{background:var(--white);border-radius:10px;box-shadow:var(--shadow);padding:16px 20px;margin-bottom:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.idp-select-wrap label{font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap}
.idp-select-wrap select{border:1.5px solid var(--gray2);border-radius:7px;padding:8px 12px;font-size:13px;font-family:'Inter',sans-serif;color:var(--navy);background:var(--white);outline:none;min-width:280px;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;appearance:none}
.idp-select-wrap select:focus{border-color:var(--navy3)}
.idp-tbl-wrap{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:var(--shadow);max-width:980px}

/* Print */
@media print{
  .topnav,.sidebar,.step-bar,.card-step1,.card-step2,.card-step3,.results-card,.discussion-card,.report-view-header .disc-back,.report-export-bar{display:none!important}
  body,html{background:white!important;height:auto!important}
  .app,.body-wrap,.main{display:block!important;height:auto!important;overflow:visible!important}
  .main-inner{padding:16px!important}
  .report-view{display:block!important;box-shadow:none!important;margin:0!important;padding:12px 0!important}
  .rep-card{break-inside:avoid;border:1px solid #ccc!important;background:white!important}
  .report-view-header{margin-bottom:16px!important}
  #idp-entry,.idp-top-bar,.idp-select-wrap{display:none!important}
  .idp-tbl-wrap{box-shadow:none!important;overflow:visible!important;max-width:100%!important}
}

/* STEP BAR */
.step-bar{display:flex;align-items:center;margin-bottom:24px;background:var(--white);border-radius:var(--radius);padding:16px 24px;box-shadow:var(--shadow)}
.step-item{display:flex;align-items:center;gap:8px;flex-shrink:0}
.step-num{width:28px;height:28px;border-radius:50%;border:2px solid var(--gray3);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gray4);transition:all .3s;flex-shrink:0}
.step-lbl{font-size:12.5px;font-weight:600;color:var(--gray4);white-space:nowrap;transition:color .3s}
.step-item.active .step-num{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.step-item.active .step-lbl{color:var(--navy)}
.step-item.done .step-num{background:var(--green);border-color:var(--green);color:var(--white)}
.step-item.done .step-lbl{color:var(--green)}
.step-line{flex:1;height:2px;background:var(--gray2);margin:0 14px;min-width:30px;transition:background .3s}
.step-line.done{background:var(--green)}

/* JD DROP ZONE — smaller than CV zone */
.jd-drop-zone{border:2px dashed #b0aede;border-radius:var(--radius);background:#f5f4fd;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;cursor:pointer;transition:border-color .2s,background .2s;position:relative;text-align:center;margin-bottom:14px}
.jd-drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.jd-drop-zone:hover,.jd-drop-zone.over{border-color:var(--navy3);background:#eeecfb}
.jd-drop-zone.has-file{border-color:var(--gold);background:#fdf8ed;cursor:default}
.jd-drop-zone.has-file input{pointer-events:none}

/* JD FILE PILL */
.jd-pill{display:flex;align-items:center;gap:10px;background:#f5f4fd;border:1.5px solid #c0b8f0;border-radius:8px;padding:10px 14px;margin-bottom:14px;animation:fadeIn .2s ease}
.jd-pill-icon{font-size:20px;flex-shrink:0}
.jd-pill-name{flex:1;font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* JD HISTORY SECTION */
.jd-history-section{margin-top:14px;border:1.5px solid var(--gray2);border-radius:10px;overflow:hidden}
.jd-history-toggle{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;background:var(--gray1);user-select:none;font-size:13px;font-weight:600;color:var(--navy);transition:background .15s}
.jd-history-toggle:hover{background:rgba(201,168,76,.1)}
.jd-history-arrow{font-size:11px;color:var(--gray4);transition:transform .2s;display:inline-block}
.jd-history-arrow.open{transform:rotate(180deg)}
.jd-history-body{display:none;padding:14px;background:var(--white)}
.jd-history-body.open{display:block}
.jd-hist-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--white);border:1.5px solid var(--gray2);border-left:3px solid var(--gold);border-radius:8px;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:background .12s}
.jd-hist-item:last-child{margin-bottom:0}
.jd-hist-item:hover{background:#fffdf5}
.jd-hist-info{flex:1;min-width:0}
.jd-hist-name{font-weight:600;font-size:12.5px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jd-hist-meta{font-size:11.5px;color:var(--gray4);margin-top:2px}
.jd-hist-date{font-size:11px;color:var(--gray3);margin-top:1px}
.btn-use-jd{padding:6px 14px;border-radius:20px;border:none;background:var(--navy);color:var(--gold);font-family:'Inter',sans-serif;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}
.btn-use-jd:hover{background:var(--navy3)}
.btn-preview-jd{padding:6px 14px;border-radius:20px;border:1.5px solid var(--gold);background:var(--white);color:#b8972a;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}
.btn-preview-jd:hover{background:#fffae8}
.btn-del-jd{background:none;border:none;cursor:pointer;font-size:14px;color:var(--gray3);padding:4px 6px;border-radius:4px;flex-shrink:0;transition:color .12s;line-height:1}
.btn-del-jd:hover{color:#c0392b}
/* JD Preview Modal */
.jd-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s;pointer-events:none}
.jd-modal-overlay.show{opacity:1;pointer-events:all}
.jd-modal{background:var(--white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.22);width:100%;max-width:600px;max-height:88vh;overflow-y:auto;border-top:4px solid var(--gold);animation:fadeIn .2s ease;display:flex;flex-direction:column}
.jd-modal-header{padding:20px 22px 14px;border-bottom:1px solid var(--gray2);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}
.jd-modal-title{font-size:16px;font-weight:800;color:var(--navy)}
.jd-modal-sub{font-size:12px;color:var(--gray4);margin-top:3px;font-weight:400;word-break:break-all}
.jd-modal-close{background:none;border:none;font-size:20px;color:var(--gray3);cursor:pointer;line-height:1;padding:2px 4px;border-radius:4px;flex-shrink:0;transition:color .12s}
.jd-modal-close:hover{color:var(--navy)}
.jd-modal-body{padding:20px 22px;flex:1}
.jd-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:18px}
.jd-modal-field label{font-size:10.5px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:3px}
.jd-modal-field span{font-size:13px;color:var(--navy);font-weight:500}
.jd-modal-skills-label{font-size:10.5px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.jd-skill-pills{display:flex;flex-wrap:wrap;gap:6px}
.jd-skill-pill{padding:4px 12px;border-radius:20px;background:#fdf5d8;border:1.5px solid var(--gold);color:#8a6a00;font-size:12px;font-weight:600}
.jd-modal-note{font-size:11.5px;color:var(--gray3);font-style:italic;margin-top:18px;padding-top:14px;border-top:1px solid var(--gray2)}
.jd-modal-footer{padding:14px 22px 18px;border-top:1px solid var(--gray2);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;flex-wrap:wrap}
.btn-modal-use{padding:9px 22px;border-radius:8px;border:none;background:var(--navy);color:var(--gold);font-family:'Inter',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}
.btn-modal-use:hover{background:var(--navy3)}
.btn-modal-close{padding:9px 22px;border-radius:8px;border:1.5px solid var(--gold);background:var(--white);color:#b8972a;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}
/* Manual Input Modals */
.man-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:9100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s;pointer-events:none}
.man-modal-overlay.show{opacity:1;pointer-events:all}
.man-modal{background:var(--white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.22);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;border-top:4px solid var(--gold);display:flex;flex-direction:column}
.man-modal-header{padding:18px 22px 12px;border-bottom:1px solid var(--gray2);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.man-modal-title{font-size:15px;font-weight:800;color:var(--navy)}
.man-modal-close{background:none;border:none;font-size:20px;color:var(--gray3);cursor:pointer;padding:2px 5px;border-radius:4px}
.man-modal-close:hover{color:var(--navy)}
.man-modal-body{padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.man-field label{font-size:10.5px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:4px}
.man-field input,.man-field select,.man-field textarea{width:100%;padding:8px 11px;border:1.5px solid var(--gray2);border-radius:7px;font-family:'Inter',sans-serif;font-size:13px;color:var(--navy);background:var(--white);box-sizing:border-box;transition:border .15s}
.man-field input:focus,.man-field select:focus,.man-field textarea:focus{outline:none;border-color:var(--gold)}
.man-field textarea{resize:vertical;min-height:80px}
.man-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.man-modal-footer{padding:12px 22px 18px;border-top:1px solid var(--gray2);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}
.btn-man-save{padding:9px 22px;border-radius:8px;border:none;background:var(--navy);color:var(--gold);font-family:'Inter',sans-serif;font-size:13px;font-weight:700;cursor:pointer}
.btn-man-save:hover{background:var(--navy3)}
.btn-man-cancel{padding:9px 18px;border-radius:8px;border:1.5px solid var(--gray2);background:var(--white);color:var(--gray4);font-family:'Inter',sans-serif;font-size:13px;cursor:pointer}
.btn-fill-manual{padding:8px 16px;border-radius:8px;border:1.5px solid var(--gray3);background:var(--white);color:var(--gray5);font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;margin-top:10px}
.btn-fill-manual:hover{border-color:var(--navy);color:var(--navy)}
/* Pagination */
.pagination-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0 4px;flex-wrap:wrap}
.pg-btn{padding:6px 13px;border-radius:7px;border:1.5px solid var(--gray2);background:var(--white);color:var(--navy);font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}
.pg-btn:hover:not(:disabled){border-color:var(--navy);background:var(--navy);color:#fff}
.pg-btn:disabled{opacity:0.4;cursor:default}
.pg-btn.active{background:var(--navy);color:var(--gold);border-color:var(--navy)}
.pg-info{font-size:12.5px;color:var(--gray4);padding:0 4px}
.btn-modal-close:hover{background:#fffae8}
.jd-hist-empty{text-align:center;color:var(--gray4);font-size:12.5px;padding:18px 0;line-height:1.6}
.jd-show-more{text-align:center;margin-top:10px;font-size:12px;color:var(--gold);font-weight:600;cursor:pointer}
.jd-show-more:hover{text-decoration:underline}
.jd-loaded-banner{display:none;align-items:center;justify-content:space-between;background:#e6f9ef;border:1.5px solid #5cb87a;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;color:#1a6e3a;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.jd-loaded-banner.show{display:flex}
.btn-clear-banner{background:none;border:none;font-size:13px;font-weight:700;color:#1a6e3a;cursor:pointer;padding:0 2px;opacity:.65;line-height:1}
.btn-clear-banner:hover{opacity:1}

/* EXTRACTED NOTICE */
.extracted-notice{display:flex;align-items:center;gap:8px;background:#f0f8ff;border:1.5px solid #b0d8f8;border-radius:7px;padding:10px 14px;font-size:12.5px;color:#1a5a8a;font-weight:500;margin-bottom:18px}

/* SELECT */
.form-group select{border:1.5px solid var(--gray2);border-radius:7px;padding:9px 11px;font-size:13px;font-family:'Inter',sans-serif;color:var(--navy);background:var(--white);outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238888aa' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
.form-group select:focus{border-color:var(--navy3);box-shadow:0 0 0 3px rgba(46,46,122,.08)}

/* CONFIRM BUTTON */
.btn-confirm{width:100%;padding:13px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,#2ecc71,#1a8040);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .1s;letter-spacing:.2px}
.btn-confirm:hover{opacity:.88}
.btn-confirm:active{transform:scale(.99)}
.btn-confirm:disabled{background:var(--gray2);color:var(--gray3);cursor:not-allowed}

/* CONFIRMED BADGE */
.confirmed-badge{display:none;align-items:center;gap:7px;background:#e8f9ef;border:1.5px solid #a0ddb8;border-radius:7px;padding:9px 14px;font-size:12.5px;font-weight:600;color:#1a7040;margin-top:10px}
.confirmed-badge.show{display:flex}

/* FORM GRID VARIANTS */
.form-row-3{grid-template-columns:repeat(3,1fr)!important}
@media(max-width:1000px){.form-row-3{grid-template-columns:1fr 1fr!important}}
@media(max-width:580px){.form-row-3{grid-template-columns:1fr!important}}
/* Step 2 — extracted field content appears grey (AI-filled, still editable) */
#card-step2 .form-group input,#card-step2 .form-group select{color:#64748b}
#card-step2 .form-group input:focus,#card-step2 .form-group select:focus{color:var(--navy)}
/* Qual-box split rows */
.qual-box-rows{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:680px){.qual-box-rows{grid-template-columns:1fr}}
.qual-row-label{font-size:11.5px;font-weight:700;letter-spacing:.2px;margin-bottom:5px;display:flex;align-items:center;gap:5px}
.qual-row-positive .qual-row-label{color:#15803d}
.qual-row-negative .qual-row-label{color:#b91c1c}
.qual-row-positive textarea{border-color:#bbf7d0!important;background:#f0fdf4!important}
.qual-row-positive textarea:focus{border-color:#16a34a!important}
.qual-row-positive textarea::placeholder{color:#16a34a;opacity:.55}
.qual-row-negative textarea{border-color:#fecaca!important;background:#fff5f5!important}
.qual-row-negative textarea:focus{border-color:#dc2626!important}
.qual-row-negative textarea::placeholder{color:#dc2626;opacity:.55}
/* OSS File Browser */
.oss-toolbar{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gray1);border-bottom:1.5px solid var(--gray2)}
.oss-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:13px;flex:1}
.oss-bc-item{color:var(--navy);font-weight:600;cursor:pointer;border-radius:5px;padding:3px 7px;transition:background .1s}
.oss-bc-item:hover{background:var(--gray2)}
.oss-bc-sep{color:var(--gray3);font-size:12px;padding:0 2px}
.oss-body{padding:20px}
.oss-section-title{font-size:11px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}
.oss-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:24px}
.oss-folder-card{display:flex;flex-direction:column;align-items:center;padding:16px 10px;background:var(--white);border:1.5px solid var(--gray2);border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:center}
.oss-folder-card:hover{border-color:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.oss-folder-icon{font-size:32px;margin-bottom:7px;line-height:1}
.oss-folder-name{font-size:12px;font-weight:700;color:var(--navy)}
.oss-file-row{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--white);border-bottom:1px solid var(--gray2);transition:background .1s}
.oss-file-row:last-child{border-bottom:none}
.oss-file-row:hover{background:var(--gray1)}
.oss-file-icon{font-size:19px;flex-shrink:0}
.oss-file-name{flex:1;font-size:12.5px;font-weight:600;color:var(--navy);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oss-file-meta{font-size:11.5px;color:var(--gray4);white-space:nowrap;flex-shrink:0}
.oss-file-actions{display:flex;gap:5px;flex-shrink:0}
.oss-file-btn{padding:4px 10px;border-radius:5px;font-size:11.5px;font-weight:600;cursor:pointer;border:none}
.oss-file-btn-view{background:var(--gray2);color:var(--navy)}
.oss-file-btn-view:hover{background:var(--gray3)}
.oss-file-btn-dl{background:var(--navy);color:var(--gold)}
.oss-file-btn-dl:hover{opacity:.85}
.oss-file-btn-del{background:#fee2e2;color:#dc2626}
.oss-file-btn-del:hover{background:#fecaca}
.oss-delete-all-btn{padding:5px 12px;border:1.5px solid #dc2626;border-radius:7px;background:#fff;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}
.oss-delete-all-btn:hover{background:#fee2e2}
.oss-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.oss-search-input{padding:7px 12px;border:1.5px solid var(--gray3);border-radius:7px;font-size:12.5px;color:var(--navy);background:var(--white);outline:none;min-width:200px;flex-shrink:0}
.oss-search-input:focus{border-color:var(--navy)}
.oss-view-size{margin-left:auto;font-size:12px;color:var(--gray4);display:flex;align-items:center;gap:6px;flex-shrink:0}
.oss-view-size select{padding:4px 8px;border:1.5px solid var(--gray3);border-radius:6px;font-size:12px;color:var(--navy);background:var(--white);cursor:pointer}
.oss-bulk-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#eff6ff;border:1.5px solid #93c5fd;border-radius:8px;margin-bottom:10px;font-size:12.5px;font-weight:600;color:#1e40af}
.oss-bulk-del-btn{padding:5px 13px;border:none;border-radius:6px;background:#dc2626;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.oss-bulk-del-btn:hover{background:#b91c1c}
.oss-bulk-cancel-btn{padding:5px 13px;border:1.5px solid var(--gray3);border-radius:6px;background:var(--white);color:var(--gray5);font-size:12px;font-weight:600;cursor:pointer}
.oss-bulk-cancel-btn:hover{background:var(--gray2)}
.oss-select-all-bar{display:flex;align-items:center;padding:7px 14px;background:var(--gray1);border:1.5px solid var(--gray2);border-radius:8px 8px 0 0;font-size:12.5px;font-weight:600;color:var(--navy);gap:7px}
.oss-select-all-bar label{display:flex;align-items:center;gap:7px;cursor:pointer}
.oss-file-list{border:1.5px solid var(--gray2);border-top:none;border-radius:0 0 10px 10px;overflow:hidden}
.oss-row-cb{width:14px;height:14px;cursor:pointer;flex-shrink:0;accent-color:var(--navy)}
.oss-showing-info{margin-top:8px;font-size:11.5px;color:var(--gray4);text-align:center;padding:6px}
.oss-bu-chips{display:flex;gap:5px;flex-wrap:wrap}
.oss-bu-chip{padding:4px 10px;border:1.5px solid var(--gray3);border-radius:20px;background:var(--white);color:var(--gray5);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s}
.oss-bu-chip:hover{border-color:var(--navy);color:var(--navy)}
.oss-bu-chip-active{background:var(--navy);color:var(--gold);border-color:var(--navy)}
.oss-empty{text-align:center;padding:40px 20px;color:var(--gray4);font-size:13px}
.oss-load-more{text-align:center;padding:14px;border-top:1px solid var(--gray2)}

/* AUDIT LOG */
.audit-shell{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1.5px solid var(--gray2);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}
.audit-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1.5px solid var(--gray2);background:var(--gray1)}
.audit-cats{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.audit-cat-btn{padding:5px 13px;border:1.5px solid var(--gray3);border-radius:20px;background:var(--white);color:var(--gray5);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;line-height:1.3}
.audit-cat-btn:hover{border-color:var(--navy);color:var(--navy)}
.audit-cat-active{background:var(--navy)!important;color:var(--gold)!important;border-color:var(--navy)!important}
.audit-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}
.audit-search{padding:6px 11px;border:1.5px solid var(--gray3);border-radius:7px;font-size:12.5px;color:var(--navy);outline:none;width:170px}
.audit-search:focus{border-color:var(--navy)}
.audit-date{padding:5px 8px;border:1.5px solid var(--gray3);border-radius:7px;font-size:12px;color:var(--navy);outline:none;max-width:130px}
.audit-date:focus{border-color:var(--navy)}
.audit-refresh-btn{padding:6px 13px;border:1.5px solid var(--gray3);border-radius:7px;background:var(--white);color:var(--navy);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}
.audit-refresh-btn:hover{background:var(--gray2)}
.audit-stats{display:flex;gap:6px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--gray2);background:var(--white);min-height:36px;align-items:center}
.audit-stat-pill{font-size:11.5px;font-weight:600;gap:4px;cursor:default}
.audit-count{font-size:11.5px;color:var(--gray4);padding:7px 18px;border-bottom:1px solid var(--gray2);background:var(--gray1)}
.audit-table-wrap{overflow-y:auto;flex:1}
.audit-table-head{display:grid;grid-template-columns:148px 88px 1fr 96px 1.4fr;padding:7px 16px;background:var(--gray1);border-bottom:1.5px solid var(--gray2);font-size:11px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:1;gap:10px}
.audit-rows{font-size:12.5px}
.audit-row{display:grid;grid-template-columns:148px 88px 1fr 96px 1.4fr;padding:10px 16px;border-bottom:1px solid var(--gray2);align-items:start;transition:background .1s;gap:10px}
.audit-row:last-child{border-bottom:none}
.audit-row:hover{background:var(--gray1)}
.audit-time{display:flex;flex-direction:column;gap:2px}
.audit-time-rel{font-weight:600;color:var(--navy);font-size:12px}
.audit-time-abs{font-size:10.5px;color:var(--gray4)}
.audit-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap;line-height:1.4}
.audit-action{font-weight:600;color:var(--navy);font-size:12.5px;padding-top:2px}
.audit-actor{font-size:12px;color:var(--gray5);font-weight:600;padding-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.audit-details{font-size:12px;color:var(--gray5);line-height:1.6;padding-top:2px}
.audit-empty{text-align:center;padding:52px 24px;color:var(--gray4);font-size:13px}
.audit-cat-auth{background:#eff6ff;color:#1d4ed8}
.audit-cat-users{background:#f5f3ff;color:#6d28d9}
.audit-cat-pipeline{background:#fff7ed;color:#c2410c}
.audit-cat-files{background:#f0fdf4;color:#15803d}
.audit-cat-jobs{background:#fefce8;color:#a16207}
.audit-cat-ai{background:#fdf4ff;color:#7e22ce}
.audit-cat-other{background:var(--gray2);color:var(--gray5)}

/* LOGIN SPLASH */
@keyframes splashFadeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes splashOut{from{opacity:1}to{opacity:0;pointer-events:none}}
.welcome-splash{
  position:fixed;inset:0;z-index:9999;
  background:linear-gradient(150deg,var(--navy) 0%,#0e0e30 60%,#1a1240 100%);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
}
.welcome-splash.hiding{animation:splashOut .55s ease forwards}
.login-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,168,76,.18);
  border-radius:18px;
  padding:44px 40px 40px;
  width:100%;max-width:380px;
  display:flex;flex-direction:column;align-items:center;
  animation:splashFadeIn .7s ease both;
  box-shadow:0 8px 48px rgba(0,0,0,.35);
  text-align:center;
}
.splash-logo{
  height:80px;width:auto;
  filter:drop-shadow(0 4px 20px rgba(0,0,0,.45));
  margin-bottom:22px;
}
.splash-eyebrow{
  font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:rgba(201,168,76,.7);margin-bottom:10px;
}
.splash-title{
  font-size:26px;font-weight:800;color:var(--white);
  line-height:1.2;margin-bottom:6px;
  text-shadow:0 2px 20px rgba(0,0,0,.4);
}
.splash-title span{color:var(--gold)}
.splash-divider{
  width:40px;height:2px;background:var(--gold);
  border-radius:2px;margin:0 auto 28px;opacity:.5;
}
.login-form{width:100%;display:flex;flex-direction:column;gap:14px}
.login-field{display:flex;flex-direction:column;gap:6px;text-align:left}
.login-label{font-size:11.5px;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.5);text-transform:uppercase}
.login-input{
  width:100%;padding:11px 14px;
  background:rgba(255,255,255,.07);
  border:1.5px solid rgba(255,255,255,.12);
  border-radius:8px;
  color:#fff;font-family:'Inter',sans-serif;font-size:14px;
  outline:none;transition:border-color .15s,background .15s;
}
.login-input::placeholder{color:rgba(255,255,255,.25)}
.login-input:focus{border-color:rgba(201,168,76,.6);background:rgba(255,255,255,.10)}
.login-error{
  font-size:12.5px;color:#ff6b6b;min-height:18px;
  text-align:center;font-weight:500;
}
.forgot-link-wrap{text-align:center;margin-top:12px}
.forgot-link{font-size:12.5px;color:rgba(201,168,76,.75);cursor:pointer;text-decoration:none}
.forgot-link:hover{color:var(--gold)}
.reset-hint{font-size:13px;color:rgba(255,255,255,.55);text-align:center;margin:0 0 14px;line-height:1.5}
.btn-enter{
  width:100%;margin-top:4px;
  padding:13px 0;border:none;border-radius:50px;
  background:linear-gradient(135deg,var(--gold) 0%,#9a7220 100%);
  color:var(--navy);font-family:'Inter',sans-serif;
  font-size:15px;font-weight:800;letter-spacing:.5px;
  cursor:pointer;
  box-shadow:0 4px 20px rgba(201,168,76,.35);
  transition:transform .15s,box-shadow .15s;
}
.btn-enter:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(201,168,76,.45)}
.btn-enter:active{transform:translateY(0)}
.splash-footer{
  position:absolute;bottom:24px;left:0;right:0;
  text-align:center;font-size:11px;color:rgba(255,255,255,.2);letter-spacing:.5px;
}

/* ── PEOPLE REVIEW ─────────────────────────────── */
.pr-wrap{background:#fff;border:1.5px solid #bbb;font-size:12px;font-family:'Inter',sans-serif;line-height:1.3}
.pr-main-title{background:#1F3864;color:#fff;font-weight:800;font-size:15px;text-align:center;padding:10px 12px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:2px solid #4472C4}
.pr-sec-hdr{background:#4472C4;color:#fff;font-weight:700;font-size:12.5px;text-align:center;padding:6px 10px;letter-spacing:.6px;border-top:1.5px solid #bbb}

/* Identity table */
.pr-id-tbl{width:100%;border-collapse:collapse}
.pr-id-tbl td{border:1px solid #c8c8c8;padding:3px 6px;font-size:11.5px;vertical-align:middle}
.pr-photo-td{width:120px;text-align:center;background:#f8f8f8;border:1px solid #c8c8c8}
.pr-photo-box{border:1.5px dashed #aaa;padding:14px 6px;font-size:10.5px;color:#888;text-align:center;line-height:1.6;min-height:110px;display:flex;align-items:center;justify-content:center}
.pr-lbl-g{background:#E2EFDA;font-weight:500;width:120px;padding:3px 6px!important}
.pr-lbl-p{background:#E2EFDA;font-weight:500;width:120px;padding:3px 6px!important}
.pr-lbl-y{background:#FFF2CC;font-weight:500;width:120px;padding:3px 6px!important}
.pr-sep{text-align:center;color:#555;width:14px;padding:3px 4px!important}
.pr-val{background:#fff;min-width:100px;height:22px}

/* History tables grid */
.pr-hist-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1.5px solid #bbb}
.pr-ht{width:100%;border-collapse:collapse;border-right:1px solid #c8c8c8}
.pr-ht:last-child{border-right:none}
.pr-ht td,.pr-ht th{border:1px solid #c8c8c8;padding:3px 6px;font-size:11px;height:20px}
.pr-ht-title{background:#C9A84C;color:#1a1a4e;font-weight:700;text-align:center;font-size:11px;padding:5px 6px!important;height:auto!important}
.pr-ht-col{background:#F0D98C;font-weight:600;text-align:center;color:#1a1a4e;font-size:10.5px;padding:3px 6px!important;height:auto!important}
.pr-ht td{background:#fff}

/* Assessment section */
.pr-assess{display:grid;grid-template-columns:1fr 2fr 2fr 2fr;border-top:none}
.pr-ac{border:1px solid #c8c8c8;border-top:none}
.pr-ac-hdr{background:#C9A84C;color:#1a1a4e;font-weight:700;text-align:center;padding:5px 6px;font-size:11.5px;border-bottom:1px solid #c8c8c8}
.pr-af{display:flex;border-bottom:1px solid #e0e0e0;min-height:22px}
.pr-af:last-child{border-bottom:none}
.pr-af .lbl{padding:3px 6px;font-size:11px;flex:0 0 58%;border-right:1px solid #e0e0e0;display:flex;align-items:center}
.pr-af .sep{padding:3px 4px;font-size:11px;width:14px;border-right:1px solid #e0e0e0;color:#555;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pr-af .val{padding:3px 6px;flex:1;background:#fff;display:flex;align-items:center}

/* Notes area */
.pr-notes{min-height:70px;background:#fff;border:1px solid #c8c8c8;border-top:none}

/* PR Autocomplete */
.pr-search-wrap{position:relative;width:100%;height:100%}
.pr-name-input{width:100%;border:none;outline:none;background:transparent;font-family:'Inter',sans-serif;font-size:11.5px;color:#1a1a4e;padding:3px 6px;box-sizing:border-box}
.pr-name-input::placeholder{color:#bbb}
.pr-dd{position:absolute;top:100%;left:0;right:0;z-index:600;background:#fff;border:1.5px solid #4472C4;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 6px 20px rgba(26,26,78,.18);max-height:190px;overflow-y:auto;display:none}
.pr-dd.open{display:block}
.pr-dd-item{padding:6px 10px;font-size:11.5px;cursor:pointer;color:#1a1a4e;border-bottom:1px solid #f0f0f0;transition:background .1s}
.pr-dd-item:last-child{border-bottom:none}
.pr-dd-item:hover{background:#E2EFDA}
.pr-dd-empty{padding:8px 10px;font-size:11.5px;color:#999;font-style:italic}

/* ── PEOPLE REVIEW: Assessment auto-fill ── */
@keyframes havPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.22);filter:brightness(1.4)}}
.hav-active{animation:havPulse 1.4s ease-in-out infinite;transform-origin:center}
.pr-score-bar{display:inline-block;padding:1px 8px;border-radius:4px;font-weight:700;font-size:11.5px}
.pr-score-good{background:#d4edda;color:#155724}
.pr-score-bad{background:#f8d7da;color:#721c24}

/* ── Dashboard KPI chips ── */
.kpi-chip{background:var(--white);border-radius:12px;padding:18px 20px;box-shadow:0 1px 8px rgba(26,26,78,.09);transition:box-shadow .2s,transform .2s;border-left:3px solid transparent}
.kpi-chip:hover{box-shadow:0 5px 20px rgba(26,26,78,.13);transform:translateY(-2px)}

/* ── Dashboard Quick Actions ── */
.quick-action{flex:1;min-width:150px;padding:18px 20px;border-radius:12px;background:linear-gradient(135deg,#1a1a4e 0%,rgba(26,26,78,.78) 100%);color:var(--gold);cursor:pointer;text-align:left;border:none;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px rgba(26,26,78,.2)}
.quick-action:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,26,78,.28)}
.qa-icon{font-size:22px;margin-bottom:8px;display:block}
.qa-title{font-size:13.5px;font-weight:700;display:block;margin-bottom:3px}
.qa-sub{font-size:11px;color:rgba(201,168,76,.7);display:block}
.pos-report-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:500;align-items:center;justify-content:center}
.pos-report-overlay.open{display:flex}
.pos-report-modal{background:var(--white);border-radius:14px;box-shadow:0 8px 48px rgba(26,26,78,.28);width:720px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.pos-report-header{background:var(--navy);color:var(--gold);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.pos-report-header h2{font-size:15px;font-weight:700}
.pos-report-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:20px;cursor:pointer;padding:2px 7px;border-radius:4px;line-height:1}
.pos-report-close:hover{color:#fff;background:rgba(255,255,255,.1)}
.pos-report-body{flex:1;overflow-y:auto;padding:24px}
.pos-report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}
.pos-report-spinner{width:38px;height:38px;border:4px solid var(--gray2);border-top-color:var(--navy);border-radius:50%;animation:prSpin .7s linear infinite}
@keyframes prSpin{to{transform:rotate(360deg)}}
.pr-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:22px}
.pr-stat{background:#f8f9fb;border:1.5px solid var(--gray2);border-radius:10px;padding:12px 14px;text-align:center}
.pr-stat-val{font-size:22px;font-weight:800;color:var(--navy);line-height:1.1}
.pr-stat-lbl{font-size:10.5px;color:var(--gray4);margin-top:3px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.pr-pipeline-row{display:flex;gap:0;margin-bottom:22px;border-radius:10px;overflow:hidden;border:1.5px solid var(--gray2)}
.pr-stage{flex:1;padding:12px 10px;text-align:center;background:#f8f9fb;border-right:1.5px solid var(--gray2)}
.pr-stage:last-child{border-right:none}
.pr-stage-icon{font-size:18px;margin-bottom:4px}
.pr-stage-name{font-size:10px;font-weight:700;color:var(--gray4);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.pr-stage-nums{font-size:12px;color:var(--navy)}
.pr-section{margin-bottom:20px}
.pr-section-title{font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid var(--gray2)}
.pr-prose{font-size:13px;color:#374151;line-height:1.65}
.pr-list{margin:0;padding-left:0;list-style:none}
.pr-list li{font-size:13px;color:#374151;line-height:1.6;padding:5px 0 5px 22px;position:relative;border-bottom:1px solid #f3f4f6}
.pr-list li:last-child{border-bottom:none}
.pr-list li::before{content:counter(li-counter);counter-increment:li-counter;position:absolute;left:0;top:5px;background:var(--navy);color:var(--gold);width:17px;height:17px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pr-list{counter-reset:li-counter}
.pr-chokepoint-list{margin:0;padding-left:0;list-style:none}
.pr-chokepoint-list li{font-size:13px;color:#374151;line-height:1.6;padding:5px 0 5px 20px;position:relative}
.pr-chokepoint-list li::before{content:"⚠️";position:absolute;left:0;top:5px;font-size:12px}
