:root{
  --bg:#070707;
  --panel:#111111;
  --panel2:#17120b;
  --gold:#ca964d;
  --gold2:#f3d28a;
  --text:#f6efe2;
  --muted:#b8aa91;
  --line:rgba(202,150,77,.28);
  --danger:#ff6b6b;
  --success:#59d98e;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top left,rgba(202,150,77,.18),transparent 28%),linear-gradient(135deg,#060606,#101010 55%,#090704);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh} button,input,select,textarea{font:inherit} button{border:0;cursor:pointer;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease} input,select,textarea{width:100%;background:#0a0a0a;color:var(--text);border:1px solid #453017;border-radius:10px;min-height:42px;padding:9px 11px;outline:none} textarea{min-height:90px;resize:vertical} input:focus,select:focus,textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(202,150,77,.16)}
.boot{height:100vh;display:grid;place-items:center;color:var(--gold2);font-weight:900;letter-spacing:.04em}.loginShell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 25% 15%,rgba(202,150,77,.24),transparent 30%),#050505}.loginCard{width:min(450px,100%);background:linear-gradient(180deg,#151515,#080808);border:1px solid rgba(202,150,77,.48);border-radius:24px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.loginBrand{font-size:24px;font-weight:1000;letter-spacing:.05em;color:var(--text);margin-bottom:18px}.loginBrand span{color:var(--gold2)}.loginCard h1{font-size:32px;margin:0 0 8px}.loginCard p{color:var(--muted);margin:0 0 24px}.loginCard label{display:block;color:#ead6b4;font-size:13px;font-weight:800;margin:14px 0 7px}.primaryBtn,.primarySmall{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#060606;font-weight:900;border:1px solid #ffe2a2;box-shadow:0 12px 24px rgba(202,150,77,.17)}.primaryBtn{height:46px;width:100%;margin-top:20px}.primarySmall{min-height:38px;padding:0 14px}.softBtn{background:#16120b;color:var(--gold2);border:1px solid var(--line);min-height:38px;padding:0 14px}.softBtn:hover,.iconBtn:hover,.exitBtn:hover{border-color:var(--gold2)}.primarySmall:disabled,.softBtn:disabled{opacity:.6;cursor:not-allowed}.error{display:flex;align-items:center;gap:8px;background:rgba(255,107,107,.13);border:1px solid rgba(255,107,107,.35);color:#ffd2d2;border-radius:10px;padding:10px 12px;margin-top:12px;font-size:13px}.error.inline{margin:12px 0}.notice{display:flex;align-items:center;gap:8px;background:rgba(89,217,142,.12);border:1px solid rgba(89,217,142,.34);color:#b7ffd0;border-radius:12px;padding:10px 12px;margin:10px 0}.notice.warn{background:rgba(202,150,77,.12);border-color:rgba(202,150,77,.34);color:var(--gold2)}
.topbar{height:72px;display:flex;align-items:center;gap:22px;padding:0 28px;background:rgba(5,5,5,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.logo{font-size:21px;font-weight:1000;white-space:nowrap;color:#fff}.logo:after{content:"";display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;margin-left:8px;box-shadow:0 0 16px var(--gold)}.topbar nav{display:flex;align-items:center;gap:22px;flex:1}.topbar nav span{height:72px;display:flex;align-items:center;color:#c8bda7;font-size:13px;white-space:nowrap;border-bottom:3px solid transparent}.topbar nav span.active{color:var(--gold2);border-bottom-color:var(--gold);font-weight:900}.topActions{display:flex;align-items:center;gap:8px}.iconBtn{height:38px;width:38px;background:#141414;color:var(--gold2);border:1px solid #382510}.userBtn{height:38px;background:linear-gradient(135deg,#1a1208,#3c260b);color:var(--gold2);border:1px solid var(--gold);padding:0 15px;font-weight:900;text-transform:uppercase;font-size:12px}.exitBtn{height:38px;width:42px;background:#000;color:var(--gold2);border:1px solid #382510}.page{width:100%;max-width:none;margin:26px 0;padding:0 28px}.pageHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.page h1{margin:0;color:#fff;font-size:30px;letter-spacing:-.02em}.pageSub{color:var(--muted);margin:8px 0 0;line-height:1.5}.headActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filterRow{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(220px,1.4fr);gap:12px;padding:14px;background:rgba(14,14,14,.9);border:1px solid var(--line);border-radius:18px}.searchBox{display:flex;align-items:center;gap:8px;border:1px solid #453017;border-radius:10px;padding:0 10px;background:#0a0a0a;color:var(--gold2)}.searchBox input{border:0;background:transparent;box-shadow:none;min-height:40px;padding-left:0}.letters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.letters button{height:34px;min-width:34px;background:#0d0d0d;color:#d1c4aa;border:1px solid #362410;border-radius:9px}.letters button.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#070707;font-weight:1000;border-color:var(--gold2)}.loader{padding:30px;text-align:center;color:var(--gold2);border:1px dashed var(--line);border-radius:14px;background:rgba(12,12,12,.65)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.empCard{min-height:142px;background:linear-gradient(180deg,#171717,#0b0b0b);border:1px solid rgba(202,150,77,.36);border-left:5px solid var(--gold);border-radius:16px;padding:17px;display:flex;gap:14px;box-shadow:0 14px 34px rgba(0,0,0,.26)}.empCard:hover{transform:translateY(-3px);border-color:var(--gold2);box-shadow:0 20px 42px rgba(202,150,77,.14)}.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808;font-weight:1000;font-size:12px;box-shadow:0 0 0 4px rgba(202,150,77,.15)}.empInfo h3{font-size:15px;margin:0 0 7px}.empInfo p{font-size:12px;color:var(--muted);margin:4px 0;line-height:1.35}.contact{display:flex;gap:10px;color:var(--gold2);margin-top:10px}.back{background:transparent;color:var(--gold2);padding:0;margin:0 0 16px}.detailTitle{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.detailTitle h1{margin-bottom:4px}.detailTitle p{color:var(--muted);margin:0}.statusPill{padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:900;color:var(--gold2);background:#12100b;text-transform:uppercase}.statusPill.active{background:rgba(89,217,142,.13);border-color:rgba(89,217,142,.4);color:#abf7c4}.statusPill.draft{background:rgba(202,150,77,.14)}.subtabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.subtabs button{min-height:36px;background:#17120b;color:var(--gold2);border:1px solid #3b2812;border-radius:10px;padding:0 13px;font-weight:800;font-size:12px}.subtabs button.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#070707;border-color:var(--gold2)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;background:rgba(14,14,14,.92);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px}.field span{display:block;color:#ead7b5;font-weight:800;font-size:12px;margin:0 0 7px}.field b{color:#ff7676;margin-left:2px}.wide{grid-column:1/-1}.checkField{display:flex;align-items:center;gap:10px;color:#ead7b5;font-size:13px;font-weight:700;min-height:42px}.checkField input{width:18px;min-height:18px;accent-color:var(--gold)}.panel{background:rgba(14,14,14,.92);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.panel h2{font-size:18px;margin:0;color:var(--gold2)}.muted{color:var(--muted);font-size:13px}.miniBlock{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:14px;margin-top:12px;color:var(--muted);font-size:13px}.stackBtns{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.stickyActions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;background:linear-gradient(180deg,rgba(7,7,7,0),rgba(7,7,7,.97) 32%);padding:20px 0 10px;z-index:10}.greenBox{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;padding:14px;background:rgba(202,150,77,.12);border:1px solid var(--line);border-radius:14px}.warn{color:var(--gold2);font-size:12px}table{width:100%;border-collapse:collapse;background:#0a0a0a;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid rgba(202,150,77,.18);text-align:left;font-size:13px}th{color:var(--gold2);background:#17120b}.directoryPage,.detailPage{animation:fadeIn .18s ease}@keyframes fadeIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.topbar nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.filterRow{grid-template-columns:1fr 1fr}.searchBox{grid-column:1/-1}.topbar{padding:0 16px}.logo{font-size:18px}.topActions{margin-left:auto}.userBtn{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px){.page{margin:20px auto;padding:0 14px}.pageHead,.detailTitle{display:block}.headActions{margin-top:12px}.grid{grid-template-columns:1fr}.filterRow{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr;padding:14px}.panel{padding:14px}.topbar{gap:8px;height:64px}.logo{font-size:15px}.iconBtn{display:none}.userBtn{height:34px;font-size:10px;padding:0 9px}.exitBtn{height:34px;width:36px}.page h1{font-size:24px}.stickyActions{justify-content:stretch}.stickyActions button{flex:1}.greenBox{grid-template-columns:1fr}.subtabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.subtabs button{white-space:nowrap}.empCard{min-height:auto}.loginCard{padding:24px}.loginCard h1{font-size:26px}}
.empBadges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.tinyPill{display:inline-flex;align-items:center;border:1px solid var(--line);background:#17120b;color:var(--gold2);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;text-transform:uppercase}.tinyPill.active{background:rgba(89,217,142,.13);border-color:rgba(89,217,142,.36);color:#abf7c4}.tinyPill.draft{background:rgba(202,150,77,.14);border-color:rgba(202,150,77,.44);color:var(--gold2)}.reportLine{color:#d8c6a6!important}.reportLine b{color:var(--gold2);font-weight:900}.hierarchyWrap{background:linear-gradient(180deg,#15120c,#090909);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0 18px}.hierarchyTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.hierarchyTitle h2{margin:0;color:var(--gold2);font-size:20px}.hierarchyTitle p{margin:4px 0 0;color:var(--muted);font-size:13px}.hierarchyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hierarchyNode{border:1px solid rgba(202,150,77,.28);border-left:4px solid var(--gold);border-radius:14px;background:#0c0c0c;padding:14px}.hierarchyNode h3{margin:0 0 5px;color:#fff;font-size:15px}.hierarchyNode p{margin:0 0 11px;color:var(--muted);font-size:12px}.managerChildren{display:flex;flex-wrap:wrap;gap:7px}.managerChip{border:1px solid rgba(202,150,77,.32);background:#17120b;color:#ead7b5;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.managerChip.draft{border-color:rgba(202,150,77,.54);color:var(--gold2)}.mutedChip{opacity:.72}.selectHint{color:var(--muted);font-size:11px;margin-top:5px}
@media(max-width:1050px){.hierarchyGrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hierarchyTitle{display:block}.hierarchyGrid{grid-template-columns:1fr}.tinyPill{font-size:9px}.reportLine{font-size:11px!important}}
/* Time On / Time Off pages */
.topbar nav button{height:72px;display:flex;align-items:center;color:#c8bda7;font-size:13px;white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;border-radius:0;padding:0;box-shadow:none}
.topbar nav button.active{color:var(--gold2);border-bottom-color:var(--gold);font-weight:900}
.topbar nav button:hover{color:var(--gold2)}
.topbar nav span{display:none}
.statusPill.compact{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px}
.statusPill.submitted{background:rgba(202,150,77,.14);border-color:rgba(202,150,77,.44);color:var(--gold2)}
.statusPill.approved{background:rgba(89,217,142,.13);border-color:rgba(89,217,142,.4);color:#abf7c4}
.statusPill.rejected{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.35);color:#ffd2d2}
.timeToolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,.8fr) auto;gap:14px;align-items:end;margin-bottom:16px}.weekNav{display:flex;gap:8px;flex-wrap:wrap}.timesheetMeta{display:flex;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#0a0a0a;border:1px solid var(--line);border-radius:12px;margin:8px 0 14px;color:var(--muted);font-size:13px}.timesheetMeta b{color:var(--gold2)}.responsiveTable{overflow:auto;border-radius:12px}.hoursInput{width:90px;min-width:90px}.blockedRow{background:rgba(202,150,77,.08)}.blockedRow input{opacity:.68}.actionStrip{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}.approvalList{display:grid;gap:12px}.approvalCard{display:grid;grid-template-columns:1fr minmax(260px,.75fr);gap:14px;align-items:center;background:#0a0a0a;border:1px solid rgba(202,150,77,.28);border-left:4px solid var(--gold);border-radius:14px;padding:14px}.approvalCard h3{margin:0 0 6px;font-size:15px;color:#fff}.approvalCard p{margin:4px 0;color:var(--muted);font-size:13px}.reviewBox{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.softBtn.danger{border-color:rgba(255,107,107,.4);color:#ffd2d2;background:rgba(255,107,107,.08)}
@media(max-width:1050px){.timeToolbar{grid-template-columns:1fr 1fr}.weekNav{grid-column:1/-1}.approvalCard{grid-template-columns:1fr}.reviewBox{grid-template-columns:1fr}}
@media(max-width:700px){.timeToolbar{grid-template-columns:1fr}.weekNav button{flex:1}.actionStrip{justify-content:stretch}.actionStrip button{flex:1}.reviewBox{grid-template-columns:1fr}.responsiveTable table{min-width:760px}.approvalCard{padding:12px}.topbar nav button{display:none}}

/* Portal credentials modal */
.modalBackdrop{
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(0,0,0,.72);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  backdrop-filter:blur(8px);
}
.credentialModal{
  width:min(560px, 100%);
  border:1px solid rgba(202,150,77,.55);
  background:linear-gradient(145deg,#0b0b0d,#17120a);
  box-shadow:0 24px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(202,150,77,.14) inset;
  border-radius:22px;
  padding:22px;
  color:#f8f2e8;
}
.modalHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.modalHead h2{margin:0;color:#f4c981;}
.credentialBox{
  border:1px solid rgba(202,150,77,.25);
  background:rgba(255,255,255,.045);
  border-radius:14px;
  padding:14px 16px;
  margin:12px 0;
  display:flex;
  flex-direction:column;
  gap:6px;
  word-break:break-word;
}
.credentialBox span{font-size:12px;color:#bca98a;text-transform:uppercase;letter-spacing:.08em;}
.credentialBox b{font-size:17px;color:#fff;}

/* Settings master-data */
.settingsGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.orgUnitList{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.orgUnitItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(202,150,77,.2);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:12px;
}
.orgUnitItem b{color:#f7d491;}
.orgUnitItem p{margin:4px 0 0;color:#baa88d;font-size:13px;}
.iconBtn.active{border-color:#ca964d;color:#f4c981;background:rgba(202,150,77,.18);}
@media (max-width: 980px){.settingsGrid{grid-template-columns:1fr;}.orgUnitItem{align-items:flex-start;flex-direction:column;}}

/* Directory read-only mode for non admin/superadmin users */
.readOnlyPill {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(202, 150, 77, 0.45);
  color: #f1d39d;
  background: rgba(202, 150, 77, 0.10);
  border-radius: 999px;
  padding: 9px 13px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.readonlyFields input,
.readonlyFields select,
.readonlyFields textarea,
.readonlyFields .checkField {
  pointer-events: none;
  opacity: 0.72;
  cursor: not-allowed;
}
.readonlyFields input,
.readonlyFields select,
.readonlyFields textarea {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.10) !important;
}
.readonlyFields,
.editableFields {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}


/* V6 full-width desktop/tablet layout and invitation UX */
main{width:100%;}
.passwordHint{font-size:12px;color:var(--muted);margin:8px 0 0!important;}
.inviteCard .credentialBox{margin:12px 0 4px;}
.compactBox b{font-size:14px;}
.empCard.disabledCard{opacity:.72;cursor:not-allowed;border-left-color:#5c4422;}
.empCard.disabledCard:hover{transform:none;border-color:rgba(202,150,77,.24);box-shadow:0 14px 34px rgba(0,0,0,.26);}
@media(min-width:1051px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}
  .formGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .settingsGrid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(min-width:1400px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));}
}
@media(max-width:700px){.page{padding:0 14px;margin:20px 0;}}

/* V7 background-check document upload/view module */
.documentChecklist{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
  gap:14px;
  margin-top:16px;
}
.documentTypeCard{
  border:1px solid rgba(202,150,77,.22);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:14px;
  min-width:0;
}
.docTypeHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.docTypeHead h3{margin:0;color:#f7d491;font-size:16px;}
.docTypeHead p{margin:4px 0 0;color:#b7a78c;font-size:12px;}
.uploadRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
}
.uploadRow input[type=file]{
  width:100%;
  min-width:0;
  color:#d9ccb7;
  border:1px dashed rgba(202,150,77,.38);
  background:rgba(0,0,0,.22);
  border-radius:12px;
  padding:9px;
}
.uploadedDocs{display:flex;flex-direction:column;gap:9px;}
.uploadedDocItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.18);
  border-radius:12px;
  padding:10px 12px;
}
.uploadedDocItem b{color:#f8f2e8;font-size:13px;word-break:break-word;}
.uploadedDocItem p{margin:4px 0 0;color:#b7a78c;font-size:11px;}
.smallLoader{padding:8px 0;}
@media(max-width:720px){
  .documentChecklist{grid-template-columns:1fr;}
  .uploadRow{grid-template-columns:1fr;}
  .uploadedDocItem{align-items:flex-start;flex-direction:column;}
  .uploadedDocItem button{width:100%;justify-content:center;}
}

/* V8 Dashboard, profile photos, directory landing and themed document UX */
.dashboardGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.dashboardWideGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.miniPeopleList{display:flex;flex-direction:column;gap:10px}.miniPerson{display:flex;align-items:center;gap:10px;border:1px solid rgba(202,150,77,.18);background:rgba(0,0,0,.18);border-radius:14px;padding:10px}.miniPerson b{font-size:13px;color:#fff}.miniPerson p{font-size:11px;color:var(--muted);margin:3px 0 0}.smallAvatar{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:10px!important}.profileAvatar{object-fit:cover;overflow:hidden}.profileAvatar.small{width:32px;height:32px;flex-basis:32px;font-size:10px}.profileAvatar.large{width:86px;height:86px;flex-basis:86px;font-size:24px}.quickLinks{display:grid;grid-template-columns:1fr;gap:9px}.quickLinks .softBtn{justify-content:flex-start}.noticeComposer{border:1px solid rgba(202,150,77,.22);background:rgba(255,255,255,.03);border-radius:16px;padding:14px;margin-bottom:14px}.noticeBoardList,.activityList{display:flex;flex-direction:column;gap:10px}.noticePost,.activityItem{border:1px solid rgba(202,150,77,.2);background:rgba(0,0,0,.2);border-left:4px solid var(--gold);border-radius:14px;padding:12px}.noticePost h3{margin:0 0 6px;color:var(--gold2);font-size:15px}.noticePost p,.activityItem p{margin:0 0 6px;color:#e9dbc3;font-size:13px;line-height:1.45}.noticePost span,.activityItem span{color:var(--muted);font-size:11px}.activityItem b{color:#fff;font-size:13px}.directoryOverviewGrid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}.spotlightCard{display:flex;align-items:center;gap:20px}.spotlightCard h2{margin:0 0 5px;color:#fff}.spotlightCard p{margin:4px 0;color:var(--muted);font-size:13px}.emptyHierarchy{border:1px dashed rgba(202,150,77,.35);border-radius:16px;min-height:150px;display:grid;place-items:center;color:var(--muted);background:rgba(0,0,0,.14)}.miniHierarchy{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hierPerson{min-width:140px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(202,150,77,.24);background:rgba(0,0,0,.2);border-radius:15px;padding:12px}.hierPerson span,.directReports span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold2);margin-bottom:8px}.hierPerson b{margin-top:7px;color:#fff}.hierPerson p{margin:4px 0 0;color:var(--muted);font-size:11px}.hierPerson.self{border-color:rgba(202,150,77,.5);box-shadow:0 0 0 1px rgba(202,150,77,.18) inset}.hierLine{height:2px;min-width:30px;background:linear-gradient(90deg,var(--gold),transparent)}.directReports{display:flex;flex-direction:column;gap:6px;border:1px solid rgba(202,150,77,.24);border-radius:15px;padding:12px}.directReports em{font-style:normal;font-size:12px;color:#ead7b5}.colleaguesHeader{display:flex;align-items:center;gap:14px;margin:18px 0 12px}.colleaguesHeader h2{margin:0;color:var(--gold2);font-size:20px}.colleaguesHeader span{height:1px;flex:1;background:linear-gradient(90deg,var(--line),transparent)}.colleagueMarquee{overflow:hidden;border:1px solid rgba(202,150,77,.22);border-radius:18px;background:rgba(0,0,0,.18);padding:16px}.marqueeTrack{display:flex;gap:22px;width:max-content;animation:marqueeMove 32s linear infinite}.colleagueMarquee:hover .marqueeTrack{animation-play-state:paused}.marqueePerson{min-width:92px;text-align:center}.marqueePerson p{margin:8px 0 0;color:#ead7b5;font-size:12px;font-weight:800;white-space:nowrap}.centerAction{display:flex;justify-content:center;margin:16px 0}.directorySubActions{margin:0 0 12px}.photoUploadBox{border:1px solid rgba(202,150,77,.22);background:rgba(0,0,0,.18);border-radius:16px;padding:14px}.photoPreview{display:flex;align-items:center;gap:16px;margin-bottom:12px}.photoPreview b{color:var(--gold2)}.photoPreview p{margin:4px 0 0;color:var(--muted);font-size:12px}.themedFileRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.themedFile{min-height:42px;border:1px dashed rgba(202,150,77,.42);background:rgba(202,150,77,.07);border-radius:12px;color:#e9dbc3;display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;min-width:0}.themedFile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#e9dbc3;margin:0}.themedFile input{display:none}.themedDocCard{background:linear-gradient(180deg,rgba(23,18,11,.92),rgba(5,5,5,.92));box-shadow:0 14px 30px rgba(0,0,0,.18)}.lockedUpload{font-size:12px;color:var(--gold2);border:1px dashed rgba(202,150,77,.28);border-radius:12px;padding:9px 10px;margin:0 0 12px;background:rgba(202,150,77,.06)}.docActions{display:flex;justify-content:flex-end}.docReviewBox{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:9px}.tinyPill.pending-review{background:rgba(202,150,77,.12);color:var(--gold2)}.tinyPill.approved{background:rgba(89,217,142,.13);border-color:rgba(89,217,142,.36);color:#abf7c4}.tinyPill.rejected{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.35);color:#ffd2d2}@keyframes marqueeMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1200px){.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardWideGrid,.directoryOverviewGrid{grid-template-columns:1fr}.spotlightCard{align-items:flex-start}}
@media(max-width:720px){.dashboardGrid{grid-template-columns:1fr}.dashboardWideGrid{grid-template-columns:1fr}.spotlightCard{flex-direction:column;text-align:left}.profileAvatar.large{width:72px;height:72px;flex-basis:72px}.themedFileRow,.docReviewBox{grid-template-columns:1fr}.miniHierarchy{flex-direction:column}.hierLine{width:2px;height:28px;min-width:2px;background:linear-gradient(180deg,var(--gold),transparent)}}

/* V9 HR Docs, Time Off approval separation and Reports */
.reportsPage .formGrid,
.hrDocsPage .formGrid{align-items:end;}
.reportCards{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;margin-top:18px;}
.miniReportCard{background:linear-gradient(145deg,rgba(26,26,26,.96),rgba(10,10,10,.96));border:1px solid rgba(202,150,77,.35);border-radius:18px;padding:18px;color:#f7efe4;box-shadow:0 18px 38px rgba(0,0,0,.16);}
.miniReportCard svg{color:#ca964d;margin-bottom:8px;}
.miniReportCard b{display:block;margin-bottom:6px;color:#fff;}
.miniReportCard p{margin:0;color:#cbbba5;font-size:13px;}
.hrDocsChecklist{margin-top:18px;}
.approvalCard .reviewBox{border-top:1px solid rgba(202,150,77,.22);margin-top:14px;padding-top:14px;}
@media(max-width:980px){.reportCards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.reportCards{grid-template-columns:1fr;}}

/* V10 UX adjustments: collapsible time sections and blank HR Docs */
.collapsiblePanel{padding:0;overflow:hidden;}
.collapsiblePanel .panelHead{margin:0;padding:18px 20px;}
.clickablePanelHead{cursor:pointer;}
.clickablePanelHead:hover{background:rgba(202,150,77,.055);}
.panelHeadActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.collapseToggle{min-height:34px;border-radius:999px;padding:0 12px;background:rgba(202,150,77,.1);border:1px solid rgba(202,150,77,.35);color:var(--gold2);font-weight:900;font-size:12px;}
.collapseToggle:hover{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808;}
.collapsibleBody{padding:0 20px 20px;}
.collapsiblePanel.collapsed{background:rgba(14,14,14,.78);}
.blankModule{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(202,150,77,.32);border-radius:16px;background:radial-gradient(circle at top,rgba(202,150,77,.1),rgba(0,0,0,.16) 42%,rgba(0,0,0,.26));padding:30px;}
.blankModule svg{color:var(--gold);margin-bottom:12px;}
.blankModule h3{margin:4px 0 8px;color:#fff;font-size:20px;}
.blankModule p{margin:0;max-width:620px;color:var(--muted);line-height:1.5;}
@media(max-width:720px){.collapsiblePanel .panelHead{align-items:flex-start;flex-direction:column}.panelHeadActions{width:100%;justify-content:space-between}.collapsibleBody{padding:0 14px 14px}.collapseToggle{width:100%;}.blankModule{min-height:210px;padding:22px;}}

/* V11 HR Docs essential/non-essential/signing module */
.hrDocTabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;}
.hrDocTabs button{min-height:38px;border-radius:999px;border:1px solid rgba(202,150,77,.36);background:#111;color:#ead7b5;padding:0 16px;font-weight:900;}
.hrDocTabs button.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#070707;border-color:var(--gold2);}
.hrDocGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;}
.hrDocCard{border:1px solid rgba(202,150,77,.28);background:linear-gradient(180deg,rgba(23,17,10,.96),rgba(7,7,7,.96));border-radius:18px;padding:16px;box-shadow:0 18px 38px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:13px;}
.hrDocCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.hrDocCardHead svg{color:var(--gold);flex:0 0 auto;}
.docCategory{display:inline-flex;border:1px solid rgba(202,150,77,.35);background:rgba(202,150,77,.12);color:var(--gold2);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.hrDocCard h3{margin:0;color:#fff;font-size:17px;}
.hrDocCard p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45;}
.hrDocMeta{display:flex;flex-direction:column;gap:6px;color:#cbbba5;font-size:12px;border-top:1px solid rgba(202,150,77,.18);padding-top:11px;}
.hrDocMeta b{color:#f8e5c2;word-break:break-word;}
.hrDocSignStatus{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid rgba(202,150,77,.2);background:rgba(0,0,0,.18);border-radius:13px;padding:10px;color:#e9dbc3;font-size:12px;}
.hrDocSignStatus span:not(.tinyPill){display:inline-flex;gap:5px;align-items:center;}
.hrDocSignStatus b{color:var(--gold2);font-size:15px;}
.hrDocActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:auto;}
.hrDocStats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.hrDocStats span{border:1px solid rgba(202,150,77,.28);background:rgba(202,150,77,.08);color:#ead7b5;border-radius:12px;padding:10px 12px;font-size:13px;}
.hrDocStats b{color:var(--gold2);}
.hrDocReaderModal,.signatureModal{width:min(1080px,calc(100vw - 28px));max-height:92vh;overflow:auto;background:linear-gradient(180deg,#111,#080808);border:1px solid rgba(202,150,77,.42);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.56);padding:18px;}
.signatureModal{width:min(980px,calc(100vw - 28px));}
.docReadArea{height:min(58vh,620px);overflow:auto;border:1px solid rgba(202,150,77,.24);border-radius:16px;background:rgba(0,0,0,.24);padding:14px;}
.readerIntro{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(202,150,77,.22);background:rgba(202,150,77,.07);border-radius:14px;padding:12px;margin-bottom:12px;}
.readerIntro svg{color:var(--gold);}
.readerIntro b{color:#fff;word-break:break-word;}
.readerIntro p{margin:5px 0 0;color:var(--muted);font-size:13px;}
.docFrame{width:100%;height:720px;border:0;border-radius:12px;background:#fff;}
.docImagePreview{display:block;max-width:100%;margin:0 auto;border-radius:12px;border:1px solid rgba(255,255,255,.12);}
.readerBottom{margin-top:14px;border:1px solid rgba(202,150,77,.32);background:rgba(202,150,77,.08);border-radius:14px;padding:14px;}
.readerBottom b{color:var(--gold2);}
.readerBottom p{color:#ead7b5;margin:6px 0 0;font-size:13px;line-height:1.5;}
.signStrip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(202,150,77,.24);padding-top:14px;margin-top:14px;}
.smallBlank{min-height:240px;margin:10px 0;}
@media(max-width:720px){.hrDocGrid{grid-template-columns:1fr;}.hrDocActions{justify-content:stretch}.hrDocActions button{flex:1;justify-content:center}.docFrame{height:520px}.signStrip button{width:100%;justify-content:center}.hrDocReaderModal,.signatureModal{padding:14px;}}

.readerActionRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid rgba(202,150,77,.28);background:rgba(202,150,77,.08);border-radius:14px;padding:12px;margin-bottom:12px;}
.openedBadge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;}
.openedBadge.done{border-color:rgba(202,150,77,.52);background:rgba(202,150,77,.14);color:var(--gold2);}
@media(max-width:720px){.readerActionRow .primarySmall{width:100%;justify-content:center}.openedBadge{width:100%;justify-content:center;text-align:center}}

/* V13 requested refinements */
body,button,input,select,textarea{font-family:Aptos,'Aptos Display','Segoe UI',Arial,sans-serif;}
.popupBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:1000;display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}
.popupCard{position:relative;width:min(420px,100%);background:linear-gradient(180deg,#17120b,#070707);border:1px solid rgba(202,150,77,.48);border-radius:20px;padding:26px;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.6)}
.popupCard.error{border-color:rgba(255,107,107,.5)}.popupIcon{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#060606;font-size:24px;font-weight:1000}.popupCard.error .popupIcon{background:linear-gradient(135deg,#ff6b6b,#ffd0d0)}.popupCard p{margin:0 0 18px;color:#f7e9d3;line-height:1.5}.popupClose{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;background:#0a0a0a;color:var(--gold2);border:1px solid var(--line);font-size:22px}.noticeBoardActions{display:flex;justify-content:flex-end;margin-bottom:10px}.noticePostHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.miniAction{min-height:28px;border:1px solid rgba(202,150,77,.3);background:#0b0b0b;color:var(--gold2);padding:0 10px;border-radius:999px;font-size:12px}.reactionRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.reactionBtn{min-height:34px;border:1px solid rgba(202,150,77,.26);background:rgba(202,150,77,.07);color:#f7e9d3;border-radius:999px;padding:0 10px}.reactionBtn.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#070707;border-color:var(--gold2)}.reactionBtn b{font-size:11px;opacity:.85}.orgChartCanvas{overflow:auto;padding:20px;border:1px solid rgba(202,150,77,.24);border-radius:18px;background:radial-gradient(circle at top,rgba(202,150,77,.08),rgba(0,0,0,.18));}.orgNodeWrap{display:flex;flex-direction:column;align-items:center;min-width:190px}.orgNode{display:flex;gap:10px;align-items:center;min-width:190px;max-width:240px;background:linear-gradient(180deg,#17120b,#090909);border:1px solid rgba(202,150,77,.38);border-radius:16px;padding:12px;box-shadow:0 16px 30px rgba(0,0,0,.24)}.orgNode.root{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(202,150,77,.1),0 18px 36px rgba(0,0,0,.25)}.orgNode b{display:block;color:#fff;font-size:13px}.orgNode p{margin:2px 0;color:var(--muted);font-size:12px}.orgNode span{font-size:11px;color:var(--gold2)}.orgChildren{position:relative;display:flex;gap:18px;align-items:flex-start;justify-content:center;padding-top:34px;margin-top:4px}.orgChildren:before{content:"";position:absolute;top:0;left:50%;width:2px;height:18px;background:var(--gold)}.orgChildren>.orgNodeWrap{position:relative}.orgChildren>.orgNodeWrap:before{content:"";position:absolute;top:-16px;left:50%;height:16px;width:2px;background:rgba(202,150,77,.55)}.orgChildren>.orgNodeWrap:after{content:"";position:absolute;top:-16px;height:2px;background:rgba(202,150,77,.55);left:calc(-50% - 9px);right:calc(50% + 9px)}.orgChildren>.orgNodeWrap:first-child:after{left:50%}.orgChildren>.orgNodeWrap:last-child:after{right:50%}.orgChildren>.orgNodeWrap:only-child:after{display:none}.storageNote{border:1px solid rgba(202,150,77,.24);background:rgba(202,150,77,.06);border-radius:14px;padding:12px;color:var(--muted);font-size:13px;line-height:1.45}.storageNote b{color:var(--gold2)}
@media(max-width:720px){.orgChartCanvas{padding:14px}.orgChildren{flex-direction:column;align-items:center}.orgChildren:before,.orgChildren>.orgNodeWrap:before,.orgChildren>.orgNodeWrap:after{display:none}.orgNode{width:100%;max-width:100%}.noticeBoardActions{justify-content:stretch}.noticeBoardActions .softBtn{width:100%}}

/* V14 role access, background setting docs, forgot password, cleaner review layout */
.linkBtn{background:transparent;border:0;color:var(--gold2);font-weight:900;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:10px 0;}
.forgotLink{margin-top:6px;display:inline-flex;}
.forgotPanel{margin-top:14px;border:1px solid rgba(202,150,77,.24);border-radius:16px;padding:14px;background:rgba(0,0,0,.2);}
.forgotPanel h3{margin:0 0 6px;color:var(--gold2)}
.forgotPanel form{display:grid;gap:8px;margin-top:10px;}
.forgotResult{margin-top:10px;display:grid;gap:4px;}
.wrapText{white-space:normal;word-break:break-all;}
.referenceForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:9px;margin-bottom:12px;}
.referenceForm input{min-height:42px;border-radius:12px;border:1px solid rgba(202,150,77,.24);background:#0c0c0c;color:#fff;padding:0 12px;}
.reviewLayoutFix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;}
.reviewLayoutFix .docMainInfo{min-width:0;}
.reviewLayoutFixBox{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;}
.bgDocSettingsList{display:flex;flex-direction:column;gap:12px;margin-top:14px;}
.bgDocSettingItem{border:1px solid rgba(202,150,77,.22);background:rgba(0,0,0,.18);border-radius:16px;padding:14px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:14px;align-items:center;}
.bgDocSettingMain{display:flex;flex-direction:column;gap:8px;}
.bgDocSettingControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;}
.orgChartCanvas{display:flex;align-items:flex-start;gap:44px;overflow-x:auto;padding:24px 20px;}
.orgNodeWrap{display:flex;align-items:flex-start;gap:44px;position:relative;}
.orgNodeWrap:not(:last-child)::after{content:"";position:absolute;left:175px;top:42px;width:44px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(202,150,77,.12));}
.orgChildren{display:flex;gap:28px;align-items:flex-start;position:relative;}
.orgChildren::before{content:"";position:absolute;left:-24px;top:42px;width:24px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(202,150,77,.22));}
.orgChildren .orgNodeWrap{flex-direction:row;}
.orgNode{min-width:175px;}
@media(max-width:900px){.bgDocSettingItem{grid-template-columns:1fr}.bgDocSettingControls,.referenceForm,.reviewLayoutFixBox{grid-template-columns:1fr}.reviewLayoutFix{grid-template-columns:1fr}.orgChartCanvas{gap:22px}.orgNodeWrap{gap:22px}.orgNodeWrap:not(:last-child)::after,.orgChildren::before{display:none}}

/* V15 payroll, background delete, and horizontal hierarchy refinements */
.salaryUploadBox .formGrid{margin-bottom:10px;}
.salaryDocList{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.salaryDocItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(202,150,77,.24);background:linear-gradient(180deg,#111,#080808);border-radius:14px;padding:13px;}
.salaryDocItem b{color:#fff;}
.salaryDocItem p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4;}
.docDeleteRow{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:4px;}
.orgChartCanvas{display:flex!important;flex-direction:row!important;align-items:center!important;gap:52px!important;overflow-x:auto;min-height:190px;}
.orgChartCanvas>.orgNodeWrap{flex-direction:row!important;align-items:center!important;gap:52px!important;}
.orgChildren{flex-direction:row!important;align-items:center!important;padding-top:0!important;margin-top:0!important;gap:52px!important;}
.orgChildren:before{display:none!important;}
.orgChildren>.orgNodeWrap:before,.orgChildren>.orgNodeWrap:after{display:none!important;}
.orgNodeWrap{position:relative;}
.orgNodeWrap>.orgNode:after{content:"";position:absolute;right:-52px;top:50%;width:52px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(202,150,77,.1));}
.orgNodeWrap:last-child>.orgNode:after{display:none;}
.orgChildren>.orgNodeWrap:last-child>.orgNode:after{display:block;}
.orgChildren>.orgNodeWrap:only-child>.orgNode:after{display:block;}
@media(max-width:900px){.salaryDocItem{grid-template-columns:1fr}.salaryDocItem .docActions{justify-content:flex-start}.orgChartCanvas{gap:24px!important}.orgChartCanvas>.orgNodeWrap,.orgChildren{gap:24px!important}.orgNodeWrap>.orgNode:after{display:none!important}}

/* V16 reviews, compensation documents, employee-level background settings */
.topbar nav button{position:relative;display:inline-flex;align-items:center;gap:6px;}
.navBubble{min-width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808;font-size:10px;font-weight:1000;display:inline-grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px rgba(0,0,0,.3)}
.marqueePerson.clickable{cursor:pointer;border-radius:14px;padding:8px;transition:.2s ease;}
.marqueePerson.clickable:hover{background:rgba(202,150,77,.1);transform:translateY(-2px)}
.employeeBgDocChecklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;border:1px solid rgba(202,150,77,.22);background:rgba(0,0,0,.18);border-radius:16px;padding:14px;}
.employeeBgDocChecklist .actionStrip{grid-column:1/-1;}
.reviewBubbleLarge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(202,150,77,.35);background:rgba(202,150,77,.12);color:var(--gold2);font-weight:900;border-radius:999px;padding:9px 13px;}
.reviewCycleList{display:flex;flex-direction:column;gap:14px;margin-top:10px;}
.reviewCycleCard{border:1px solid rgba(202,150,77,.24);background:linear-gradient(180deg,#111,#080808);border-radius:18px;padding:15px;box-shadow:0 18px 36px rgba(0,0,0,.18)}
.reviewCycleHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.reviewCycleHead h3{margin:0;color:#fff;font-size:17px}.reviewCycleHead p{margin:4px 0 0;color:var(--muted);font-size:12px;}
.reviewMeta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;}
.reviewMeta span{border:1px solid rgba(202,150,77,.18);background:rgba(202,150,77,.06);border-radius:12px;padding:9px;color:var(--muted);font-size:12px;}.reviewMeta b{color:#fff;}
.reviewEditBox{border:1px solid rgba(202,150,77,.2);background:rgba(0,0,0,.18);border-radius:14px;padding:12px;margin-top:12px;}
.reviewApprovalBox{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:12px;border-top:1px solid rgba(202,150,77,.2);padding-top:12px;}
.reviewApprovalBox input{min-height:40px;border-radius:12px;border:1px solid rgba(202,150,77,.24);background:#0b0b0b;color:#fff;padding:0 12px;}
.reviewReadOnly{border:1px solid rgba(202,150,77,.18);background:rgba(255,255,255,.03);border-radius:12px;padding:10px;margin-top:10px;}.reviewReadOnly p{margin:4px 0;color:var(--muted);font-size:13px}.reviewReadOnly b{color:var(--gold2)}
@media(max-width:900px){.employeeBgDocChecklist,.reviewMeta{grid-template-columns:1fr}.reviewCycleHead,.reviewApprovalBox{grid-template-columns:1fr;display:grid}.reviewApprovalBox .primarySmall,.reviewApprovalBox .softBtn{width:100%;justify-content:center}}

/* V16.1 Navbar visibility fix
   The navbar buttons now wrap their labels in span tags for badges/review bubbles.
   Older CSS was hiding .topbar nav span, which made the navbar look fully black.
   Keep the labels visible and readable in black/gold theme. */
.topbar nav button{
  color:#c8bda7 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  height:72px !important;
  padding:0 2px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  box-shadow:none !important;
}
.topbar nav button span{
  display:inline-flex !important;
  align-items:center !important;
  height:auto !important;
  color:inherit !important;
  border:0 !important;
  font-size:13px !important;
  white-space:nowrap !important;
  line-height:1 !important;
}
.topbar nav button.active{
  color:var(--gold2) !important;
  border-bottom-color:var(--gold) !important;
  font-weight:900 !important;
}
.topbar nav button:hover{color:var(--gold2) !important;}
.topbar nav button .navBubble{display:inline-flex !important;}

/* Keep nav usable on tablet/mobile by making it horizontally scrollable instead of invisible. */
@media(max-width:1050px){
  .topbar{
    height:auto;
    min-height:72px;
    flex-wrap:wrap;
    gap:10px;
    padding:12px 16px;
  }
  .topbar nav{
    display:flex !important;
    order:3;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    gap:16px;
    padding-top:4px;
    scrollbar-width:thin;
  }
  .topbar nav button{
    height:42px !important;
    flex:0 0 auto;
  }
  .topbar nav button span{font-size:12px !important;}
  .topActions{margin-left:auto;}
}
@media(max-width:700px){
  .topbar nav button{display:inline-flex !important;}
}

/* V17 Reviews three-stage question workflow */
.questionBuilder{border:1px solid rgba(202,150,77,.22);background:rgba(0,0,0,.18);border-radius:16px;padding:14px;margin:12px 0;}
.questionBuilderHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.questionBuilderHead h3{margin:0;color:#fff;font-size:15px;}
.questionRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;margin:8px 0;}
.questionRow span{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(202,150,77,.28);background:rgba(202,150,77,.12);color:var(--gold2);border-radius:999px;width:30px;height:30px;font-weight:900;}
.questionRow input{min-height:42px;border-radius:12px;border:1px solid rgba(202,150,77,.24);background:#080808;color:#fff;padding:0 12px;outline:none;}
.questionRow input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(202,150,77,.12);}
.dangerText{color:#ffb4a8 !important;}
.stageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;}
.stageCard{border:1px solid rgba(202,150,77,.2);background:rgba(202,150,77,.07);border-radius:14px;padding:11px;}
.stageCard b{display:block;color:var(--gold2);font-size:13px;margin-bottom:4px;}.stageCard span{color:var(--muted);font-size:12px;}
.reviewReadOnly h4,.reviewEditBox h4{margin:0 0 10px;color:#fff;}
.reviewReadOnly p{line-height:1.5;}
@media(max-width:780px){.questionBuilderHead{align-items:flex-start;flex-direction:column}.questionRow{grid-template-columns:30px minmax(0,1fr)}.questionRow .miniAction{grid-column:2}.stageGrid{grid-template-columns:1fr}}

/* V18 review cycle cards + horizontal hierarchy org-flow fix */
.reviewProgress{margin:10px 0 14px;border:1px solid rgba(202,150,77,.2);background:rgba(255,255,255,.03);border-radius:14px;padding:10px;}
.reviewProgressTop{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:8px;}
.reviewProgressTop b{color:var(--gold2);}
.reviewProgressBar{height:9px;border-radius:999px;background:#0a0a0a;border:1px solid rgba(202,150,77,.16);overflow:hidden;}
.reviewProgressBar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 16px rgba(202,150,77,.25);}
.dueCycleCard{border-color:rgba(202,150,77,.4);box-shadow:0 0 0 2px rgba(202,150,77,.05),0 20px 38px rgba(0,0,0,.22);}
.stageCard.done{border-color:rgba(202,150,77,.45);background:rgba(202,150,77,.1);}
.compactQuestions{margin-top:12px;}
.smallText{font-size:12px;line-height:1.45;}
.orgFlowCanvas{display:flex;align-items:stretch;gap:32px;overflow-x:auto;padding:22px;border:1px solid rgba(202,150,77,.24);border-radius:18px;background:radial-gradient(circle at top,rgba(202,150,77,.09),rgba(0,0,0,.2));}
.orgLevel{position:relative;display:flex;flex-direction:column;gap:14px;min-width:230px;}
.orgLevel:not(:last-child)::after{content:"";position:absolute;right:-26px;top:52%;width:24px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(202,150,77,.15));}
.orgLevelTitle{align-self:flex-start;border:1px solid rgba(202,150,77,.28);background:rgba(202,150,77,.08);color:var(--gold2);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:6px 10px;}
.orgFlowCard{display:flex;gap:11px;align-items:center;min-width:220px;max-width:260px;background:linear-gradient(180deg,#17120b,#080808);border:1px solid rgba(202,150,77,.36);border-radius:16px;padding:12px;box-shadow:0 16px 30px rgba(0,0,0,.22);}
.orgFlowCard b{display:block;color:#fff;font-size:13px;line-height:1.25;}
.orgFlowCard p{margin:3px 0;color:var(--muted);font-size:12px;}
.orgFlowCard span{display:block;color:var(--gold2);font-size:11px;}
.orgFlowCard em{display:block;margin-top:4px;color:#d7c4a5;font-size:11px;font-style:normal;line-height:1.25;}
@media(max-width:900px){.orgFlowCanvas{gap:20px;padding:14px}.orgLevel{min-width:220px}.orgLevel:not(:last-child)::after{display:none}.orgFlowCard{min-width:210px}.reviewMeta{grid-template-columns:1fr!important}}

/* V19 hierarchy + 4-stage reviews */
.stageGrid.fourStages{grid-template-columns:repeat(4,minmax(0,1fr));}
.verticalHierarchyTableWrap{width:100%;overflow:auto;border:1px solid rgba(202,150,77,.24);border-radius:16px;background:rgba(0,0,0,.16);}
.verticalHierarchyTable{width:100%;border-collapse:collapse;min-width:620px;}
.verticalHierarchyTable th{color:var(--gold2);font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-align:left;background:rgba(202,150,77,.08);padding:11px 12px;border-bottom:1px solid rgba(202,150,77,.22);}
.verticalHierarchyTable td{padding:11px 12px;border-bottom:1px solid rgba(202,150,77,.12);color:#ead7b5;font-size:13px;}
.verticalHierarchyTable tr:last-child td{border-bottom:0;}
.verticalHierarchyTable tr.selfRow td{background:rgba(202,150,77,.08);color:#fff;}
.tablePerson{display:flex;align-items:center;gap:10px;font-weight:900;color:#fff;}
.orgTreeCanvas{display:flex;gap:28px;align-items:flex-start;overflow:auto;padding:22px;border:1px solid rgba(202,150,77,.24);border-radius:18px;background:radial-gradient(circle at top,rgba(202,150,77,.09),rgba(0,0,0,.2));}
.orgTreeNode{display:flex;align-items:center;gap:28px;position:relative;flex:0 0 auto;}
.orgTreeNode:not(:last-child){margin-bottom:14px;}
.orgTreeCard{display:flex;align-items:center;gap:12px;min-width:235px;max-width:260px;background:linear-gradient(180deg,#17120b,#080808);border:1px solid rgba(202,150,77,.34);border-radius:17px;padding:12px;box-shadow:0 16px 30px rgba(0,0,0,.22);position:relative;z-index:1;}
.orgTreeCard.topCard{border-color:rgba(202,150,77,.56);box-shadow:0 0 0 1px rgba(202,150,77,.14),0 16px 30px rgba(0,0,0,.22);}
.orgTreeCard b{display:block;color:#fff;font-size:13px;line-height:1.25;}
.orgTreeCard p{margin:3px 0;color:var(--muted);font-size:12px;}
.orgTreeCard span{display:block;color:var(--gold2);font-size:11px;}
.orgTreeCard em{display:block;margin-top:4px;color:#d7c4a5;font-size:11px;font-style:normal;line-height:1.25;}
.orgTreeChildren{display:flex;flex-direction:column;gap:14px;position:relative;padding-left:24px;}
.orgTreeChildren:before{content:"";position:absolute;left:0;top:50%;width:24px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(202,150,77,.15));}
.orgTreeChildren .orgTreeNode:before{content:"";position:absolute;left:-24px;top:50%;width:24px;height:2px;background:linear-gradient(90deg,rgba(202,150,77,.15),var(--gold));}
@media(max-width:900px){.stageGrid.fourStages{grid-template-columns:1fr 1fr}.orgTreeCanvas{padding:14px;gap:18px}.orgTreeNode{gap:18px}.orgTreeCard{min-width:220px}.orgTreeChildren{padding-left:16px}.orgTreeChildren:before,.orgTreeChildren .orgTreeNode:before{width:16px;left:-16px}.orgTreeChildren:before{left:0}}
@media(max-width:620px){.stageGrid.fourStages{grid-template-columns:1fr}.verticalHierarchyTable{min-width:540px}.orgTreeCanvas{flex-direction:column}.orgTreeNode{align-items:flex-start}.orgTreeChildren{padding-left:16px}}

/* V20 Teams-style hierarchy, submission popup, bulk review and dashboard activity controls */
.clickableMiniPerson{cursor:pointer;transition:.18s ease;}
.clickableMiniPerson:hover{border-color:rgba(202,150,77,.46);background:rgba(202,150,77,.08);transform:translateY(-1px)}
.softBtn.compact{padding:7px 10px;font-size:11px;}
.submissionModal{width:min(980px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#17120b,#080808);border:1px solid rgba(202,150,77,.36);border-radius:22px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.smallModal{max-width:560px}.submissionSummary{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.submissionSummary span{border:1px solid rgba(202,150,77,.2);background:rgba(202,150,77,.06);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}.submissionSummary b{color:var(--gold2)}
.bulkReviewBar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;gap:10px;align-items:center;border:1px solid rgba(202,150,77,.24);background:rgba(202,150,77,.06);border-radius:14px;padding:12px;margin-bottom:12px}.bulkReviewBar input{min-height:42px;border-radius:12px;border:1px solid rgba(202,150,77,.22);background:#080808;color:#fff;padding:0 12px}.approvalMainRow{display:flex;gap:12px;align-items:flex-start}.approvalMainRow>input{margin-top:4px;accent-color:var(--gold)}
.teamsMiniOrg{display:flex;flex-direction:column;align-items:center;gap:0;min-height:190px;justify-content:center;padding:8px}.teamsMiniOrg.emptyTopLevel{min-height:165px}.teamsOrgConnector{width:2px;height:28px;background:linear-gradient(180deg,rgba(202,150,77,.25),var(--gold),rgba(202,150,77,.25));}.teamsOrgCard{display:flex;align-items:center;gap:14px;width:min(560px,100%);border:1px solid rgba(202,150,77,.28);background:#242424;border-radius:7px;padding:14px 16px;box-shadow:0 12px 26px rgba(0,0,0,.22);position:relative}.teamsOrgCard.self{border-color:rgba(202,150,77,.62);box-shadow:0 0 0 1px rgba(202,150,77,.18),0 14px 30px rgba(0,0,0,.25)}.teamsOrgCard b{display:block;color:#fff;font-size:15px;line-height:1.25}.teamsOrgCard p{margin:3px 0;color:#bdbdbd;font-size:13px}.teamsOrgCard span{display:block;color:#b7a68d;font-size:12px}.teamsOrgCard em{display:block;margin-top:8px;color:var(--gold2);font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:.06em}.teamsSystemChart{overflow:auto;padding:18px 6px 28px}.teamsSystemChart ul{padding-top:20px;position:relative;display:flex;justify-content:center;margin:0;padding-left:0}.teamsSystemChart li{list-style:none;text-align:center;position:relative;padding:20px 8px 0 8px;display:flex;flex-direction:column;align-items:center}.teamsSystemChart li::before,.teamsSystemChart li::after{content:"";position:absolute;top:0;right:50%;border-top:1px solid rgba(202,150,77,.45);width:50%;height:20px}.teamsSystemChart li::after{right:auto;left:50%;border-left:1px solid rgba(202,150,77,.45)}.teamsSystemChart li:only-child::before,.teamsSystemChart li:only-child::after{display:none}.teamsSystemChart li:only-child{padding-top:0}.teamsSystemChart li:first-child::before,.teamsSystemChart li:last-child::after{border:0}.teamsSystemChart li:last-child::before{border-right:1px solid rgba(202,150,77,.45);border-radius:0 6px 0 0}.teamsSystemChart li:first-child::after{border-radius:6px 0 0 0}.teamsSystemChart ul ul::before{content:"";position:absolute;top:0;left:50%;border-left:1px solid rgba(202,150,77,.45);width:0;height:20px}.teamsSystemChart .teamsOrgCard{width:260px;text-align:left}.teamsSystemChartWrap{overflow:hidden}.teamsSystemChart .avatar{flex-shrink:0}
@media(max-width:900px){.bulkReviewBar{grid-template-columns:1fr}.teamsSystemChart{padding:12px 0;}.teamsSystemChart ul{justify-content:flex-start}.teamsSystemChart .teamsOrgCard{width:235px}.submissionModal{padding:14px}.teamsOrgCard{width:100%}}
@media(max-width:640px){.teamsMiniOrg{align-items:stretch}.teamsOrgCard{padding:12px}.teamsSystemChart{overflow-x:auto}.approvalMainRow{align-items:flex-start}.submissionSummary{flex-direction:column}.submissionSummary span{border-radius:12px}}

/* V21.1 Time On / Time Off approval checkbox and layout fix */
.approvalCard{
  grid-template-columns:minmax(0, 1fr) minmax(380px, .9fr);
  align-items:start;
  gap:18px;
}
.approvalMainRow{
  display:grid;
  grid-template-columns:22px minmax(0, 1fr);
  gap:14px;
  align-items:start;
}
.approvalMainRow > div{min-width:0;}
.approvalMainRow > input[type="checkbox"],
.bulkReviewBar input[type="checkbox"],
.checkField input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  max-width:16px !important;
  max-height:16px !important;
  flex:0 0 16px !important;
  padding:0 !important;
  margin:4px 0 0 0 !important;
  border-radius:4px;
  accent-color:var(--gold);
  box-shadow:none !important;
}
.bulkReviewBar .checkField{
  min-height:auto;
  align-items:center;
  white-space:nowrap;
}
.bulkReviewBar .checkField input[type="checkbox"]{margin-top:0 !important;}
.reviewBox{
  grid-template-columns:minmax(190px, .75fr) minmax(210px, 1fr) auto;
  align-items:center;
  gap:10px;
}
.reviewBox input{min-width:0;}
.approvalCard .softBtn,
.approvalCard .primarySmall{white-space:nowrap;}
@media(max-width:1200px){
  .approvalCard{grid-template-columns:1fr;}
  .reviewBox{grid-template-columns:minmax(180px, 1fr) minmax(210px, 1fr) auto auto;}
}
@media(max-width:760px){
  .approvalMainRow{grid-template-columns:20px minmax(0,1fr);gap:10px;}
  .reviewBox{grid-template-columns:1fr;}
  .approvalCard .softBtn,
  .approvalCard .primarySmall{width:100%;}
}

/* V21.2 Time review all-status layout + desktop-fit org chart */
.approvalCheckboxPlaceholder{
  width:16px;
  height:16px;
  min-width:16px;
  display:block;
  margin-top:4px;
}
.approvalMainRow h3{
  overflow-wrap:anywhere;
  word-break:normal;
}
.approvalMainRow p{
  overflow-wrap:anywhere;
}
.orgFitChart{
  width:100%;
  display:grid;
  grid-template-columns:repeat(var(--level-count), minmax(0, 1fr));
  gap:16px;
  overflow:visible;
  padding:18px;
  border:1px solid rgba(202,150,77,.24);
  border-radius:18px;
  background:radial-gradient(circle at top,rgba(202,150,77,.09),rgba(0,0,0,.2));
}
.orgFitLevel{
  min-width:0;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.orgFitLevel:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-13px;
  top:44px;
  width:10px;
  height:2px;
  background:linear-gradient(90deg,var(--gold),rgba(202,150,77,.12));
}
.orgFitLevelTitle{
  align-self:flex-start;
  border:1px solid rgba(202,150,77,.28);
  background:rgba(202,150,77,.08);
  color:var(--gold2);
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  border-radius:999px;
  padding:5px 9px;
}
.orgFitLevelCards{
  display:grid;
  gap:10px;
  align-content:start;
}
.orgFitLevel .teamsOrgCard{
  width:100%;
  min-width:0;
  padding:10px;
  gap:10px;
  border-radius:12px;
}
.orgFitLevel .teamsOrgCard .avatar{
  width:34px;
  height:34px;
  flex-basis:34px;
  font-size:10px;
}
.orgFitLevel .teamsOrgCard b{
  font-size:12px;
  overflow-wrap:anywhere;
}
.orgFitLevel .teamsOrgCard p{
  font-size:11px;
  line-height:1.25;
}
.orgFitLevel .teamsOrgCard span,
.orgFitLevel .teamsOrgCard em{
  font-size:10px;
}
@media(max-width:1024px){
  .orgFitChart{
    display:flex;
    overflow-x:auto;
    gap:14px;
  }
  .orgFitLevel{
    min-width:230px;
    flex:0 0 230px;
  }
  .orgFitLevel:not(:last-child)::after{display:none;}
}

/* v23 Review collapse/grouping + Azure test panel */
.reviewBubbleLarge.clickableBadge{border:1px solid rgba(202,150,77,.45);background:rgba(202,150,77,.12);color:var(--gold2);cursor:pointer;border-radius:999px;padding:9px 14px;display:inline-flex;align-items:center;gap:7px;font-weight:900;}
.reviewBubbleLarge.clickableBadge:hover{background:rgba(202,150,77,.22);transform:translateY(-1px);}
.reviewDisclosure{padding:0;overflow:hidden;}
.reviewDisclosure summary{list-style:none;cursor:pointer;padding:18px;}
.reviewDisclosure summary::-webkit-details-marker{display:none;}
.reviewDisclosure .reviewDisclosureBody{padding:0 18px 18px;}
.reviewDisclosure:not([open]) .reviewSummary{border-bottom:0;}
.reviewDisclosure.needsAction{box-shadow:0 0 0 1px rgba(245,192,90,.55), 0 0 24px rgba(202,150,77,.12);}
.summaryRight{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.reviewGroupHeader{border:1px dashed rgba(202,150,77,.35);border-radius:14px;padding:12px 14px;background:rgba(202,150,77,.07);}
.reviewGroupHeader h3{margin:0;color:var(--gold2);}
.reviewGroupHeader p{margin:4px 0 0;color:var(--muted);}
.reviewGroupHeader.mutedHeader{background:rgba(255,255,255,.025);}
.stageGrid.fiveStages{grid-template-columns:repeat(5,minmax(135px,1fr));}
.stageGrid.fiveStages .stageCard b{font-size:12px;line-height:1.25;}
.integrationGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0 16px;}
.integrationGrid span{border:1px solid rgba(202,150,77,.20);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.03);color:var(--muted);}
.integrationGrid b{display:block;color:var(--gold2);margin-top:4px;overflow-wrap:anywhere;}
@media(max-width:1100px){.stageGrid.fiveStages{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.stageGrid.fiveStages{grid-template-columns:1fr}.reviewDisclosure summary{padding:14px}.reviewDisclosure .reviewDisclosureBody{padding:0 14px 14px}.summaryRight{justify-content:flex-start}}

/* V24 formatting, date controls, mobile navbar and profile chip fixes */
.noticeMessage{white-space:normal;color:var(--muted);font-size:13px;line-height:1.55;margin:8px 0 6px;}
.noticeMessage p{margin:0 0 8px;color:var(--muted);line-height:1.55;}
.noticeMessage ul,.noticeMessage ol{margin:6px 0 10px 22px;padding:0;color:var(--muted);}
.noticeMessage li{margin:4px 0;line-height:1.5;}
.noticeSpacer{height:8px;}
.dateInputWrap{position:relative;display:flex;align-items:center;width:100%;}
.dateInputWrap input[type="date"]{padding-right:42px;color-scheme:dark;}
.dateInputIcon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none;opacity:.92;filter:drop-shadow(0 0 6px rgba(255,255,255,.22));}
input[type="date"]::-webkit-calendar-picker-indicator{opacity:1;filter:invert(1) brightness(2);cursor:pointer;}
input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-clear-button{display:none;}
.profileUserBtn{display:inline-flex!important;align-items:center;gap:9px;max-width:245px;text-transform:none!important;padding:0 12px 0 8px!important;}
.profileUserBtn .avatar{width:26px!important;height:26px!important;flex:0 0 26px!important;font-size:10px!important;box-shadow:0 0 0 2px rgba(202,150,77,.18)!important;}
.profileUserBtn span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;}
@media(max-width:1050px){
  .topbar{display:grid!important;grid-template-columns:minmax(120px,.8fr) auto!important;align-items:center!important;gap:10px!important;}
  .topbar .logo{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:17px!important;}
  .topbar .topActions{justify-self:end!important;min-width:0!important;}
  .topbar nav{grid-column:1/-1!important;order:unset!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;padding:2px 0 0!important;gap:13px!important;}
  .topbar nav button{height:40px!important;padding:0 2px!important;}
}
@media(max-width:700px){
  .topbar{grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr)!important;padding:10px 12px!important;}
  .topbar .logo{font-size:13px!important;letter-spacing:-.02em!important;}
  .topbar .logo:after{width:6px;height:6px;margin-left:5px;}
  .topActions{gap:6px!important;justify-content:flex-end!important;}
  .profileUserBtn{height:34px!important;max-width:142px!important;font-size:10px!important;gap:6px!important;padding:0 8px 0 6px!important;}
  .profileUserBtn .avatar{width:23px!important;height:23px!important;flex-basis:23px!important;font-size:9px!important;}
  .exitBtn{width:34px!important;min-width:34px!important;}
  .topbar nav button span{font-size:11px!important;}
}

/* V25 finance/hr team labels, single visible calendar icon and virtual ID card */
.dateInputWrap input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:0!important;
  position:absolute;
  right:0;
  width:42px;
  height:100%;
  cursor:pointer;
}
.dateInputWrap input[type="date"]::-webkit-inner-spin-button,
.dateInputWrap input[type="date"]::-webkit-clear-button{display:none!important;}
.dateInputIcon{color:#fff!important;}
.field input[readonly]{opacity:.82;background:rgba(255,255,255,.035);cursor:not-allowed;color:#d9c7aa;}
.virtualIdShell{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px;align-items:start;margin-bottom:18px;}
.virtualIdCard{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(245,192,90,.58);background:radial-gradient(circle at 30% 0%,rgba(245,192,90,.18),transparent 34%),linear-gradient(160deg,#070707,#191006 58%,#050505);box-shadow:0 20px 60px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04);padding:22px;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;}
.virtualIdCard:before{content:"";position:absolute;inset:-30% auto auto -45%;width:90%;height:42%;background:linear-gradient(135deg,transparent,rgba(245,192,90,.16),transparent);transform:rotate(-25deg);}
.idCardTop{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;}
.idCardTop b{font-size:11px;color:#090909;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:999px;padding:7px 10px;}
.idCardBody{position:relative;text-align:center;padding-top:24px;}
.idCardBody .avatar{margin:0 auto 16px;width:112px!important;height:112px!important;font-size:28px!important;box-shadow:0 0 0 6px rgba(202,150,77,.16),0 18px 44px rgba(0,0,0,.35)!important;}
.idCardBody h2{margin:10px 0 4px;color:#fff;font-size:25px;}
.idCardBody p{margin:0 0 20px;color:var(--muted);}
.idDetails{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(202,150,77,.24);border-radius:14px;background:rgba(255,255,255,.035);padding:11px 13px;margin:10px 0;text-align:left;}
.idDetails span{font-size:11px;text-transform:uppercase;color:#bfa986;letter-spacing:.08em;}
.idDetails strong{color:var(--gold2);text-align:right;overflow-wrap:anywhere;}
.virtualIdCard.inactive{filter:grayscale(.8);border-color:rgba(255,115,115,.45);}
@media(max-width:850px){.virtualIdShell{grid-template-columns:1fr}.virtualIdCard{min-height:520px}.idCardBody .avatar{width:96px!important;height:96px!important}}

/* V26 compact org hierarchy, QR virtual ID and profile-field refinements */
.orgFitLevelCards{
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  min-height:58px;
  overflow:visible;
}
.orgAvatarNode{
  position:relative;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:50%;
  cursor:default;
  outline:none;
  z-index:1;
}
.orgAvatarNode .avatar{
  width:54px!important;
  height:54px!important;
  flex-basis:54px!important;
  border-radius:50%!important;
  font-size:14px!important;
  border:2px solid rgba(245,192,90,.72);
  box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 0 4px rgba(202,150,77,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.orgAvatarNode:hover,.orgAvatarNode:focus-visible{z-index:30;}
.orgAvatarNode:hover .avatar,.orgAvatarNode:focus-visible .avatar{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 12px 26px rgba(0,0,0,.46),0 0 0 5px rgba(202,150,77,.18)!important;
}
.orgAvatarTooltip{
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translate(-50%,8px);
  width:220px;
  max-width:70vw;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  text-align:left;
  border:1px solid rgba(245,192,90,.48);
  border-radius:14px;
  background:rgba(12,12,12,.98);
  padding:12px 13px;
  box-shadow:0 18px 44px rgba(0,0,0,.55);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.orgAvatarTooltip:after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  transform:translateX(-50%);
  border:7px solid transparent;
  border-top-color:rgba(245,192,90,.48);
}
.orgAvatarNode:hover .orgAvatarTooltip,.orgAvatarNode:focus-visible .orgAvatarTooltip{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.orgAvatarTooltip b{display:block;color:#fff;font-size:13px;line-height:1.35;overflow-wrap:anywhere;}
.orgAvatarTooltip p{margin:4px 0;color:#d4c5ad;font-size:12px;line-height:1.35;}
.orgAvatarTooltip span{display:block;color:#a9a9a9;font-size:11px;margin-top:3px;overflow-wrap:anywhere;}
.orgAvatarTooltip em{display:block;color:var(--gold2);font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.06em;margin-top:8px;}
.orgFitLevel{overflow:visible;}
.orgFitChart{overflow:visible;}

.virtualIdShell{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  margin-bottom:18px;
}
.virtualIdCard{
  width:min(430px,100%);
  min-height:590px;
}
.qrCodeBox{
  position:relative;
  z-index:2;
  width:210px;
  min-height:210px;
  margin:18px auto 0;
  display:grid;
  place-items:center;
  background:#fff;
  border-radius:16px;
  padding:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.qrCodeBox img{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:5px;}
.qrLoading{color:#333;text-align:center;font-size:12px;line-height:1.4;padding:20px;}
.qrCaption{position:relative;z-index:2;text-align:center;color:#c9b999;font-size:11px;line-height:1.45;margin:10px auto 0;max-width:280px;}
.virtualIdCard.inactive{filter:none;border-color:rgba(255,115,115,.45);}
.virtualIdCard.inactive .idCardTop b{background:linear-gradient(135deg,#ff9a9a,#ff5f5f);color:#260707;}

@media(max-width:1024px){
  .orgFitChart{overflow-x:auto;overflow-y:visible;padding-top:145px;margin-top:-125px;}
  .orgFitLevelCards{min-width:210px;}
}
@media(max-width:640px){
  .orgAvatarNode{width:48px;height:48px;flex-basis:48px;}
  .orgAvatarNode .avatar{width:48px!important;height:48px!important;flex-basis:48px!important;font-size:12px!important;}
  .orgAvatarTooltip{width:190px;}
  .virtualIdCard{min-height:550px;padding:18px;}
  .qrCodeBox{width:190px;min-height:190px;}
}
.teamsSystemChartWrap{overflow:visible;}

/* V27 MS Teams-style top-down org tree with compact circular employee nodes */
.orgTopDownViewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:24px 18px 210px;
  border:1px solid rgba(202,150,77,.24);
  border-radius:18px;
  background:
    radial-gradient(circle at top,rgba(202,150,77,.09),rgba(0,0,0,.2)),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.05));
  scrollbar-gutter:stable both-edges;
}
.orgTopDownForest{
  width:max-content;
  min-width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:64px;
}
.orgTopDownTree{
  flex:0 0 auto;
  min-width:max-content;
}
.orgTopDownTree ul{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  margin:0;
  padding:34px 0 0;
}
.orgTopDownTree ul.orgTopDownRoot{
  padding-top:0;
}
.orgTopDownTree ul ul::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:0;
  height:34px;
  border-left:2px solid rgba(202,150,77,.48);
}
.orgTopDownBranch{
  position:relative;
  list-style:none;
  text-align:center;
  margin:0;
  padding:34px 16px 0;
}
.orgTopDownRoot>.orgTopDownBranch{
  padding-top:0;
}
.orgTopDownBranch::before,
.orgTopDownBranch::after{
  content:"";
  position:absolute;
  top:0;
  right:50%;
  width:50%;
  height:34px;
  border-top:2px solid rgba(202,150,77,.48);
}
.orgTopDownBranch::after{
  right:auto;
  left:50%;
  border-left:2px solid rgba(202,150,77,.48);
}
.orgTopDownRoot>.orgTopDownBranch::before,
.orgTopDownRoot>.orgTopDownBranch::after,
.orgTopDownBranch:only-child::before,
.orgTopDownBranch:only-child::after{
  display:none;
}
.orgTopDownBranch:only-child{
  padding-top:0;
}
.orgTopDownBranch:first-child::before,
.orgTopDownBranch:last-child::after{
  border-top-color:transparent;
}
.orgTopDownBranch:last-child::before{
  border-right:2px solid rgba(202,150,77,.48);
  border-radius:0 12px 0 0;
}
.orgTopDownBranch:first-child::after{
  border-radius:12px 0 0 0;
}
.orgTopDownTree .orgAvatarNode{
  margin:0 auto;
}
.orgTopDownTree .orgAvatarTooltip{
  top:calc(100% + 12px);
  bottom:auto;
  transform:translate(-50%,-7px);
}
.orgTopDownTree .orgAvatarTooltip::after{
  top:-14px;
  border-top-color:transparent;
  border-bottom-color:rgba(245,192,90,.48);
}
.orgTopDownTree .orgAvatarNode:hover .orgAvatarTooltip,
.orgTopDownTree .orgAvatarNode:focus-visible .orgAvatarTooltip{
  transform:translate(-50%,0);
}
.orgTopDownTree .orgAvatarNode:hover,
.orgTopDownTree .orgAvatarNode:focus-visible{
  z-index:100;
}
@media(max-width:900px){
  .orgTopDownViewport{padding:20px 10px 205px;}
  .orgTopDownForest{justify-content:flex-start;gap:42px;}
  .orgTopDownBranch{padding-left:11px;padding-right:11px;}
}
@media(max-width:640px){
  .orgTopDownViewport{padding-left:6px;padding-right:6px;}
  .orgTopDownTree ul{padding-top:28px;}
  .orgTopDownTree ul ul::before{height:28px;}
  .orgTopDownBranch{padding-top:28px;padding-left:8px;padding-right:8px;}
  .orgTopDownBranch::before,.orgTopDownBranch::after{height:28px;}
}

/* V29 responsive global navbar search and tighter organization tree spacing */
.topbar{z-index:220;}
.topbar nav{min-width:0;}
.globalSearchWrap{
  position:relative;
  flex:0 1 330px;
  width:clamp(220px,24vw,360px);
  min-width:200px;
  z-index:260;
}
.globalSearchInput{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(202,150,77,.38);
  border-radius:12px;
  padding:0 10px;
  background:linear-gradient(180deg,rgba(21,21,21,.98),rgba(8,8,8,.98));
  color:var(--gold2);
  box-shadow:0 8px 22px rgba(0,0,0,.2);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.globalSearchInput:focus-within,.globalSearchInput.open{
  border-color:var(--gold2);
  background:#090909;
  box-shadow:0 0 0 3px rgba(202,150,77,.14),0 14px 34px rgba(0,0,0,.34);
}
.globalSearchInput input{
  min-height:38px;
  padding:7px 0;
  border:0;
  background:transparent;
  box-shadow:none!important;
  color:#fff;
  font-size:12px;
}
.globalSearchInput input::placeholder{color:#a99b84;opacity:1;}
.globalSearchClear{
  width:28px;
  height:28px;
  flex:0 0 28px;
  padding:0;
  border:0;
  background:transparent;
  color:#b9aa91;
}
.globalSearchClear:hover{color:var(--gold2);background:rgba(202,150,77,.1);}
.globalSearchResults{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  width:min(440px,92vw);
  max-height:min(570px,72vh);
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid rgba(202,150,77,.5);
  border-radius:16px;
  padding:7px;
  background:rgba(8,8,8,.985);
  box-shadow:0 26px 70px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter:blur(22px);
}
.globalSearchResultsHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 9px 9px;
  color:var(--gold2);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.globalSearchResultsHead em{font-style:normal;color:var(--muted);font-weight:700;letter-spacing:0;text-transform:none;}
.globalSearchResult{
  position:relative;
  width:100%;
  min-height:74px;
  display:block;
  text-align:left;
  border:1px solid transparent;
  border-radius:12px;
  padding:10px 11px 10px 108px;
  background:transparent;
  color:#fff;
}
.globalSearchResult:hover,.globalSearchResult.active{
  border-color:rgba(202,150,77,.35);
  background:linear-gradient(90deg,rgba(202,150,77,.14),rgba(202,150,77,.035));
}
.globalSearchResult b{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere;}
.globalSearchResult p{margin:4px 0;color:#d3c5ae;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.globalSearchResult small{display:block;color:#8f8575;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.globalSearchType{
  position:absolute;
  left:10px;
  top:11px;
  width:88px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:1px solid rgba(202,150,77,.3);
  border-radius:999px;
  padding:4px 7px;
  background:#17120b;
  color:var(--gold2);
  font-size:9px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-align:center;
}
.globalSearchType.employee{border-color:rgba(89,217,142,.32);background:rgba(89,217,142,.08);color:#abf7c4;}
.globalSearchType.notice{border-color:rgba(113,167,255,.36);background:rgba(113,167,255,.08);color:#c7dcff;}
.globalSearchType.hr_document{border-color:rgba(205,164,255,.34);background:rgba(205,164,255,.08);color:#e6ccff;}
.globalSearchEmpty,.globalSearchHint{padding:18px 13px;text-align:center;color:var(--muted);font-size:12px;line-height:1.45;}
.globalSearchHint{padding-top:8px;border-top:1px solid rgba(202,150,77,.16);}

/* Reduce both horizontal and vertical gaps without changing the top-down tree logic. */
.orgTopDownViewport{padding:18px 12px 200px;}
.orgTopDownForest{gap:42px;}
.orgTopDownTree ul{padding-top:27px;}
.orgTopDownTree ul ul::before{height:27px;}
.orgTopDownBranch{padding:27px 9px 0;}
.orgTopDownBranch::before,.orgTopDownBranch::after{height:27px;}

.learningCertificateBackdrop{overflow:auto}.learningCertificateModal{width:min(1080px,96vw);max-height:96vh;overflow:auto;border:1px solid rgba(202,150,77,.58);border-radius:22px;background:#0a0a0a;padding:20px;box-shadow:0 28px 100px rgba(0,0,0,.7)}.learningCertificate{position:relative;overflow:hidden;min-height:610px;padding:42px 56px;text-align:center;border:4px solid #ca964d;outline:1px solid rgba(236,191,117,.6);outline-offset:-14px;background:radial-gradient(circle at center,rgba(202,150,77,.13),transparent 42%),linear-gradient(135deg,#060606,#1b1b1b 58%,#080603);color:#fff}.learningCertificate:before,.learningCertificate:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(202,150,77,.2);transform:rotate(45deg)}.learningCertificate:before{left:-125px;top:-125px}.learningCertificate:after{right:-125px;bottom:-125px}.certificateBrand{font-size:20px;font-weight:1000;letter-spacing:7px;color:#e3b972}.certificateEyebrow{margin-top:27px;color:#bbb;text-transform:uppercase;letter-spacing:5px;font-size:12px}.learningCertificate h1{font-family:Georgia,serif;font-size:43px;color:#efcb91;margin:10px 0 28px}.learningCertificate>p{margin:10px auto;color:#c9c1b5;max-width:720px}.learningCertificate h2{display:inline-block;font-family:Georgia,serif;font-size:35px;margin:4px 0 12px;padding:0 38px 8px;border-bottom:1px solid rgba(202,150,77,.6);color:#fff}.learningCertificate h3{font-size:25px;color:#f0cb8f;margin:12px 0}.certificateDescription{font-size:12px!important}.certificateFacts{display:flex;justify-content:center;gap:60px;margin-top:35px}.certificateFacts span{color:#9f9a91;font-size:10px;text-transform:uppercase;letter-spacing:2px}.certificateFacts b{display:block;color:#fff;font-size:13px;margin-top:5px}.certificateSignature{width:270px;margin:45px auto 0;padding-top:8px;border-top:1px solid #ca964d}.certificateSignature em{display:block;font-family:"Brush Script MT",cursive;font-size:27px;color:#efc77f}.certificateSignature b,.certificateSignature span{display:block}.certificateSignature span{font-size:11px;color:#aaa;margin-top:3px}.certificateNumber{position:absolute;right:28px;bottom:22px;color:#777;font-size:10px}
@media(max-width:1280px){
  .topbar{gap:14px;padding-left:18px;padding-right:18px;}
  .topbar nav{gap:14px;}
  .globalSearchWrap{width:clamp(205px,23vw,300px);}
}
@media(max-width:1050px){
  .topbar{
    height:auto!important;
    min-height:72px;
    grid-template-columns:minmax(120px,.75fr) minmax(220px,1.25fr) auto!important;
    padding-top:10px!important;
    padding-bottom:8px!important;
  }
  .topbar .logo{grid-column:1;grid-row:1;}
  .globalSearchWrap{grid-column:2;grid-row:1;width:100%;min-width:0;}
  .topbar .topActions{grid-column:3;grid-row:1;}
  .topbar nav{grid-column:1/-1!important;grid-row:2;}
  .globalSearchResults{left:0;right:auto;width:min(440px,calc(100vw - 32px));}
}
@media(max-width:700px){
  .topbar{
    grid-template-columns:minmax(90px,1fr) auto!important;
    padding:9px 12px 10px!important;
    row-gap:7px!important;
  }
  .topbar .logo{grid-column:1;grid-row:1;}
  .topbar .topActions{grid-column:2;grid-row:1;}
  .topbar nav{grid-column:1/-1!important;grid-row:2;margin:0!important;gap:12px!important;}
  .globalSearchWrap{grid-column:1/-1;grid-row:3;width:100%;}
  .globalSearchInput{min-height:39px;}
  .globalSearchInput input{font-size:12px;}
  .globalSearchResults{position:absolute;left:0;right:0;width:100%;max-height:58vh;}
  .globalSearchResult{padding-left:94px;min-height:76px;}
  .globalSearchType{width:75px;font-size:8px;}
  .orgTopDownViewport{padding:15px 6px 190px;}
  .orgTopDownForest{gap:28px;}
  .orgTopDownBranch{padding-left:6px;padding-right:6px;}
}
.globalSearchType.employee_public{border-color:rgba(89,217,142,.24);background:rgba(89,217,142,.055);color:#c9f5d7;}

/* V30 compact expandable search, Segoe UI typography and upload-limit UX */
html,body,#root,button,input,select,textarea{
  font-family:"Segoe UI",SegoeUI,Tahoma,Geneva,Verdana,Arial,sans-serif!important;
}

.topbar nav{
  min-width:0!important;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.topbar nav::-webkit-scrollbar{display:none;}

.globalSearchWrap{
  position:relative;
  flex:0 0 40px;
  width:40px;
  min-width:40px;
  z-index:260;
  transition:width .18s ease,flex-basis .18s ease;
}
.globalSearchWrap.expanded{
  flex-basis:clamp(220px,20vw,290px);
  width:clamp(220px,20vw,290px);
  min-width:220px;
}
.globalSearchToggle{
  width:40px;
  height:40px;
  min-width:40px;
  padding:0;
  border:1px solid rgba(202,150,77,.38);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(21,21,21,.98),rgba(8,8,8,.98));
  color:var(--gold2);
  box-shadow:0 8px 22px rgba(0,0,0,.2);
}
.globalSearchToggle:hover,.globalSearchToggle:focus-visible{
  border-color:var(--gold2);
  background:#090909;
  box-shadow:0 0 0 3px rgba(202,150,77,.14),0 14px 34px rgba(0,0,0,.34);
  outline:none;
}
.globalSearchInput{
  width:100%;
  min-width:0;
}
.globalSearchInput input{
  min-width:0;
}
.globalSearchResults{
  right:0;
  left:auto;
}

@media(max-width:1280px){
  .globalSearchWrap.expanded{
    flex-basis:240px;
    width:240px;
    min-width:210px;
  }
}

@media(max-width:1050px){
  .topbar{
    grid-template-columns:minmax(120px,1fr) auto auto!important;
  }
  .topbar .logo{grid-column:1!important;grid-row:1!important;}
  .topbar .globalSearchWrap{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end;
  }
  .topbar .topActions{grid-column:3!important;grid-row:1!important;}
  .topbar nav{grid-column:1/-1!important;grid-row:2!important;}
  .globalSearchWrap.expanded{
    flex-basis:auto;
    width:min(280px,36vw);
    min-width:210px;
  }
  .globalSearchResults{
    right:0;
    left:auto;
    width:min(440px,calc(100vw - 32px));
  }
}

@media(max-width:700px){
  .topbar{
    grid-template-columns:minmax(86px,1fr) auto auto!important;
  }
  .topbar .globalSearchWrap.collapsed{
    grid-column:2!important;
    grid-row:1!important;
  }
  .topbar .topActions{grid-column:3!important;grid-row:1!important;}
  .topbar .globalSearchWrap.expanded{
    grid-column:1/-1!important;
    grid-row:3!important;
    width:100%;
    min-width:0;
    justify-self:stretch;
  }
  .globalSearchResults{
    left:0;
    right:0;
    width:100%;
    max-height:58vh;
  }
}

/* V31 Review for Later workflow */
.reviewLaterToolbar{
  display:flex;
  justify-content:flex-end;
  margin:10px 0 2px;
}
.reviewLaterBtn{
  border-color:rgba(132,180,255,.42)!important;
  background:rgba(85,138,225,.09)!important;
  color:#d9e8ff!important;
}
.reviewLaterBtn:hover{
  border-color:rgba(158,199,255,.75)!important;
  background:rgba(85,138,225,.17)!important;
}
.reviewForLaterList{display:grid;gap:12px;}
.reviewForLaterCard{
  border-color:rgba(132,180,255,.32);
  background:linear-gradient(180deg,rgba(14,21,32,.98),rgba(7,10,16,.98));
}
.reviewForLaterCard .reviewCycleHead{margin-bottom:12px;}
.reviewForLaterCard .tinyPill,.reviewForLaterCard .readonlyPill{
  border-color:rgba(132,180,255,.38);
}
.reviewLaterBlank svg{color:#a9c9ff;}
@media(max-width:640px){
  .reviewLaterToolbar{justify-content:stretch;}
  .reviewLaterToolbar button{width:100%;}
  .reviewForLaterCard .reviewCycleHead{align-items:flex-start;gap:10px;}
}

/* V31.1 make Review for Later and restore action immediately discoverable */
.reviewPageActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.reviewForLaterJump{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
.reviewForLaterAnchor{scroll-margin-top:88px;}
.reviewForLaterHead{align-items:flex-start!important;gap:16px;}
.reviewForLaterHeadActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.restoreReviewBtn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:0 10px 24px rgba(202,150,77,.24);}
@media(max-width:760px){
  .reviewsPage .pageHead{align-items:flex-start;}
  .reviewPageActions{width:100%;justify-content:stretch;}
  .reviewPageActions>button{flex:1 1 auto;justify-content:center;}
  .reviewForLaterHead{flex-direction:column;}
  .reviewForLaterHeadActions{width:100%;justify-content:stretch;}
  .reviewForLaterHeadActions .readonlyPill{width:auto;}
  .restoreReviewBtn{width:100%;justify-content:center;}
}

/* V31.3 collapsed review sections and public QR verification card */
.reviewsPage .collapsiblePanel.collapsed .panelHead{
  min-height:64px;
}
.reviewsPage .collapsiblePanel .panelHead h2{
  display:flex;
  align-items:center;
  gap:8px;
}
.qrVerificationHint{
  position:relative;
  z-index:2;
  margin:9px auto 0;
  color:#b9aa90;
  font-size:10px;
  letter-spacing:.03em;
  text-align:center;
  overflow-wrap:anywhere;
}
.qrVerificationHint b{color:var(--gold2);}
.publicVirtualIdPage{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px 16px;
  background:
    radial-gradient(circle at 50% 0%,rgba(202,150,77,.18),transparent 34%),
    linear-gradient(155deg,#050505,#130d06 56%,#030303);
  font-family:"Segoe UI",SegoeUI,"Helvetica Neue",Arial,sans-serif;
}
.publicVirtualIdCard{
  position:relative;
  isolation:isolate;
  width:min(440px,100%);
  min-height:510px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(245,192,90,.62);
  background:
    radial-gradient(circle at 18% 4%,rgba(245,192,90,.20),transparent 33%),
    linear-gradient(160deg,#080808,#1b1106 58%,#050505);
  box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.045);
  padding:28px 24px 24px;
  color:#fff;
}
.publicVirtualIdCard:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:380px;
  height:150px;
  top:-65px;
  left:-125px;
  transform:rotate(-22deg);
  background:linear-gradient(135deg,transparent,rgba(245,192,90,.18),transparent);
}
.publicIdCornerBadge{
  position:absolute;
  top:18px;
  left:18px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(112,231,160,.5);
  border-radius:999px;
  background:rgba(49,152,91,.16);
  color:#b8f5cf;
  padding:6px 9px;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.1em;
}
.publicIdVerification{
  position:absolute;
  top:17px;
  right:18px;
  max-width:55%;
  text-align:right;
}
.publicIdVerification span{
  display:block;
  color:#a99779;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.publicIdVerification strong{
  display:block;
  margin-top:4px;
  color:var(--gold2);
  font-size:11px;
  letter-spacing:.035em;
  overflow-wrap:anywhere;
}
.publicIdBrand{
  margin-top:72px;
  text-align:center;
  color:#fff;
  font-size:26px;
  font-weight:1000;
  letter-spacing:.08em;
}
.publicIdDivider{
  width:74px;
  height:3px;
  border-radius:999px;
  margin:15px auto 30px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));
  box-shadow:0 0 18px rgba(245,192,90,.36);
}
.publicIdFields{display:grid;gap:14px;}
.publicIdField{
  border:1px solid rgba(202,150,77,.28);
  border-radius:15px;
  background:rgba(255,255,255,.035);
  padding:14px 15px;
}
.publicIdField span{
  display:block;
  color:#aa987a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.publicIdField strong{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:18px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.publicIdField:first-child strong{color:var(--gold2);font-size:20px;}
.publicIdFooter{
  position:absolute;
  left:24px;
  right:24px;
  bottom:20px;
  text-align:center;
  color:#8e806b;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.publicIdLoading,.publicIdError{
  width:min(440px,100%);
  border:1px solid rgba(202,150,77,.36);
  border-radius:22px;
  background:rgba(10,10,10,.94);
  color:#dbc7a5;
  padding:34px;
  text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.publicIdError svg{color:#ff8585;}
.publicIdError h1{margin:12px 0 8px;color:#fff;font-size:23px;}
.publicIdError p{margin:0;color:#c5b79f;line-height:1.5;}
@media(max-width:540px){
  .publicVirtualIdCard{min-height:500px;padding:24px 17px 20px;border-radius:24px;}
  .publicIdCornerBadge{top:14px;left:14px;}
  .publicIdVerification{top:13px;right:14px;max-width:58%;}
  .publicIdBrand{margin-top:70px;font-size:23px;}
  .publicIdField strong{font-size:16px;}
  .publicIdFooter{left:17px;right:17px;}
}

/* V31.5 verified profile sections and controlled update requests */
.profileVerificationPanel{
  margin:14px 0 16px;
  padding:14px;
  border:1px solid rgba(202,150,77,.35);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(22,17,10,.94),rgba(8,8,8,.96));
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.profileVerificationPanel.verified{
  border-color:rgba(95,211,143,.38);
  background:linear-gradient(145deg,rgba(10,28,18,.78),rgba(7,9,8,.96));
}
.profileVerificationHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.profileVerificationTitle{display:flex;align-items:flex-start;gap:10px;min-width:0;}
.profileVerificationTitle>svg{flex:0 0 auto;color:var(--gold2);margin-top:1px;}
.profileVerificationPanel.verified .profileVerificationTitle>svg{color:#79e3a4;}
.profileVerificationTitle b{display:block;color:#fff;font-size:14px;}
.profileVerificationTitle p{margin:3px 0 0;color:#aa9b83;font-size:11px;line-height:1.4;}
.verifiedCheckbox{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  border:1px solid rgba(202,150,77,.46);
  border-radius:999px;
  background:rgba(202,150,77,.08);
  padding:8px 11px;
  color:#f3d69e;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.verifiedCheckbox input{accent-color:#d6a34f;width:16px;height:16px;cursor:pointer;}
.verifiedCheckbox:has(input:checked){border-color:rgba(95,211,143,.5);background:rgba(59,162,98,.13);color:#baf2cd;}
.verificationBadge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap;}
.verificationBadge.verified{border:1px solid rgba(95,211,143,.42);background:rgba(59,162,98,.12);color:#baf2cd;}
.verificationBadge.open{border:1px solid rgba(202,150,77,.38);background:rgba(202,150,77,.09);color:#e6c68c;}
.verificationMeta{margin:11px 0 0;color:#b8ad9a;font-size:11px;line-height:1.5;}
.changeRequestSummary,.changeRequestForm,.changeRequestReview{
  margin-top:12px;
  border:1px solid rgba(202,150,77,.25);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  padding:12px;
}
.changeRequestSummary b{color:#f2cf8f;font-size:12px;}
.changeRequestSummary p{margin:5px 0;color:#ddd0bb;font-size:12px;line-height:1.45;}
.changeRequestSummary small{color:#938672;font-size:10px;}
.changeRequestForm,.changeRequestReview{display:grid;gap:10px;}
.changeRequestForm textarea{min-height:76px;}
.changeRequestForm .primarySmall,.changeRequestReview .primarySmall,.changeRequestReview .softBtn{justify-self:start;}
.profileVerificationPanel+.panel,.profileVerificationPanel+fieldset{margin-top:0;}
.detailPage .readonlyFields input:disabled,.detailPage .readonlyFields select:disabled,.detailPage .readonlyFields textarea:disabled,
.detailPage input:disabled,.detailPage select:disabled,.detailPage textarea:disabled{
  cursor:not-allowed;
}
@media(max-width:700px){
  .profileVerificationHead{align-items:flex-start;flex-direction:column;}
  .verifiedCheckbox,.verificationBadge{align-self:stretch;justify-content:center;}
  .changeRequestForm .primarySmall,.changeRequestReview .primarySmall,.changeRequestReview .softBtn{width:100%;justify-content:center;}
  .changeRequestReview .actionStrip{display:grid;grid-template-columns:1fr;}
}

/* v31.5.1: make the employee update-request action impossible to miss. */
.profileVerificationActions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.requestUpdateBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid #e8b766;background:linear-gradient(135deg,#ca964d,#f2c878);color:#090705;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(202,150,77,.18)}
.requestUpdateBtn:hover{filter:brightness(1.05)}
.requestUpdateBtn:disabled{opacity:.6;cursor:not-allowed}
.requestPendingBadge{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid rgba(242,200,120,.44);border-radius:999px;background:rgba(202,150,77,.13);color:#f2c878;font-size:12px;font-weight:900;white-space:nowrap}
@media(max-width:720px){.profileVerificationActions{width:100%;justify-content:stretch}.profileVerificationActions>*{flex:1 1 auto}.requestUpdateBtn{width:100%}.requestPendingBadge{justify-content:center}.verifiedCheckbox,.verificationBadge{justify-content:center}}

/* V32 E-Learning: PDF reading, MCQ assessment and certificates */
.learningTabs{margin-bottom:14px}.learningCourseGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.learningCourseCard{display:flex;flex-direction:column;gap:13px;min-height:330px;padding:18px;border:1px solid rgba(202,150,77,.32);border-top:4px solid #ca964d;border-radius:18px;background:linear-gradient(160deg,#171717,#090909);box-shadow:0 16px 34px rgba(0,0,0,.24)}.learningCourseCard.optional{border-top-color:#777}.learningCourseHead{display:flex;align-items:flex-start;gap:12px}.learningCourseIcon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;background:rgba(202,150,77,.15);color:#f0ca89;border:1px solid rgba(202,150,77,.32)}.learningCourseHead h3{margin:6px 0 0;font-size:18px;color:#fff}.learningCourseCard>p{margin:0;color:#b8aa91;line-height:1.5;font-size:13px;min-height:40px}.learningType{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.learningType.compulsory{color:#140e04;background:linear-gradient(135deg,#ca964d,#f3d28a)}.learningType.optional{color:#e2e2e2;background:#242424;border:1px solid #525252}.learningCourseMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.learningCourseMeta span{padding:10px;border:1px solid rgba(202,150,77,.17);border-radius:11px;background:rgba(255,255,255,.025);color:#9f937f;font-size:10px;text-transform:uppercase}.learningCourseMeta b{display:block;color:#fff;font-size:14px;margin-top:4px}.learningAdminMeta{display:grid;gap:7px;color:#a99b84;font-size:12px}.learningAdminMeta b{color:#e9cd9d}.learningCardProgress{display:grid;gap:8px}.learningCardProgress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#c9bda9}.learningProgressTrack{height:8px;border-radius:999px;background:#080808;border:1px solid rgba(202,150,77,.2);overflow:hidden}.learningProgressTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b57d31,#f0c678);transition:width .25s ease}.learningCourseCard .hrDocActions{margin-top:auto}.loadingState{padding:32px;text-align:center;border:1px dashed rgba(202,150,77,.32);border-radius:15px;color:#e6c78f;background:rgba(10,10,10,.7)}
.learningAssignmentBuilder,.learningQuestionBuilder{margin:16px 0;padding:17px;border:1px solid rgba(202,150,77,.26);border-radius:16px;background:rgba(255,255,255,.025)}.learningAssignmentBuilder h3,.learningQuestionBuilder h3{margin:0 0 10px;color:#f2cf8e}.learningTargetColumns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:12px}.learningTargetColumns>div>b{display:block;color:#e6c994;font-size:12px;margin-bottom:7px}.learningTargetList{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow:auto;padding:8px;border:1px solid rgba(202,150,77,.17);border-radius:11px;background:#090909}.learningTargetList label{display:flex;align-items:flex-start;gap:8px;padding:7px;border-radius:8px;color:#e8dfd1;font-size:12px}.learningTargetList label:hover{background:rgba(202,150,77,.08)}.learningTargetList input{width:16px;min-height:16px;accent-color:#ca964d}.learningTargetList span{min-width:0}.learningTargetList small{display:block;color:#8f8370;margin-top:2px}.learningBuilderHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.learningBuilderHead p{margin:4px 0 0}.learningQuestionEditor{margin:12px 0;padding:14px;border:1px solid rgba(202,150,77,.2);border-radius:13px;background:#0a0a0a}.questionEditorHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#f0cf96}.questionEditorHead .iconBtn{display:inline-flex}.learningOptionEditor{display:grid;gap:8px;margin:10px 0}.learningOptionEditor>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.learningOptionEditor input[type=radio]{width:18px;min-height:18px;accent-color:#ca964d}.learningOptionEditor .iconBtn{display:inline-flex;color:#ffb2b2}.learningQuestionEditor .linkBtn{display:inline-flex;align-items:center;gap:5px;color:#edc985;background:transparent;padding:4px 0}.learningQuestionEditor textarea{min-height:72px}
.learningResultsModal{width:min(1180px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(202,150,77,.5);border-radius:20px;background:linear-gradient(145deg,#0a0a0a,#17120b);padding:20px;box-shadow:0 28px 90px rgba(0,0,0,.65)}.learningStatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.learningStatGrid span{padding:14px;border:1px solid rgba(202,150,77,.23);border-radius:12px;color:#9d907a;font-size:11px;text-transform:uppercase;background:rgba(255,255,255,.025)}.learningStatGrid b{display:block;margin-top:4px;color:#fff;font-size:22px}.learningResultsTable small{display:block;color:#8e826f;margin-top:3px}.learningResultsTable td{vertical-align:top}
.learningReaderBackdrop{padding:16px;align-items:center;justify-content:center}.learningReaderModal{width:min(1680px,calc(100vw - 32px));height:min(94vh,980px);display:flex;flex-direction:column;border:1px solid rgba(202,150,77,.54);border-radius:20px;background:#090909;padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.72);overflow:hidden}.learningTitleLine{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.learningTitleLine h2{margin:0}.learningProgressHeader{display:grid;grid-template-columns:minmax(240px,auto) minmax(200px,1fr) auto;align-items:center;gap:14px;padding:11px 13px;border:1px solid rgba(202,150,77,.25);border-radius:12px;background:#12100c;margin:8px 0 12px;width:100%}.learningProgressHeader span{color:#c9baa2;font-size:11px;text-transform:uppercase}.learningProgressHeader b{display:block;color:#fff;font-size:12px;margin-top:3px}.learningReaderBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:16px;min-height:0;flex:1;align-items:stretch;width:100%}.learningPdfScroll{min-height:0;overflow:auto;padding:14px;border:1px solid rgba(202,150,77,.22);border-radius:14px;background:#141414;scroll-behavior:smooth;display:flex;flex-direction:column;align-items:center}.learningPdfPage{width:min(100%,940px);margin:0 0 18px;border:1px solid rgba(202,150,77,.25);border-radius:12px;overflow:hidden;background:#1a1a1a;box-shadow:0 14px 40px rgba(0,0,0,.42)}.learningPdfPage.viewed{border-color:rgba(89,217,142,.5)}.learningPageLabel{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#0b0b0b;color:#c7b89f;font-size:11px}.learningPageLabel b{display:flex;align-items:center;gap:4px;color:#8ee3ae}.learningPdfPage iframe{display:block;width:100%;height:min(72vh,780px);border:0;background:#fff}.learningEndMarker{width:min(100%,940px);min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed rgba(202,150,77,.35);border-radius:12px;color:#d9ba80;text-align:center}.learningEndMarker span{color:#9d907c;font-size:12px}.learningAssessmentPane{min-height:0;overflow:auto;padding:15px;border:1px solid rgba(202,150,77,.25);border-radius:14px;background:linear-gradient(160deg,#15110b,#080808);width:100%}.learningAssessmentPane h3{display:flex;align-items:center;gap:7px;margin:0;color:#f0ca88}.learningAssessmentPane>p{color:#b3a58f;font-size:12px}.assessmentLocked,.assessmentPassed{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:20px;border:1px dashed rgba(202,150,77,.3);border-radius:13px;color:#e8c98e;background:rgba(0,0,0,.25)}.assessmentLocked span,.assessmentPassed span{color:#a99a82;font-size:12px;line-height:1.5}.assessmentPassed{border-color:rgba(89,217,142,.36);color:#abefc4}.learningQuiz{display:grid;gap:13px}.learningQuestion{padding:12px;border:1px solid rgba(202,150,77,.2);border-radius:12px;background:#0a0a0a}.learningQuestion>b{display:block;color:#f1dfc2;font-size:13px;line-height:1.45}.learningOptions{display:grid;gap:7px;margin-top:10px}.learningOptions label{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#cfc4b2;font-size:12px;cursor:pointer}.learningOptions label.selected{border-color:#ca964d;background:rgba(202,150,77,.12);color:#fff}.learningOptions input{width:16px;min-height:16px;accent-color:#ca964d}.learningSubmitQuiz{width:100%;min-height:43px}
@media(max-width:1280px){.learningReaderBody{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.learningPdfPage,.learningEndMarker{width:min(100%,880px)}}
@media(max-width:1100px){.learningReaderModal{height:96vh;width:min(1180px,calc(100vw - 20px))}.learningReaderBody{grid-template-columns:1fr}.learningPdfScroll{min-height:52vh}.learningAssessmentPane{max-height:38vh}.learningPdfPage,.learningEndMarker{width:100%}.learningPdfPage iframe{height:650px}.learningTargetColumns{grid-template-columns:1fr 1fr}.learningTargetColumns>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.learningCourseGrid{grid-template-columns:1fr}.learningCourseMeta{grid-template-columns:1fr 1fr 1fr}.learningTargetColumns{grid-template-columns:1fr}.learningTargetColumns>div:first-child{grid-column:auto}.learningBuilderHead{flex-direction:column}.learningBuilderHead .softBtn{width:100%}.learningProgressHeader{grid-template-columns:1fr auto}.learningProgressHeader .learningProgressTrack{grid-column:1/-1;grid-row:2}.learningReaderModal{padding:11px;border-radius:13px;width:calc(100vw - 8px)}.learningReaderBackdrop{padding:4px}.learningReaderBody{gap:8px}.learningPdfScroll{padding:6px}.learningPdfPage iframe{height:480px}.learningAssessmentPane{padding:11px}.learningStatGrid{grid-template-columns:1fr 1fr}.learningCertificateModal{padding:8px}.learningCertificate{min-height:620px;padding:34px 20px}.learningCertificate h1{font-size:32px}.learningCertificate h2{font-size:28px;padding:0 12px 8px}.certificateFacts{gap:18px;flex-wrap:wrap}.certificateNumber{position:static;margin-top:26px}.certificateModalHead{padding:8px 8px 0}}

/* HRMS v32.0.2 - Full-screen E-Learning reader and separate assessment popup */
.learningReaderFullscreenBackdrop{
  padding:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:#262626!important;
  backdrop-filter:none!important;
  z-index:1300!important;
}
.learningReaderFullscreen{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#262626!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.learningPdfFullscreenScroll{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  background:#292929;
  scroll-behavior:smooth;
  scroll-snap-type:y proximity;
}
.learningPdfFullscreenPage{
  position:relative;
  width:100%!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:560px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#292929!important;
  box-shadow:none!important;
  scroll-snap-align:start;
  overflow:hidden!important;
}
.learningPdfFullscreenPage.viewed{border:0!important}
.learningPdfFullscreenPage iframe{
  display:block;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:#292929!important;
}
.learningReaderFloatingClose{
  position:absolute;
  top:14px;
  right:16px;
  z-index:6;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(239,199,127,.55);
  border-radius:50%;
  background:rgba(5,5,5,.88);
  color:#efc77f;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 28px rgba(0,0,0,.45);
}
.learningReaderFloatingClose:hover{background:#15100a;color:#fff}
.learningReaderFloatingProgress{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:6;
  transform:translateX(-50%);
  width:min(620px,calc(100vw - 120px));
  min-height:48px;
  display:grid;
  grid-template-columns:auto minmax(120px,1fr) auto;
  align-items:center;
  gap:12px;
  padding:9px 13px;
  border:1px solid rgba(202,150,77,.48);
  border-radius:12px;
  background:rgba(10,8,5,.92);
  color:#f2dfbe;
  box-shadow:0 12px 35px rgba(0,0,0,.5);
  backdrop-filter:blur(8px);
}
.learningReaderFloatingProgress>span{font-size:12px;white-space:nowrap}
.learningReaderFloatingProgress>b{font-size:12px;color:#fff}
.learningReaderFloatingProgress .learningProgressTrack{min-width:120px}
.learningReaderFloatingError,
.learningReaderLoadError{
  position:absolute;
  top:18px;
  left:50%;
  z-index:7;
  transform:translateX(-50%);
  width:min(680px,calc(100vw - 140px));
  padding:11px 14px;
  border:1px solid rgba(225,93,93,.55);
  border-radius:10px;
  background:rgba(45,8,8,.95);
  color:#ffd3d3;
  text-align:center;
}
.learningReaderLoading{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:#202020;
  color:#e7c889;
}
.learningQuizOverlay{
  position:fixed;
  inset:0;
  z-index:1500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  overflow:auto;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.learningQuizPopup{
  width:min(760px,100%);
  max-height:min(88vh,900px);
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:22px;
  overflow:hidden;
  border:1px solid rgba(202,150,77,.62);
  border-radius:20px;
  background:linear-gradient(150deg,#16110b,#070707 62%);
  color:#fff;
  box-shadow:0 32px 110px rgba(0,0,0,.82),0 0 0 1px rgba(202,150,77,.11) inset;
}
.learningQuizPopupHead{flex:0 0 auto}
.learningQuizPopupHead>span{
  display:block;
  margin-bottom:5px;
  color:#cfa65f;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.learningQuizPopupHead h2{margin:0;color:#f3cd8c;font-size:24px}
.learningQuizPopupHead p{margin:7px 0 0;color:#b8aa93;font-size:12px}
.learningQuizPopupBody{
  min-height:0;
  overflow:auto;
  display:grid;
  gap:13px;
  padding-right:4px;
}
.learningQuizPopup .learningQuestion{background:rgba(0,0,0,.38)}
.learningQuizPopup .learningSubmitQuiz{flex:0 0 auto;margin-top:0}
.learningQuizInlineError{flex:0 0 auto;margin:0}
@media(max-width:700px){
  .learningReaderFloatingClose{top:9px;right:9px;width:38px;height:38px}
  .learningReaderFloatingProgress{bottom:8px;width:calc(100vw - 16px);grid-template-columns:1fr auto;gap:7px;padding:8px 10px}
  .learningReaderFloatingProgress .learningProgressTrack{grid-column:1/-1;grid-row:2}
  .learningReaderFloatingProgress>span{white-space:normal}
  .learningQuizOverlay{padding:8px}
  .learningQuizPopup{max-height:96vh;padding:15px;border-radius:14px}
  .learningQuizPopupHead h2{font-size:20px}
}

/* HRMS v32.0.3 - assessment choice after reading completion */
.learningAssessmentChoiceOverlay{position:fixed;inset:0;z-index:1450;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.learningAssessmentChoicePopup{width:min(520px,100%);padding:30px;text-align:center;border:1px solid rgba(202,150,77,.62);border-radius:22px;background:linear-gradient(150deg,#18120b,#070707 68%);color:#fff;box-shadow:0 32px 110px rgba(0,0,0,.82),0 0 0 1px rgba(202,150,77,.11) inset}.learningAssessmentChoiceIcon{width:58px;height:58px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid rgba(202,150,77,.48);border-radius:18px;background:rgba(202,150,77,.12);color:#efc77f}.learningAssessmentChoicePopup>span{display:block;color:#d1a75f;font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.learningAssessmentChoicePopup h2{margin:8px 0;color:#f4cf91;font-size:27px}.learningAssessmentChoicePopup p{margin:0 auto;color:#b9ad99;line-height:1.6;max-width:420px}.learningAssessmentChoiceActions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.learningAssessmentChoiceActions button{width:100%;min-height:44px;justify-content:center}.learningReaderAssessmentReady{position:absolute;left:50%;bottom:18px;z-index:6;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid #edc77e;border-radius:12px;background:linear-gradient(135deg,#ca964d,#f1ca7c);color:#0a0703;font-weight:900;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.55)}.learningReaderAssessmentReady:hover{filter:brightness(1.06)}@media(max-width:700px){.learningAssessmentChoiceOverlay{padding:10px}.learningAssessmentChoicePopup{padding:22px 16px;border-radius:16px}.learningAssessmentChoicePopup h2{font-size:22px}.learningAssessmentChoiceActions{grid-template-columns:1fr}.learningReaderAssessmentReady{bottom:9px;width:calc(100vw - 18px)}}
/* HRMS v33.0 Candidate CV Library */
#dyne-cv-module{width:100%}.cvPage{animation:fadeIn .18s ease}.cvUploadButton{min-width:132px}.cvSearchPanel{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 16px;margin-bottom:18px;border:1px solid rgba(202,150,77,.3);border-radius:16px;background:linear-gradient(145deg,#12100c,#090909)}.cvSearchPanel>span{color:#b9aa92;font-size:12px;white-space:nowrap}.cvSearchBox{width:min(900px,100%);min-height:46px}.cvSearchBox input{width:100%;font-size:13px}.cvClearSearch{width:30px;height:30px;border-radius:50%;border:1px solid rgba(202,150,77,.28);background:#111;color:#e5bf7d}.cvClearSearch:disabled{opacity:.25;cursor:default}.cvGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cvCard{display:flex;flex-direction:column;min-height:300px;padding:17px;border:1px solid rgba(202,150,77,.3);border-radius:17px;background:linear-gradient(155deg,#16130e,#080808 68%);box-shadow:0 16px 40px rgba(0,0,0,.28);cursor:pointer;transition:.18s ease}.cvCard:hover{transform:translateY(-3px);border-color:#ca964d;box-shadow:0 22px 48px rgba(202,150,77,.12)}.cvCardTop{display:flex;align-items:center;gap:11px}.cvCardTop>div:nth-child(2){min-width:0;flex:1}.cvCardTop h3{margin:0 0 4px;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvCardTop p{margin:0;color:#b8aa94;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvInitials{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ca964d,#f0cd8b);color:#080808;font-weight:1000;font-size:12px;box-shadow:0 0 0 4px rgba(202,150,77,.12)}.cvParsedPill{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;border:1px solid rgba(89,217,142,.38);background:rgba(89,217,142,.1);color:#9ce8b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.cvContactLine{display:grid;gap:5px;margin:15px 0 12px;color:#cbbda6;font-size:11px}.cvContactLine span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvMetaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cvMetaGrid span{padding:8px;border:1px solid rgba(202,150,77,.17);border-radius:9px;background:rgba(255,255,255,.025);color:#8f8576;font-size:9px;text-transform:uppercase}.cvMetaGrid b{display:block;margin-top:4px;color:#ead9bc;font-size:11px;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvTagRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.cvTagRow span{padding:5px 8px;border-radius:999px;background:rgba(202,150,77,.11);border:1px solid rgba(202,150,77,.2);color:#e3c18b;font-size:10px}.cvCompanies{margin:12px 0 0;color:#a99d8a;font-size:11px;line-height:1.45}.cvCompanies b{color:#d6bd91}.cvCardFooter{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px}.cvCardFooter small{color:#7f7668;font-size:9px;line-height:1.4}.cvBlank{min-height:330px}.cvBlankIcon{width:64px;height:64px;border:1px solid #ca964d;border-radius:18px;display:grid;place-items:center;color:#efc77d;font-weight:1000;font-size:18px;background:rgba(202,150,77,.09)}
.cvModalBackdrop{z-index:1600;background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}.cvUploadModal{width:min(620px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(202,150,77,.5);border-radius:20px;padding:21px;background:linear-gradient(150deg,#17120b,#080808);box-shadow:0 28px 90px rgba(0,0,0,.7);color:#fff}.cvDropZone{min-height:210px;border:1px dashed rgba(202,150,77,.55);border-radius:17px;background:rgba(202,150,77,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;cursor:pointer}.cvDropZone strong{color:#f0ca88;font-size:18px}.cvDropZone span{max-width:440px;margin-top:8px;color:#a99b85;font-size:12px;line-height:1.55}.cvDropZone input{margin-top:18px;max-width:100%;color:#d7c8ad}.cvUploadFileName{margin:12px 0;padding:10px 12px;border-radius:10px;background:#0b0b0b;border:1px solid rgba(202,150,77,.18);color:#c6b79f;font-size:12px}.cvParsingState{display:flex;flex-direction:column;align-items:center;gap:5px;margin:15px 0;padding:17px;border:1px solid rgba(202,150,77,.25);border-radius:12px;background:#0b0b0b;color:#e5c487}.cvParsingState span{width:28px;height:28px;border-radius:50%;border:3px solid rgba(202,150,77,.22);border-top-color:#e8bb70;animation:cvSpin .8s linear infinite}.cvParsingState small{color:#8f8576}@keyframes cvSpin{to{transform:rotate(360deg)}}
.cvEditorShell{width:min(1180px,96vw);max-height:94vh;overflow:hidden}.cvEditorModal{width:min(1240px,96vw);height:min(94vh,1040px);display:flex;flex-direction:column;border:1px solid rgba(202,150,77,.5);border-radius:21px;background:#090909;box-shadow:0 30px 100px rgba(0,0,0,.75);overflow:hidden;color:#fff}.cvEditorHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid rgba(202,150,77,.22);background:linear-gradient(90deg,#181108,#0a0a0a)}.cvEditorHeader h2{margin:7px 0 3px;color:#efc981}.cvEditorHeader p{margin:0;color:#8f8576;font-size:11px}.cvEditorForm{min-height:0;overflow:auto;padding:18px 20px}.cvEditorSection{margin-bottom:15px;padding:16px;border:1px solid rgba(202,150,77,.2);border-radius:15px;background:linear-gradient(150deg,#111,#090909)}.cvEditorSection h3{margin:0 0 12px;color:#eac587;font-size:16px}.cvEditorSection .formGrid{margin:0;padding:0;background:transparent;border:0}.cvEditorSection textarea{min-height:92px}.cvSectionHead,.cvWorkHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.cvWorkRow{margin-top:12px;padding:13px;border:1px solid rgba(202,150,77,.18);border-radius:13px;background:#0a0a0a}.cvWorkHead{margin-bottom:10px;color:#dfc08a}.cvWorkHead .iconBtn,.cvCustomRow .iconBtn{display:inline-grid}.cvCustomList{display:grid;gap:10px}.cvCustomRow{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr) 38px;gap:10px;align-items:start}.cvCustomRow textarea{min-height:72px}.cvEmptyRows{padding:18px;border:1px dashed rgba(202,150,77,.22);border-radius:11px;text-align:center;color:#8f8576;font-size:12px}.cvRawText{margin:0 0 15px;border:1px solid rgba(202,150,77,.2);border-radius:13px;background:#0b0b0b}.cvRawText summary{padding:13px 15px;color:#d5b77f;font-weight:800;cursor:pointer}.cvRawText textarea{display:block;width:calc(100% - 28px);min-height:260px;margin:0 14px 14px;padding:13px;background:#050505;color:#aaa;border:1px solid #242018;white-space:pre-wrap}.cvEditorActions{position:sticky;bottom:-18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0 4px;background:linear-gradient(180deg,rgba(9,9,9,0),#090909 35%)}.cvEditorActions>div{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:1250px){.cvGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.cvGrid{grid-template-columns:1fr}.cvSearchPanel{align-items:stretch;flex-direction:column}.cvMetaGrid{grid-template-columns:1fr 1fr}.cvEditorModal{width:calc(100vw - 8px);height:calc(100vh - 8px);border-radius:13px}.cvEditorForm{padding:12px}.cvEditorSection{padding:12px}.cvCustomRow{grid-template-columns:1fr}.cvCustomRow .iconBtn{justify-self:end}.cvEditorActions{align-items:stretch;flex-direction:column}.cvEditorActions>div{display:grid;grid-template-columns:1fr 1fr}.cvCardFooter{align-items:stretch;flex-direction:column}.cvCardFooter button{width:100%}}

/* CV search and filter workspace — v33.2 */
.cvSearchPanel{display:block;padding:16px;margin-bottom:18px;border:1px solid rgba(202,150,77,.3);border-radius:16px;background:linear-gradient(145deg,#12100c,#090909)}
.cvSearchPrimaryRow{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cvSearchPrimaryRow .cvSearchBox{width:min(1050px,100%);min-height:46px;flex:1}
.cvResultCount{color:#b9aa92;font-size:12px;white-space:nowrap}
.cvFilterGrid{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(250px,1.35fr) minmax(230px,.9fr) minmax(240px,1.15fr) auto;align-items:end;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(202,150,77,.16)}
.cvFilterField,.cvExperienceFilter{display:flex;flex-direction:column;gap:6px;min-width:0}
.cvFilterField>span,.cvExperienceFilter>span{color:#cbb998;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cvFilterField input,.cvExperienceFilter input{width:100%;height:40px;padding:0 11px;border:1px solid rgba(202,150,77,.24);border-radius:10px;background:#0b0b0b;color:#f2e7d5;outline:none}
.cvFilterField input:focus,.cvExperienceFilter input:focus{border-color:#ca964d;box-shadow:0 0 0 3px rgba(202,150,77,.1)}
.cvFilterField small,.cvExperienceFilter small{color:#807666;font-size:9px}
.cvExperienceFilter>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cvExperienceFilter label{display:flex;flex-direction:column;gap:4px}
.cvClearFilters{height:40px;white-space:nowrap;padding:0 14px}
.cvClearFilters:disabled{opacity:.4;cursor:default}
@media(max-width:1300px){.cvFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cvClearFilters{width:max-content;min-width:130px}}
@media(max-width:780px){.cvSearchPrimaryRow{align-items:stretch;flex-direction:column}.cvResultCount{align-self:flex-end}.cvFilterGrid{grid-template-columns:1fr}.cvClearFilters{width:100%}}

/* HRMS v33.3 work authorisation expiry alerts */
.workAuthExpiryPanel{margin:0 0 18px;padding:15px 16px;border:1px solid rgba(232,171,75,.42);border-radius:16px;background:linear-gradient(145deg,rgba(65,42,12,.74),rgba(13,11,8,.96));box-shadow:0 14px 38px rgba(0,0,0,.22)}
.workAuthExpiryHead>div{display:flex;align-items:center;gap:11px}.workAuthBell{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:50%;background:#e3ad58;color:#130d05;font-weight:1000;font-size:17px;box-shadow:0 0 0 4px rgba(227,173,88,.12)}.workAuthExpiryHead b{display:block;color:#f1ca88;font-size:14px}.workAuthExpiryHead span:not(.workAuthBell){display:block;margin-top:3px;color:#b9a98e;font-size:11px}.workAuthExpiryList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.workAuthExpiryItem{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(232,171,75,.2);border-radius:12px;background:rgba(0,0,0,.28);color:inherit;text-align:left;cursor:pointer;transition:.18s ease}.workAuthExpiryItem:hover{border-color:#dba654;background:rgba(219,166,84,.08);transform:translateY(-1px)}.workAuthExpiryItem>div:nth-child(2){min-width:0}.workAuthExpiryItem>div:nth-child(2)>b{display:block;color:#f4e5cd;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workAuthExpiryItem>div:nth-child(2)>span{display:block;margin-top:3px;color:#9f927d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workAuthExpiryDate{text-align:right}.workAuthExpiryDate b{display:block;color:#e9bf77;font-size:11px}.workAuthExpiryDate span{display:block;margin-top:3px;color:#9f927d;font-size:10px}.workAuthExpiryDate.urgent b{color:#ff9b8f}

/* CV filter alignment — helper text stays beside its heading */
.cvFilterGrid{align-items:end}.cvFilterField,.cvExperienceFilter{gap:8px}.cvFilterHeading{min-height:15px;display:flex!important;align-items:baseline;justify-content:space-between;gap:8px;color:#cbb998!important;font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.cvFilterHeading b{font:inherit;color:inherit;white-space:nowrap}.cvFilterHeading small{margin-left:auto;color:#807666!important;font-size:9px!important;font-weight:500;text-transform:none;letter-spacing:0;white-space:nowrap}.cvExperienceFilter>div{align-items:end}.cvExperienceFilter label{gap:0}.cvClearFilters{align-self:end;margin:0}
@media(max-width:980px){.workAuthExpiryList{grid-template-columns:1fr}}
@media(max-width:780px){.workAuthExpiryItem{grid-template-columns:auto minmax(0,1fr)}.workAuthExpiryDate{grid-column:2;text-align:left}.cvFilterHeading{align-items:flex-start;flex-direction:column;gap:2px}.cvFilterHeading small{margin-left:0;white-space:normal}}
/* HRMS v33.4 CV enter-to-search, strict skills, expanded filters and recruiter questionnaire */
.cvFilterGrid{grid-template-columns:minmax(180px,.85fr) minmax(300px,1.45fr) minmax(230px,.9fr) minmax(240px,1.1fr) auto}
.cvSkillInputRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px}.cvStrictMatch{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(202,150,77,.24);border-radius:10px;background:#0b0b0b;color:#cbb998;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.cvStrictMatch input{width:15px!important;height:15px!important;margin:0;padding:0;accent-color:#ca964d;box-shadow:none!important}.cvStrictMatch span{text-transform:none;letter-spacing:0}
.cvFilterField select{width:100%;height:40px;padding:0 11px;border:1px solid rgba(202,150,77,.24);border-radius:10px;background:#0b0b0b;color:#f2e7d5;outline:none}.cvFilterField select:focus{border-color:#ca964d;box-shadow:0 0 0 3px rgba(202,150,77,.1)}
.cvFilterActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content}.cvFilterActions button{height:40px;white-space:nowrap}.cvFilterActions .primarySmall{min-width:76px}.cvFilterActions .cvClearFilters{min-width:68px;padding:0 12px}
.cvExpandedFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(202,150,77,.15);border-radius:13px;background:rgba(0,0,0,.18)}.cvSearchHint{margin:10px 2px 0;color:#817664;font-size:10px}
.cvUploadModal{width:min(860px,100%)}.cvUploadQuestionnaire{margin-bottom:16px;padding:15px;border:1px solid rgba(202,150,77,.22);border-radius:14px;background:rgba(0,0,0,.2)}.cvUploadQuestionnaire h3{margin:0 0 12px;color:#eac587;font-size:15px}.cvUploadQuestionnaire .formGrid{margin:0;padding:0;border:0;background:transparent}.cvUploadQuestionnaire select,.cvEditorSection select{width:100%;min-height:42px;padding:0 11px;border:1px solid rgba(202,150,77,.24);border-radius:10px;background:#0b0b0b;color:#f2e7d5;outline:none}.cvUploadQuestionnaire select:focus,.cvEditorSection select:focus{border-color:#ca964d;box-shadow:0 0 0 3px rgba(202,150,77,.1)}
@media(max-width:1380px){.cvFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cvFilterActions{justify-content:flex-start}.cvExpandedFilters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.cvExpandedFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.cvSkillInputRow{grid-template-columns:1fr}.cvStrictMatch{width:max-content}}
@media(max-width:780px){.cvFilterGrid,.cvExpandedFilters{grid-template-columns:1fr}.cvFilterActions{display:grid;grid-template-columns:1fr 1fr}.cvFilterActions .cvClearFilters{grid-column:1/-1;width:100%}.cvStrictMatch{width:100%;justify-content:flex-start}.cvSearchHint{line-height:1.5}}

/* HRMS v33.7 - CV recruiter alignment, inline reusable dropdown additions */
.cvFilterGrid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.cvFilterActions{grid-column:1/-1;justify-content:flex-end;margin-top:2px}.cvSkillsFilter,.cvExperienceFilter,.cvFilterField{min-width:0}.cvSkillInputRow{min-height:40px}.cvRecruiterForm .formGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 18px}.cvRecruiterForm .field{display:flex;min-width:0;flex-direction:column}.cvRecruiterForm .field>span{min-height:32px;display:flex;align-items:flex-end;margin-bottom:7px;line-height:1.25}.cvRecruiterForm .field input,.cvRecruiterForm .field select{width:100%;height:42px;min-height:42px}.cvRecruiterForm .field textarea{width:100%}.cvSelectAdd{grid-template-columns:minmax(0,1fr) 42px;gap:8px}.cvAddOption{width:42px;height:42px}.cvOptionAddRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px;align-items:center}.cvOptionAddRow[hidden]{display:none}.cvOptionAddRow .primarySmall{height:40px;min-width:62px;justify-content:center}.cvOptionAddRow input{height:40px!important;min-height:40px!important}.cvRecruiterModal .cvEditorSection{overflow:visible}.cvRecruiterModal .wide>span{min-height:auto}.cvRecruiterModal select[name="job_suitability_tags"]{height:42px;min-height:42px;padding:0 11px}
@media(max-width:1100px){.cvFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cvFilterActions{grid-column:1/-1}.cvRecruiterForm .formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.cvFilterGrid,.cvRecruiterForm .formGrid{grid-template-columns:1fr}.cvFilterActions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.cvRecruiterForm .field>span{min-height:auto}.cvOptionAddRow{grid-template-columns:minmax(0,1fr) auto}}
/* HRMS v33.7.1 - recruiter details modal scrolling/accessibility */
.cvRecruiterModal .cvEditorHeader{flex:0 0 auto}
.cvRecruiterModal .cvRecruiterForm{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 20px}
.cvRecruiterModal .cvEditorActions{z-index:3}
@media(max-width:780px){.cvRecruiterModal .cvRecruiterForm{padding:12px}.cvRecruiterModal .cvEditorActions{bottom:-12px}}


/* CV v33.8 - numeric salary/rate fields, hashtags and expanded search */
.cvSalaryFilter{grid-column:span 2}
.cvSalaryFilterInputs{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) minmax(100px,.8fr) minmax(120px,1fr);gap:8px}
.cvSalaryFilterInputs input,.cvSalaryFilterInputs select{width:100%;height:40px;padding:0 10px;border:1px solid rgba(202,150,77,.24);border-radius:10px;background:#0b0b0b;color:#f2e7d5;outline:none}
.cvSalaryFilterInputs input:focus,.cvSalaryFilterInputs select:focus{border-color:#ca964d;box-shadow:0 0 0 3px rgba(202,150,77,.1)}
.cvMoneyField{grid-column:1/-1!important}
.cvMoneyInputs{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.7fr) minmax(150px,.9fr);gap:9px}
.cvMoneyInputs input,.cvMoneyInputs select{width:100%;height:42px!important;min-height:42px!important}
.cvRecruiterForm .field small{display:block;margin-top:6px;color:#817666;font-size:10px;line-height:1.4}
.cvExpandedFilters{align-items:end}
@media(max-width:1100px){.cvSalaryFilter{grid-column:1/-1}.cvSalaryFilterInputs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.cvSalaryFilter{grid-column:auto}.cvSalaryFilterInputs,.cvMoneyInputs{grid-template-columns:1fr}}

/* HRMS v33.9 - standalone CV workspace, filter sidebar and expandable row results */
body.cvWorkspaceMode{overflow:hidden}
body.cvWorkspaceMode header.topbar{display:none!important}
body.cvWorkspaceMode #dyne-cv-module{height:100vh;min-height:100vh}
#dyne-cv-module{width:100%}
.cvWorkspaceShell{height:100vh;min-height:680px;display:grid;grid-template-columns:340px minmax(0,1fr);background:radial-gradient(circle at top left,rgba(202,150,77,.11),transparent 30%),#080808;overflow:hidden;transition:grid-template-columns .2s ease}
.cvWorkspaceShell.sidebar-closed{grid-template-columns:0 minmax(0,1fr)}
.cvSidebar{min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(202,150,77,.24);background:linear-gradient(180deg,#12100c,#080808 68%);box-shadow:18px 0 45px rgba(0,0,0,.18);z-index:3;transition:opacity .15s ease}
.sidebar-closed .cvSidebar{opacity:0;pointer-events:none;border-right:0}
.cvSidebarScroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 16px 22px;scrollbar-gutter:stable}
.cvSidebarHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cvSidebarHead>div{min-width:0}.cvSidebarHead b{display:block;color:#f2cf91;font-size:16px}.cvSidebarHead small{display:block;margin-top:3px;color:#8f8371;font-size:10px}.cvSidebarClose,.cvMenuButton{border:1px solid rgba(202,150,77,.28);background:#111;color:#e9c780}
.cvSidebarClose{width:40px;height:40px;flex:0 0 40px}.cvMenuButton{height:40px;padding:0 12px;font-weight:850}.cvMenuButton:hover,.cvSidebarClose:hover{border-color:#ca964d;background:rgba(202,150,77,.08)}
.cvFilterMenuIcon{width:18px;height:16px;display:flex;flex-direction:column;justify-content:space-between}.cvFilterMenuIcon i{display:block;height:2px;border-radius:999px;background:currentColor}.cvFilterMenuIcon i:nth-child(2){width:13px}.cvFilterMenuIcon i:nth-child(3){width:16px}
.cvSidebarSearch{width:100%;margin-bottom:18px}.cvSidebarSearch input{font-size:12px}.cvSidebarSection,.cvAdvancedFilters{display:grid;gap:13px}.cvSidebarSection{padding-bottom:15px}.cvSidebar .cvFilterField,.cvSidebar .cvExperienceFilter{gap:6px}.cvSidebar .cvFilterHeading{min-height:auto}.cvSidebar .cvSkillInputRow{grid-template-columns:1fr}.cvSidebar .cvStrictMatch{width:100%;justify-content:flex-start}.cvSidebar .cvSalaryFilter{grid-column:auto}.cvSidebar .cvSalaryFilterInputs{grid-template-columns:1fr 1fr}.cvSidebar .cvSalaryFilterInputs select{min-width:0}
.cvAdvancedToggle{width:100%;min-height:42px;margin:2px 0 14px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(202,150,77,.22);background:rgba(202,150,77,.055);color:#e5c487;font-size:12px;font-weight:900}.cvAdvancedToggle:hover{border-color:#ca964d}.cvAdvancedFilters{padding:0 0 6px}.cvSidebarFilterActions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 16px 16px;border-top:1px solid rgba(202,150,77,.19);background:linear-gradient(180deg,rgba(9,9,9,.96),#080808)}.cvSidebarFilterActions button{width:100%;height:42px}.cvCustomDateFilter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 18px;padding:2px 0 4px}.cvCustomDateFilter label{display:grid;gap:5px}.cvCustomDateFilter small{color:#8f8372;font-size:9px;font-weight:900;text-transform:uppercase}.cvCustomDateFilter input{width:100%;height:38px;border:1px solid #29231b;border-radius:8px;background:#11100e;color:#e7dfd2;padding:0 8px;font-size:11px}
.cvResultsArea{min-width:0;height:100vh;overflow-y:auto;padding:20px 26px 36px;background:transparent}.cvResultsToolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding:4px 0 12px;background:linear-gradient(180deg,#080808 65%,rgba(8,8,8,0))}.cvResultsToolbarLeft{display:flex;align-items:center;gap:10px;min-width:0}.cvTopUploadButton{flex:0 0 auto;min-height:38px}.cvResultCount{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(202,150,77,.2);border-radius:999px;background:#0d0c0a;color:#b9aa92;font-size:10px;font-weight:800}.cvSearchHighlight{padding:0 3px;border-radius:3px;background:#ffd54a;color:#111;font-weight:900;box-shadow:0 0 0 1px #ffd54a}.cvSearchResultData{display:grid;gap:7px;margin:10px 0;padding:10px 12px;border:1px solid rgba(202,150,77,.15);border-radius:9px;background:rgba(202,150,77,.035);font-size:11px;color:#c4b8a5}.cvSearchResultData span{display:block}.cvSearchResultData small{display:inline-block;min-width:86px;margin-right:8px;color:#867967;font-size:9px;font-weight:900;text-transform:uppercase}
.cvCandidateTable{width:100%;border-top:1px solid rgba(202,150,77,.28);border-bottom:1px solid rgba(202,150,77,.28)}.cvCandidateTableHead,.cvCandidateSummary{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(220px,1.2fr) minmax(150px,.85fr) minmax(105px,.55fr) 46px;gap:14px;align-items:center}.cvCandidateTableHead{min-height:38px;padding:0 12px;border-bottom:1px solid rgba(202,150,77,.2);color:#8f8371;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.cvCandidateItem{border-bottom:1px solid rgba(202,150,77,.17);background:rgba(255,255,255,.008);transition:background .16s ease}.cvCandidateItem:last-child{border-bottom:0}.cvCandidateItem:hover,.cvCandidateItem.expanded{background:rgba(202,150,77,.045)}.cvCandidateSummary{min-height:68px;padding:10px 12px}.cvCandidateCell{min-width:0;color:#d5c8b3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvCandidateName b{display:block;color:#f6ead7;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvCandidateName small{display:block;margin-top:4px;color:#8f8371;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvExperienceCell{color:#e1bd80;font-weight:850}.cvRowToggle{width:34px;height:34px;justify-self:end;border:1px solid rgba(202,150,77,.28);border-radius:10px;background:#11100d;color:#e9c780}.cvRowToggle:hover{border-color:#ca964d;background:rgba(202,150,77,.09)}.cvRowToggle span{display:block;font-size:20px;line-height:1;transform:translateY(-2px);transition:transform .18s ease}.cvCandidateItem.expanded .cvRowToggle span{transform:rotate(180deg) translateY(2px)}
.cvCandidateExpanded{padding:0 58px 16px 12px;border-top:1px solid rgba(202,150,77,.09)}.cvExpandedMeta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:13px}.cvExpandedMeta>span{min-width:0;padding:9px 10px;border-radius:9px;background:rgba(0,0,0,.24)}.cvExpandedMeta small,.cvExpandedSkills>small{display:block;color:#817665;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.cvExpandedMeta b{display:block;margin-top:4px;color:#decdae;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvExpandedSkills{margin-top:12px}.cvExpandedSkills .cvTagRow{margin-top:7px}.cvExpandedActions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.cvExpandedActions small{color:#756c60;font-size:9px}.cvExpandedActions .primarySmall{min-width:136px}
.cvBlank{margin-top:30px}
@media(max-width:1080px){.cvWorkspaceShell{grid-template-columns:315px minmax(0,1fr)}.cvWorkspaceShell.sidebar-closed{grid-template-columns:0 minmax(0,1fr)}.cvCandidateTableHead,.cvCandidateSummary{grid-template-columns:minmax(180px,1.25fr) minmax(180px,1fr) minmax(120px,.75fr) 95px 42px}.cvExpandedMeta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){body.cvWorkspaceMode{overflow:auto}.cvWorkspaceShell{height:auto;min-height:100vh;display:block;overflow:visible}.cvSidebar{position:fixed;inset:0 auto 0 0;width:min(340px,90vw);height:100vh;z-index:1700;box-shadow:24px 0 70px rgba(0,0,0,.65)}.sidebar-closed .cvSidebar{transform:translateX(-102%);opacity:1;pointer-events:none}.cvResultsArea{height:auto;min-height:100vh;padding:14px}.cvResultsToolbar{top:0}.cvCandidateTableHead{display:none}.cvCandidateSummary{grid-template-columns:1fr 42px;gap:8px;min-height:0;padding:13px 8px}.cvCandidateCell{grid-column:1}.cvCandidateCell:not(.cvCandidateName):before{content:attr(data-label) ': ';color:#817665;font-size:9px;font-weight:900;text-transform:uppercase}.cvRowToggle{grid-column:2;grid-row:1;align-self:start}.cvCandidateExpanded{padding:0 8px 14px}.cvExpandedMeta{grid-template-columns:1fr}.cvExpandedActions{align-items:stretch;flex-direction:column}.cvExpandedActions .primarySmall{width:100%}.cvSidebar .cvSalaryFilterInputs{grid-template-columns:1fr}}

/* Login password visibility toggle */
.loginPasswordWrap{position:relative;width:100%}.loginPasswordWrap input{padding-right:48px}.loginPasswordToggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border:0;background:transparent!important;color:#fff!important;box-shadow:none!important}.loginPasswordToggle:hover,.loginPasswordToggle:focus-visible{color:#fff!important;background:rgba(255,255,255,.08)!important;outline:none}.loginPasswordToggle svg{stroke:currentColor}

/* CV sidebar grouping, date sort icon and candidate autosave */
.cvSortHeading{display:inline-flex!important;align-items:center;gap:7px}.cvCalendarIcon{width:15px;height:15px;flex:0 0 15px;color:#e8c47f}.cvMoreFilters{display:grid;gap:13px;padding:0 0 6px}.cvMoreFiltersToggle{margin-top:8px}.cvEditorSaveGroup{align-items:center;justify-content:flex-end}.cvAutoSaveStatus{align-self:center;margin-right:3px;color:#8f8576;font-size:10px;white-space:nowrap}.cvAutoSaveStatus[data-state="saving"],.cvAutoSaveStatus[data-state="pending"]{color:#d5b77f}.cvAutoSaveStatus[data-state="saved"]{color:#7fd5a1}.cvAutoSaveStatus[data-state="error"]{color:#ff8d8d}@media(max-width:780px){.cvAutoSaveStatus{grid-column:1/-1;white-space:normal}.cvMoreFiltersToggle{margin-top:6px}}


/* CV basic filter grouping + external recruiter access */
.cvBasicFilters{display:grid;gap:13px;padding:0 0 6px}.cvBasicFiltersToggle{margin-top:0}.cvResultsToolbarActions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.cvInviteRecruiterButton{min-height:38px}.cvInviteRecruiterModal{max-width:620px}.cvInvitePassword{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.cvInvitePassword input{min-width:0}.cvInvitePasswordToggle{height:42px;min-width:64px;padding:0 12px;border:1px solid rgba(202,150,77,.3);border-radius:9px;background:#11100e;color:#e8c47f;font-size:11px;font-weight:850}.cvInvitePasswordToggle:hover{border-color:#ca964d;background:rgba(202,150,77,.08)}.cvEditorForm input[readonly],.cvEditorForm textarea[readonly],.cvEditorForm select:disabled{opacity:.88;cursor:default}.cvEditorForm button:disabled{cursor:not-allowed}
@media(max-width:780px){.cvResultsToolbar{align-items:flex-start}.cvResultsToolbarActions{gap:7px}.cvInviteRecruiterButton,.cvTopUploadButton{min-height:36px;padding-left:10px;padding-right:10px}.cvCustomDateFilter{margin:10px 0 18px}.cvInvitePassword{grid-template-columns:1fr}.cvInvitePasswordToggle{width:100%}}

.cvMatchPanel{margin:0 0 14px;padding:12px 14px;border:1px solid #ffd54a;border-radius:12px;background:rgba(255,213,74,.08)}
.cvMatchHead{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cvMatchHead b{color:#ffd54a;margin-right:4px}
.cvMatchHead .softBtn{margin-left:auto}
.cvMatchChip{display:inline-block;padding:2px 9px;margin-right:6px;border-radius:999px;background:#ffd54a;color:#111;font-weight:800;font-size:.78rem}
.cvMatchChip.none{background:#2a2a2a;color:#aaa}
.cvMatchPanel ul{margin:10px 0 0;padding-left:18px;color:#ddd;font-size:.86rem;line-height:1.55;max-height:96px;overflow:auto}
.cvMatchPanel li{margin:3px 0}
.cvMatchPanel p{margin:8px 0 0;color:#bbb;font-size:.85rem}
.cvFieldMatch{outline:2px solid #ffd54a!important;outline-offset:1px}
.cvFieldMatchWrap>span{color:#ffd54a!important}
.cvRawTextView{margin:0 14px 14px;padding:13px;max-height:420px;overflow:auto;background:#050505;color:#ccc;border:1px solid #242018;border-radius:8px;white-space:pre-wrap;font-size:.86rem;line-height:1.55}