:root{--ink:#183734;--muted:#6f817c;--green:#18715c;--line:#e2e9e5;--bg:#f3f6f3;--good:#197357;--bad:#b74943;--warning:#996518;--blue:#396da8;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.7}h1,h2,h3,p{margin:0}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:14px}small{display:block;color:var(--muted);font-size:12px}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;font-weight:600}input,select{min-width:0;width:100%;padding:11px 12px;color:var(--ink);background:white;border:1px solid #d7e1db;border-radius:8px}input:focus,select:focus{outline:2px solid #77ac9b}.hidden{display:none!important}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 6px #173a2910}.topbar{height:74px;padding:0 28px;display:flex;align-items:center;gap:26px;background:white;border-bottom:1px solid var(--line)}.topbar h1{font-size:19px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700}.topbar h1 span{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:.4px;margin-left:8px}.date-box{display:flex;align-items:center;gap:10px;padding-right:25px;border-right:1px solid var(--line)}.date-box input{border:0;padding:8px 0;width:135px;font-weight:600;background:transparent}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:22px}.topbar nav a{display:flex;align-items:center;gap:8px;font-size:13px}.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:9px}.dashboard-page{height:100vh;overflow:hidden}.shell{height:calc(100vh - 74px);padding:20px 28px 12px;display:flex;flex-direction:column;gap:16px}.candidate-band{display:grid;grid-template-columns:1.1fr 1.25fr 1fr;gap:24px;padding:13px 20px;flex-shrink:0}.candidate-band>div{display:flex;align-items:center;gap:13px;min-width:0}.candidate-band>div+div{border-left:1px solid var(--line);padding-left:24px}.candidate-band svg{color:var(--green)}.candidate-band label{width:100%;gap:2px}.candidate-band select{border:0;padding:2px 20px 2px 0;font-size:15px;font-weight:600}.field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.candidate-band strong{font-size:15px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex-shrink:0}.kpi{padding:16px 20px 0;display:flex;flex-direction:column;min-height:180px;position:relative;overflow:hidden}.kpi-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-tile{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf4ef;color:var(--green);flex-shrink:0}.kpi-value{display:block;font-size:42px;letter-spacing:-1.5px;font-weight:650;line-height:1.15;margin:7px 0;color:var(--ink)}.kpi-value small{display:inline;font-size:17px;font-weight:400;letter-spacing:0;color:var(--muted)}.kpi p{font-size:13px;color:var(--muted);margin-bottom:8px}.score-line{display:flex;align-items:center;gap:14px;flex:1}.score-line>svg{color:var(--bad)}.kpi-footer{display:flex;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 0;margin-top:auto;font-size:12px;color:var(--muted);min-height:40px}.kpi-footer svg{width:16px;height:16px}.kpi-footer strong{color:var(--ink);font-size:13px}.kpi:first-child .kpi-footer{justify-content:flex-start}.kpi.good{border-top:3px solid #8fc3aa}.kpi.bad{border-top:3px solid #dca59c}.kpi.warning{border-top:3px solid #dbc58a}.kpi.good>.kpi-value{color:var(--good)}.kpi.warning>.kpi-value{color:var(--warning)}.kpi.bad>.kpi-value{color:var(--bad)}.state-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:6px;font-size:10px;line-height:1.3;letter-spacing:.25px;font-weight:700;max-width:100%;text-align:center}.good{color:var(--good)}.bad{color:var(--bad)}.warning{color:var(--warning)}.blue{color:var(--blue)}.neutral{color:var(--muted)}.state-pill.good,.priority-icon.good{background:#e9f4ec}.state-pill.bad,.priority-icon.bad{background:#fbeeea}.state-pill.warning,.priority-icon.warning{background:#fff3de}.state-pill.blue,.priority-icon.blue{background:#ebf2fd}.state-pill.neutral{background:#f0f3f1}.alert{flex-shrink:0;display:flex;align-items:center;gap:14px;background:#fff3e9;border:1px solid #f0d9bd;border-radius:10px;padding:11px 16px;color:#8a541f;font-size:13px}.alert strong{font-size:11px;letter-spacing:.7px}.alert-action{margin-left:auto;color:#916b44;font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;flex:1;min-height:0}.table-card{display:flex;flex-direction:column;min-height:0;overflow:hidden}.section-heading{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);flex-shrink:0}.section-heading>div{display:flex;align-items:center;gap:12px;min-width:0}.section-heading p{font-size:12px;color:var(--muted);margin-top:4px}.count{font-size:11px;color:var(--muted);white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f7f9f6;color:var(--muted);font-size:11px;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid #edf0ed;font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.audit-table{table-layout:fixed;height:100%}.audit-table .col-competency{width:17%}.audit-table .col-status{width:19%}.audit-table .col-action{width:8%}.audit-table th,.audit-table td{padding:10px 12px}.audit-table td{font-size:12px;line-height:1.45}.audit-table tbody tr{height:20%}.audit-table strong{font-weight:600}.audit-table .clamp{-webkit-line-clamp:2}.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#657870}.table-card>.table-wrap{flex:1;min-height:0;overflow:hidden}.detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#eff5f0;border:0;border-radius:7px;padding:8px;color:var(--green);font-size:12px;font-weight:600}.detail-btn svg{width:16px;height:16px}.table-footer{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;padding:10px 16px;border-top:1px solid var(--line);min-height:39px}.table-footer>svg{width:15px;height:15px}.pager{display:flex;gap:8px;align-items:center;margin-left:auto}.pager button{background:transparent;border:0;color:var(--green);display:flex}.pager button:disabled{display:none}.improvement-card{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fcfdfb}.improvement-card .section-heading{justify-content:flex-start}.improvement-card h2{font-size:17px}.improvement-card .section-heading>div{display:block}.improvement-list{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 16px}.improvement-item{display:flex;align-items:flex-start;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 0;flex:1;min-height:0;width:100%;color:var(--ink)}.improvement-item>span:nth-child(2){flex:1;min-width:0}.improvement-item strong{display:block;font-size:13px;margin-bottom:4px}.improvement-item small{font-size:10px;margin-bottom:4px}.improvement-item .clamp{font-size:12px;line-height:1.45;-webkit-line-clamp:2}.improvement-item>svg{width:14px;height:14px;margin-top:4px;color:var(--muted)}.priority-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:8px}.priority-icon svg{width:17px;height:17px}.aside-footer{padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.aside-footer svg{width:16px;height:16px}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);flex-shrink:0}.page-footer span{display:flex;align-items:center;gap:6px}.page-footer svg{width:12px;height:12px}.empty{text-align:center;color:var(--muted);padding:25px!important;font-size:13px}.message{padding:12px 16px;background:#e7f4eb;color:var(--good);border-radius:8px;flex-shrink:0;font-size:13px}.message.error{background:#fbe9e6;color:var(--bad)}.error{color:var(--bad)}dialog{width:min(760px,calc(100% - 32px));max-height:85vh;border:1px solid var(--line);border-radius:20px;padding:0;box-shadow:0 24px 100px #10292045;color:var(--ink)}dialog::backdrop{background:#10282080;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:16px;top:16px}.dialog-body,#detailContent{padding:30px}.dialog-body h2,#detailContent h2{font-size:25px;margin:10px 35px 8px 0}.dialog-body label{margin:16px 0}.dialog-body>button{margin-top:18px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:700}.detail-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 15px}.detail-scores>div{background:#f2f6f2;padding:16px;border-radius:12px}.detail-scores span{display:block;font-size:11px;color:var(--muted)}.detail-scores strong{display:block;font-size:23px;margin-top:7px}.detail-block{padding:18px 0;border-bottom:1px solid var(--line)}.detail-block h3{font-weight:600;color:var(--green);margin-bottom:7px}.detail-block p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:#526860}.primary-btn,.secondary-btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;padding:11px 15px;font-weight:600;font-size:13px}.primary-btn{background:var(--green);border:1px solid var(--green);color:white}.primary-btn:hover{background:#125743}.secondary-btn{border:1px solid var(--line);background:white;color:var(--ink)}.primary-btn svg,.secondary-btn svg{width:17px;height:17px}.brand-mark{display:flex;align-items:center;gap:10px;letter-spacing:1.6px;font-size:12px;font-weight:600}.login-page{min-height:100vh;background:white}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:#193f35;padding:48px 64px;color:#eff7eb;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background-image:radial-gradient(ellipse at 0 100%,#436b4655,transparent 70%)}.login-intro h1{font-weight:450;font-size:clamp(36px,4vw,65px);line-height:1.15;letter-spacing:-2px;margin:22px 0}.login-intro p{color:#b9cec3;max-width:390px;line-height:1.8;font-size:16px}.login-intro .eyebrow{color:#b4ccaa}.security-caption{display:flex;align-items:center;gap:10px;color:#b9cec3;font-size:12px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:35px}.login-form{width:360px}.login-form>.icon-tile{width:48px;height:48px;margin-bottom:25px}.login-form h2{font-size:30px;letter-spacing:-1px}.login-form>p{color:var(--muted);margin:12px 0 30px}.login-form label{margin:20px 0}.login-form input{padding:13px}.login-form button{width:100%;justify-content:space-between;margin:20px 0 25px}.login-form>small{text-align:center}.portal-shell{max-width:1440px;margin:0 auto;padding:30px;display:flex;flex-direction:column;gap:24px}.welcome{display:flex;align-items:center;justify-content:space-between}.welcome h2{font-size:28px;margin:9px 0}.welcome p{color:var(--muted)}.padded-form{padding:22px}.form-grid,.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.file-grid{margin-top:22px}.file-zone{border:1px dashed #b6cdc0;border-radius:12px;padding:20px;background:#f8faf6;gap:9px}.file-zone>svg{color:var(--green);margin-bottom:3px}.file-zone strong{color:var(--ink)}.file-zone input{padding:8px;font-size:11px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.form-actions>span{font-size:12px;color:var(--muted)}.filters{display:flex;align-items:end;gap:14px;padding:18px}.filters label{min-width:170px}.records-card,#adminSection,#logSection{overflow:hidden}.row-actions{display:flex;align-items:center;gap:8px}.portal-page td small{margin-top:5px}.portal-page td{font-size:13px}.file-record{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.file-record strong{overflow-wrap:anywhere}.file-record small{margin-top:5px}
@media(min-width:1100px) and (max-height:800px){.topbar{height:62px}.shell{height:calc(100vh - 62px);padding:14px 22px 10px;gap:12px}.candidate-band{padding:10px 16px}.kpi{min-height:156px;padding:12px 16px 0}.kpi-value{font-size:36px}.kpi-heading .icon-tile{width:30px;height:30px}.section-heading{padding:13px 16px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px}.audit-table td,.audit-table th{padding:7px 10px}.audit-table .detail-btn span{display:none}.improvement-item{padding:12px 0}.improvement-item small{display:none}.table-footer{padding:8px 12px;font-size:10px}.alert{padding:9px 14px}}
@media(min-width:1600px){.shell{padding:24px 40px 18px;gap:20px}.topbar{padding:0 40px}.kpi{min-height:215px;padding:24px 26px 0}.kpi-value{font-size:52px}.table-card .audit-table thead th{font-size:14px}.audit-table .clamp{-webkit-line-clamp:3}.improvement-item{padding:22px 0}.improvement-item .clamp{-webkit-line-clamp:3;font-size:14px}.improvement-item strong{font-size:16px}}
@media(max-width:1099px),(max-height:650px){.dashboard-page{height:auto;overflow:auto}.shell{height:auto;min-height:calc(100vh - 74px)}.content-grid{grid-template-columns:1fr;flex:none}.table-card>.table-wrap{overflow:auto;min-height:300px}.audit-table{min-width:780px}.improvement-list{flex-direction:row;gap:20px}.improvement-item{min-height:130px}.improvement-card{min-height:230px}.page-footer{margin-top:10px}.topbar h1 span{display:none}.alert{flex-wrap:wrap}.alert-action{margin-left:0}.table-footer{min-height:40px}}
@media(max-width:700px){.topbar{height:auto;min-height:72px;padding:12px 16px;gap:10px;flex-wrap:wrap}.topbar h1{font-size:14px}.topbar nav{gap:10px}.topbar nav a{font-size:11px}.date-box{padding-right:10px;gap:4px}.date-box input{width:115px;font-size:12px}.shell{padding:14px;gap:14px}.candidate-band,.kpi-grid{grid-template-columns:1fr}.candidate-band{gap:12px}.candidate-band>div+div{border-left:0;padding:10px 0 0;border-top:1px solid var(--line)}.kpi{min-height:175px}.improvement-list{flex-direction:column}.improvement-item{min-height:100px}.section-heading{padding:14px}.section-heading .count{display:none}.table-footer{font-size:10px}.page-footer{flex-wrap:wrap;gap:8px}.login-layout{grid-template-columns:1fr}.login-intro{min-height:240px;padding:25px}.login-intro h1{font-size:35px;margin:20px 0}.login-intro p,.login-intro .security-caption,.login-intro .eyebrow{display:none}.login-form-wrap{padding:30px 25px}.portal-shell{padding:18px}.form-grid,.file-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters label{min-width:120px;flex:1}.form-actions{align-items:stretch;flex-direction:column}.row-actions{flex-wrap:wrap}.portal-page table{min-width:650px}.detail-scores{grid-template-columns:1fr}.detail-scores>div{display:flex;justify-content:space-between;align-items:center}.detail-scores strong{margin:0}.welcome h2{font-size:23px}.dialog-body,#detailContent{padding:24px}.file-record{align-items:stretch;flex-direction:column}}

/* Executive visual theme — presentation only; existing layout and events retained. */
:root {
  --navy: #17365D;
  --navy-light: #244F78;
  --green: #187A5A;
  --green-soft: #E9F5EF;
  --orange: #D89000;
  --orange-soft: #FFF4DE;
  --red: #C83B3B;
  --red-soft: #FDECEC;
  --blue-soft: #EAF2F8;
  --background: #EEF3F6;
  --surface: #FFFFFF;
  --border: #D8E1E8;
  --text: #152536;
  --muted: #667788;
  --ink: var(--text);
  --line: var(--border);
  --bg: var(--background);
  --good: var(--green);
  --bad: var(--red);
  --warning: #946100;
  --blue: #285E91;
}
body { background: var(--background); }
.card { background: var(--surface); box-shadow: 0 4px 14px rgba(23,54,93,.07); }
h2, h3 { color: var(--navy); }
.topbar { background: var(--navy); color: white; border-bottom-color: var(--navy-light); }
.topbar h1 { display: flex; align-items: center; gap: 10px; }
.topbar h1 > svg { color: #C3E8D8; width: 22px; height: 22px; }
.topbar h1 span { color: #FFFFFFB3; }
.topbar .icon-button { color: white; background: #FFFFFF12; border-color: #FFFFFF38; }
.topbar nav a { color: white; }
.topbar nav a:hover, .topbar .icon-button:hover { background: #FFFFFF20; border-radius: 8px; }
.date-box { border-right-color: #FFFFFF38; }
.date-box input { color: white; color-scheme: dark; }
.date-box > svg { color: #C3E8D8; }
.candidate-band { background: #17365D; border: 0; color: #fff; }
.candidate-band select { background: transparent; color: #fff; font-weight: 700; }
.candidate-band strong { color: #fff; font-weight: 700; }
.candidate-band > div > svg { background: #244F78; color: #fff; box-sizing: content-box; padding: 10px; border-radius: 12px; }
.icon-tile { background: var(--blue-soft); color: var(--navy); }
.kpi { border-top: 4px solid #9CB7C9; }
.kpi.good { border-top: 4px solid var(--green); }
.kpi.warning { border-top: 4px solid var(--orange); }
.kpi.bad { border-top: 4px solid var(--red); }
#cvCard.good { background: linear-gradient(120deg, white 30%, var(--green-soft)); }
#cvCard.warning { background: linear-gradient(120deg, white 45%, #FFF9EE); }
#cvCard.bad { background: linear-gradient(120deg, white 45%, #FFF5F5); }
.kpi.good .icon-tile { color: var(--green); background: var(--green-soft); }
.kpi.warning .icon-tile { color: #946100; background: var(--orange-soft); }
.kpi.bad .icon-tile { color: var(--red); background: var(--red-soft); }
#aiCard:has(#interviewNote.good) { border-top-color: var(--green); }
#aiCard:has(#interviewNote.good) .icon-tile { color: var(--green); background: var(--green-soft); }
#aiCard:has(#interviewNote.bad) { border-top-color: var(--red); }
#aiCard:has(#interviewNote.bad) .kpi-heading { background: linear-gradient(90deg, transparent, #FDECEC90); border-radius: 8px; }
.kpi-value { color: var(--navy); font-weight: 750; }
.kpi-value small { font-weight: 400; color: var(--muted); }
.kpi-label { color: var(--navy); }
.kpi-footer { border-top-color: var(--border); }
#aiCard .kpi-footer, #rrhhCard .kpi-footer { background: #F7FAFC; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
.state-pill { border-radius: 999px; padding: 6px 11px; font-weight: 700; letter-spacing: .15px; }
.state-pill.good, .priority-icon.good { background: var(--green-soft); color: #136345; }
.state-pill.bad, .priority-icon.bad { background: var(--red-soft); color: var(--red); }
.state-pill.blue, .priority-icon.blue { background: var(--blue-soft); color: var(--blue); }
.state-pill.warning, .priority-icon.warning { background: #FFF4B8; color: #C5A000; }
.state-pill.neutral { background: #EBF0F4; color: #526577; }
.table-card > .section-heading { background: var(--navy); border-color: var(--navy); color: white; min-height: 58px; padding: 10px 16px; display: flex; align-items: center; }
.table-card > .section-heading > div { width: 100%; flex: 1; min-width: 0; align-items: center; }
.table-card > .section-heading h2,
.table-card > .section-heading .review-now-title { color: white; font-size: 20px !important; font-weight: 700; letter-spacing: .3px; line-height: 1.1; white-space: nowrap; }
.review-now-heading{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap;flex:1;width:100%}
.review-now-count{display:inline-flex;align-items:baseline;gap:4px;line-height:1;white-space:nowrap}
.review-now-count strong{font-size:24px;font-weight:800;color:#ff4d4d;letter-spacing:-1px}
.review-now-count small{display:inline;font-size:15px;font-weight:600;color:#FFFFFFB3;letter-spacing:0}
.table-card > .section-heading .review-full-btn{
 background:#EAF2F8;
 color:#17365D;
 border-color:#C5D6E4;
 padding:6px 10px;
 font-size:11px;
 white-space:nowrap;
 flex-shrink:0;
 margin-left:auto;
}
.table-card > .section-heading .review-full-btn:hover{background:#DDEAF3}
.table-card > .section-heading .review-full-btn:disabled{opacity:.45}
.table-card > .section-heading .review-full-btn svg{width:16px;height:16px;color:#17365D;stroke:#17365D}
.table-card > .section-heading p, .table-card > .section-heading .count { color: #FFFFFFB3; }
.table-card > .section-heading .icon-tile { color: white; background: #FFFFFF18; }
.table-card > .section-heading .review-hand-tile,
.table-card > .section-heading .review-hand-tile svg{
 color:#F5C518;
 stroke:#F5C518;
}
.table-card > .section-heading .review-hand-tile svg{
 transform:rotate(180deg);
 width:22px;
 height:22px;
}
th { background: #F1F5F8; color: var(--navy); font-weight: 700; }
.table-card:not(.improvement-card) .audit-table th:nth-child(2),
.table-card:not(.improvement-card) .audit-table td:nth-child(2){
 text-align:center;
}
.table-card:not(.improvement-card) .audit-table td:nth-child(2) .status-tip{
 justify-content:center;
 width:100%;
}
.table-card:not(.improvement-card) .audit-table .col-status{width:32%}
.table-card:not(.improvement-card) .audit-table .col-competency{width:40%}
.table-card:not(.improvement-card) .audit-table .col-action{width:28%}
.table-card:not(.improvement-card) .audit-table th:nth-child(3),
.table-card:not(.improvement-card) .audit-table td:nth-child(3){
 text-align:center;
}
.table-card .audit-table thead th{
 color:#6B7C8C;
 background:#F1F5F8;
 font-size:14px;
 font-weight:700;
 letter-spacing:.15px;
 text-transform:none;
 padding:10px 12px;
}
.table-card .audit-table td{
 padding:10px 12px;
 vertical-align:middle;
 font-size:18px;
}
.table-card .audit-table td strong{
 font-size:18px;
}
.table-card .audit-table .state-pill{
 font-size:18px;
 padding:5px 8px;
 max-width:100%;
 white-space:normal;
 line-height:1.25;
}
.table-card .audit-table .detail-btn{
 font-size:18px;
}
.table-card .audit-table .detail-btn svg{
 width:18px;
 height:18px;
}
tbody tr:nth-child(odd) { background: white; }
tbody tr:nth-child(even) { background: #F7FAFC; }
tbody tr:hover { background: #EEF5F7; }
td { border-bottom-color: #E3EAF0; }
.audit-table strong { color: var(--navy); font-weight: 650; }
.clamp { color: #526679; }
.table-footer { background: #F1F5F8; }
.detail-btn { background: var(--blue-soft); color: var(--navy); }
.detail-btn:hover { background: #D8E7F1; }
.improvement-card { background: white; }
.improvement-card > .section-heading {
 background: #fff4b8;
 border-color: #E0B000;
 color: #7A5C00;
}
.improvement-card > .section-heading > div {
 width: 100%;
 flex: 1;
 min-width: 0;
 display: flex !important;
 flex-direction: row;
 align-items: center;
 gap: 12px;
}
.improvement-card > .section-heading .icon-tile{
 color:#7A5C00;
 background:#FFFFFFAA;
 flex-shrink:0;
}
.improvement-card > .section-heading h2,
.improvement-card > .section-heading .improve-now-title{
 color:#7A5C00;
}
.improvement-card .review-now-count small{color:#8A6A10}
.improvement-card .review-full-btn{
 background:#fff;
 color:#7A5C00;
 border-color:#D4AF37;
}
.improvement-card .review-full-btn svg{color:#7A5C00;stroke:#7A5C00}
.improve-now-title{
 font-size:16px!important;
 letter-spacing:.25px;
 line-height:1.15;
 white-space:nowrap;
 max-width:none;
 text-transform:uppercase;
}
.improve-now-heading{align-items:center;gap:12px;flex-wrap:nowrap}
.improvement-card .review-full-btn{
 font-size:11px;
 padding:6px 10px;
 max-width:none;
 white-space:nowrap;
 line-height:1.2;
 text-align:center;
 height:auto;
 flex-shrink:0;
}
.improve-now-table{table-layout:fixed;width:100%}
.improve-now-table .col-improve-comp{width:20%}
.improve-now-table .col-improve-status{width:22%}
.improve-now-table .col-improve-action{width:44%}
.improve-now-table .col-improve-detail{width:14%}
.improve-now-table th:nth-child(2),
.improve-now-table td:nth-child(2),
.improve-now-table th:nth-child(4),
.improve-now-table td:nth-child(4){text-align:center}
.improve-now-table tbody tr{height:auto}
.improve-now-table td{
 padding:14px 12px;
 vertical-align:top;
}
.improve-now-table td:first-child strong{
 font-size:18px;
 line-height:1.35;
 display:block;
}
.improve-now-table .improve-action-cell{
 font-size:18px;
 line-height:1.5;
 color:#3d4f5c;
 font-weight:500;
 display:block;
 overflow-wrap:anywhere;
 word-break:break-word;
}
.table-card .audit-table thead th,
.improvement-card .audit-table thead th{
 color:#6B7C8C;
 background:#F1F5F8;
 font-size:14px;
 font-weight:700;
 letter-spacing:.15px;
 text-transform:none;
}
.aside-footer { background: #EAF2F880; border-top: 1px solid var(--border); }
.alert { background: #FFF3E0; border-color: #ff9900; color: #ff9900; font-size: 15px; }
.alert strong { font-size: 14px; letter-spacing: .5px; color: #ff9900; }
.alert svg { color: #ff9900; stroke: #ff9900; width: 36px; height: 36px; flex-shrink: 0; stroke-width: 2.2; }
.alert-action { color: #ff9900; font-size: 14px; }
.primary-btn { background: var(--green); border-color: var(--green); }
.secondary-btn { background: var(--blue-soft); color: var(--navy); border-color: #CCDCE8; }
.secondary-btn:hover { background: #DDEAF3; }
.danger-btn { background: var(--red-soft); color: var(--red); border: 1px solid #F1CACA; }
/* The active-user row already exposes its state; no event or template changes needed. */
#userRows tr:has(.state-pill.good) [data-user] { background: var(--red-soft); color: var(--red); border-color: #F1CACA; }
input, select { border-color: #CCD9E3; }
input:focus, select:focus { outline-color: #719AAE; }
button:focus-visible, a:focus-visible { outline: 2px solid #3D789F; }
.topbar button:focus-visible, .topbar a:focus-visible { outline-color: #C3E8D8; }
.detail-scores > div { background: var(--blue-soft); }
.detail-block h3 { color: var(--navy); }
.detail-block p { color: #526679; }
.portal-page { height: auto; overflow: auto; }
.welcome { padding: 26px 30px; background: linear-gradient(110deg, #DCE8F2, #EDF4F8 70%, #E5F1EF); border: 1px solid #C9DAE6; border-left: 5px solid var(--navy); border-radius: 14px; }
.welcome h2 { font-size: 32px; color: var(--navy); letter-spacing: -.9px; }
.welcome .eyebrow { color: var(--navy-light); }
.portal-nav { display: flex; flex-wrap: wrap; gap: 8px; padding: 7px; border: 1px solid var(--border); border-radius: 12px; background: #E3ECF3; }
.portal-nav a { display: flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: 8px; color: var(--navy); font-weight: 650; font-size: 13px; }
.portal-nav a[href="#evaluations"] { background: var(--navy); color: white; }
.portal-nav a:hover { background: var(--navy-light); color: white; }
.portal-page:has(#adminSection.hidden) .admin-nav-link { display: none; }
.portal-shell > section { scroll-margin-top: 18px; }
.upload-card { overflow: hidden; }
.upload-card > .section-heading { background: #E9F5EF; border-bottom-color: #D1E6DB; }
.upload-card > .section-heading .icon-tile { background: #D4EBDC; color: var(--green); }
.records-card > .section-heading { background: #EAF2F8; }
#adminSection > .section-heading { background: #EDF0F8; }
#adminSection > .section-heading .icon-tile { background: #DDE4F2; }
#logSection > .section-heading { background: #FFF4DE; }
#logSection > .section-heading .icon-tile { background: #F4E5BF; color: #875800; }
.filters { background: #F7FAFC; border-bottom: 1px solid var(--border); }
.human-status{display:block;font-weight:650;color:var(--navy,#17365d)}
.status-tip{display:inline-flex;align-items:center;margin:0;padding:0;border:0;background:transparent;cursor:help}
.status-tip .state-pill{text-decoration:underline dotted;text-underline-offset:3px}
.status-tip:focus-visible{outline:2px solid #77ac9b;outline-offset:3px;border-radius:999px}
.status-tip-layer{position:fixed;z-index:80;width:min(280px,calc(100vw - 24px));padding:10px 12px;border-radius:10px;background:#17365d;color:#f4f8fc;box-shadow:0 12px 32px #10202855;font-size:12px;line-height:1.45;pointer-events:none}
.status-tip-layer p{margin:0;color:#f4f8fc}
#improvementDialog{width:min(1560px,99vw);max-height:96vh;overflow:auto}
#improvementDialog .dialog-body{max-height:calc(96vh - 8px);overflow:auto;padding:28px 30px 32px}
#improvementDialog .eyebrow{display:block;margin-bottom:6px;color:#8a9aab;font-size:11px;letter-spacing:1.4px;font-weight:700}
#improvementDialog #improvementTitle{color:var(--navy,#17365D);font-size:28px;letter-spacing:-.6px;margin:0 36px 16px 0}
.improve-table{table-layout:fixed;width:100%}
.improve-table th,.improve-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.improve-table th{background:#17365d;color:#fff;font-size:11px;letter-spacing:.35px;text-transform:uppercase;padding:12px 14px;border:0}
.improve-table td{font-size:13px;line-height:1.55;padding:14px 12px;color:#3d4f5c}
.improve-table td:first-child{width:16%;white-space:normal}
.improve-table tbody tr{height:auto}
.improve-table tbody tr:nth-child(even){background:#FBFCFD}
.improve-footer{flex-direction:column;align-items:stretch;gap:10px}
.improve-footer .audit-full-btn{width:100%;justify-content:center;white-space:normal;text-align:center;line-height:1.3}
.improve-footer>span{display:flex;align-items:center;gap:8px}
html[data-theme=dark] .improve-table th{background:#14181c;color:var(--text)}
#detailDialog{max-height:96vh;overflow:auto;width:min(1480px,99vw)}
#detailContent{padding:0}
#detailDialog .detail-block:last-child{border-bottom:0}
.detail-audit-body{padding:28px 34px 36px;max-height:calc(96vh - 8px);overflow:auto}
.detail-audit-body .eyebrow{display:block;margin-bottom:6px;color:#8a9aab;font-size:11px;letter-spacing:1.4px;font-weight:700}
.detail-audit-body #detailTitle{color:var(--navy,#17365D);font-size:28px;letter-spacing:-.6px;margin:0 36px 6px 0}
.detail-audit-body .detail-evaluator{color:var(--navy,#17365D);font-size:15px;margin:0 0 18px}
.detail-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 18px}
.detail-status-row .human-status{margin:0;color:var(--navy,#17365D);font-weight:650}
.detail-audit-table{width:100%;margin-top:4px}
.detail-audit-table th{background:#17365d;color:#fff;font-size:11px;letter-spacing:.35px;text-transform:uppercase;padding:12px 14px}
.detail-audit-table td{font-size:13px;line-height:1.55;padding:14px;color:#3d4f5c;vertical-align:top;overflow-wrap:anywhere}
.detail-audit-table td:first-child{width:22%;color:var(--navy,#17365D);font-weight:650;background:#F7FAFC}
.detail-audit-table tbody tr{height:auto}
.detail-audit-table tbody tr:nth-child(even) td:last-child{background:#FBFCFD}
.detail-audit-table tr.detail-gap-row td{
 background:#FDECEC;
}
.detail-audit-table tr.detail-gap-row td:first-child{
 color:var(--red,#C83B3B);
 background:#F8DADA;
}
.detail-audit-table .detail-gap-text{
 color:var(--red,#C83B3B);
 font-weight:600;
 white-space:pre-wrap;
 line-height:1.55;
}
.detail-scores .gap-alert{color:var(--red,#C83B3B)}
.code-pill{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:999px;font-size:10px;letter-spacing:.3px}
.next-step,.happened{display:block;margin-top:4px;color:#526679;font-size:12px;line-height:1.4}
.next-step{font-weight:600;color:var(--navy,#17365d)}
.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.audit-full-btn{display:inline-flex;align-items:center;gap:6px}
#fullAuditDialog,#cvFitDialog{width:min(1280px,99vw);max-height:96vh;padding:0}
#cvFitDialog{width:min(1600px,99vw);overflow:auto}
#cvFitDialog .dialog-body,#fullAuditDialog .dialog-body{padding:22px 24px 20px}
#cvFitDialog .dialog-body{max-height:calc(88vh - 8px);overflow:auto}
#cvFitDialog .table-wrap{margin-top:12px;overflow:visible}
#cvFitDialog .cv-evidence{display:block;overflow:visible;-webkit-line-clamp:unset;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;color:#526679}
html[data-theme=dark] #cvFitDialog .cv-evidence{color:#8f9b96}
#openCvFit{padding:7px 10px;font-size:12px;margin-left:auto;align-self:center;flex-shrink:0}
#fullAuditDialog .dialog-body{padding:22px 24px 20px}
#fullAuditDialog .table-wrap{margin-top:12px}
html[data-theme=dark] .human-status,html[data-theme=dark] .next-step{color:var(--text,#e8f4ee)}
html[data-theme=dark] .status-tip-layer{background:#0f1c28;color:#e8f4ee;box-shadow:0 12px 32px #0008;border:1px solid #2a3330}
html[data-theme=dark] .status-tip-layer p{color:#e8f4ee}
.pager-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--border,#e2e9e5);background:#F7FAFC}
.pager-bar .page-size{flex-direction:row;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;color:var(--muted)}
.pager-bar .page-size select{width:auto;min-width:68px;padding:6px 8px}
.pager-bar .pager{display:flex;align-items:center;gap:6px}
.pager-bar .pager button{width:34px;height:34px;padding:0;border:1px solid #d7e1db;border-radius:8px;background:white;display:grid;place-items:center}
html[data-theme=dark] .pager-bar{background:#14181c;border-top-color:#2a3330}
html[data-theme=dark] .pager-bar .pager button{background:#1b2126;border-color:#2a3330;color:var(--green)}
.upload-guide { list-style: none; margin: 0; padding: 16px 22px; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; background: #F3F8F6; border-bottom: 1px solid #E0EBE5; }
.upload-guide li { display: flex; gap: 10px; align-items: center; font-size: 12px; color: #4D655C; }
.upload-guide svg { color: var(--green); width: 18px; height: 18px; }
.upload-guide b { color: var(--green); margin-right: 5px; }
.file-zone { position: relative; background: #F7FAFC; border: 1px dashed #9CB7C9; }
.file-zone:hover, .file-zone:focus-within { background: #EEF6F4; border-color: var(--green); }
.file-zone > svg { position: absolute; top: 22px; right: 20px; color: #597F95; width: 24px; height: 24px; }
.file-zone strong { display: flex; align-items: center; gap: 10px; padding-right: 28px; color: var(--navy); }
.step-badge { width: 32px; height: 32px; display: inline-grid; place-items: center; flex-shrink: 0; background: var(--blue-soft); border: 1px solid #CDDEE9; border-radius: 50%; font-size: 12px; color: var(--navy); }
.file-zone input { background: white; }
.file-zone input::file-selector-button { background: var(--blue-soft); color: var(--navy); border: 0; border-radius: 5px; padding: 7px 10px; margin-right: 10px; font-weight: 600; cursor: pointer; }
#uploadForm .form-actions .primary-btn { min-height: 48px; padding: 13px 24px; font-size: 14px; }
#uploadForm .form-actions .primary-btn svg { width: 21px; height: 21px; }
.login-page { background: var(--background); }
.login-intro { background: linear-gradient(135deg, var(--navy), var(--navy-light)); }
.login-intro p, .login-intro .security-caption { color: #CFDDE7; }
.login-form { background: white; padding: 32px; border: 1px solid var(--border); border-radius: 18px; width: 424px; box-shadow: 0 4px 14px rgba(23,54,93,.07); }
@media(min-width:1100px) and (max-height:800px) {
  #aiCard .kpi-footer, #rrhhCard .kpi-footer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
  .improvement-list { gap: 8px; padding: 10px; }
  .improvement-item { padding: 10px 8px; gap: 8px; }
  .improvement-item small { font-size: 10px; margin-bottom: 3px; }
  .improvement-item .clamp { font-size: 11px; line-height: 1.4; }
  .audit-table .state-pill { padding: 5px 9px; }
}
@media(min-width:1600px) {
  #aiCard .kpi-footer, #rrhhCard .kpi-footer { margin-left: -26px; margin-right: -26px; padding-left: 26px; padding-right: 26px; }
  .improvement-item { padding: 20px 14px; }
  .improvement-item strong { font-size: 13px; }
  .improvement-list { gap: 14px; padding: 16px; }
}
@media(max-width:1099px),(max-height:650px) {
  .improvement-item { flex: 0 0 auto; }
}
@media(max-width:700px) {
  .topbar h1 { gap: 6px; }
  .topbar h1 > svg { width: 17px; height: 17px; }
  .welcome { padding: 20px; align-items: flex-start; gap: 12px; flex-direction: column; }
  .welcome h2 { font-size: 26px; }
  .portal-nav { gap: 4px; }
  .portal-nav a { padding: 10px 12px; font-size: 12px; }
  .upload-guide { grid-template-columns: 1fr; gap: 12px; }
  .file-zone strong { min-height: 34px; }
  .improvement-item { flex: auto; }
  .login-form { padding: 24px; }
}

/* Unified blue card ribbons and compact calendar. */
.kpi.card, #aiCard:has(#interviewNote.good), #aiCard:has(#interviewNote.bad) { border-top: 3px solid var(--navy); }
.kpi-heading { background: var(--blue-soft); margin: -16px -20px 8px; padding: 12px 20px; min-height: 72px; border-bottom: 1px solid var(--border); }
.kpi-heading > div { min-width: 0; }
.kpi-section-title { display: block; color: #17365D; font-size: 22px; font-weight: 700; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpi-heading .kpi-label { display: block; color: var(--muted); text-transform: none; letter-spacing: 0; font-size: 18px; font-weight: 400; margin-top: 4px; line-height: 1.2; }
.kpi-heading .icon-tile, #aiCard:has(#interviewNote.good) .icon-tile { background: #DCE9F3; color: var(--navy); }
#aiCard .kpi-heading .icon-tile svg { transform: rotate(90deg); }
#aiAlertIcon,.ai-alert-trigger{
 width:48px;height:48px;padding:0;margin:0;border:0;background:transparent;
 color:var(--orange,#D89000);flex-shrink:0;align-self:center;cursor:pointer;
 display:inline-grid;place-items:center;border-radius:10px;
}
#aiAlertIcon svg,.ai-alert-trigger svg{
 width:48px;height:48px;color:var(--orange,#D89000);stroke:var(--orange,#D89000);stroke-width:2;
}
#aiAlertIcon:hover,.ai-alert-trigger:hover{background:#FFF3E0}
#aiAlertIcon:focus-visible,.ai-alert-trigger:focus-visible{outline:2px solid #ff9900;outline-offset:2px}
#alertDialog{width:min(720px,94vw);max-height:90vh;overflow:auto;border:2px solid #ff9900;border-radius:16px;padding:0}
#alertDialog .alert-dialog-body{
 display:flex;flex-direction:column;align-items:center;text-align:center;
 gap:12px;padding:36px 32px 40px;background:#FFF8EE;
}
#alertDialog .alert-dialog-icon{
 width:72px;height:72px;color:#ff9900;stroke:#ff9900;stroke-width:2.2;margin-bottom:4px;
}
#alertDialog .eyebrow{color:#ff9900;font-size:12px;letter-spacing:1.6px;font-weight:700}
#alertDialog #alertDialogTitle{
 color:#ff9900;font-size:clamp(26px,4vw,36px);letter-spacing:-.4px;margin:0;font-weight:800;
}
#alertDialog .alert-dialog-text{
 margin:8px 0 0;font-size:clamp(18px,2.4vw,22px);line-height:1.45;color:#b35c00;font-weight:600;max-width:34em;
}
#alertDialog .alert-dialog-action{
 margin:12px 0 0;font-size:16px;font-weight:700;color:#ff9900;
}
#rrhhCard .score-line{align-items:flex-start;gap:10px 14px}
#rrhhCard .rrhh-status-col,#rrhhCard .rrhh-score-col{display:flex;flex-direction:column;gap:6px;min-width:0}
#rrhhCard .rrhh-score-col{align-items:flex-start;margin-left:0}
#rrhhCard .dispersion-label{display:block;font-size:18px;font-weight:650;color:var(--muted);line-height:1.2}
#rrhhCard .dispersion-pts{display:block;font-size:22px;font-weight:700;color:var(--navy,#17365D);line-height:1.15}
#aiCard:has(#interviewNote.bad) .kpi-heading { background: var(--blue-soft); border-radius: 0; }
.date-box { position: relative; }
.calendar-toggle { display: flex; align-items: center; gap: 10px; border: 0; background: transparent; color: white; font-weight: 650; padding: 8px 0; }
.calendar-toggle svg { width: 14px; }
.calendar-panel { position: absolute; top: calc(100% + 14px); left: 0; width: 282px; padding: 14px; background: #F3F5F6; border: 1px solid white; border-radius: 16px; box-shadow: 0 12px 32px #17365D30; z-index: 50; color: var(--text); }
.calendar-nav { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; }
.calendar-nav button { background: white; border: 0; border-radius: 50%; width: 28px; height: 28px; font-size: 22px; flex-shrink: 0; color: var(--navy); }
.calendar-nav select, .calendar-nav input { color-scheme: light; color: var(--text); width: auto; min-width: 0; background: white; border: 0; padding: 6px; border-radius: 7px; font-size: 12px; }
.calendar-nav select { flex: 1; }
.calendar-nav input { width: 66px; }
.calendar-week, .calendar-days { display: grid; grid-template-columns: repeat(7,1fr); gap: 5px; }
.calendar-week { margin-bottom: 8px; font-size: 11px; text-align: center; color: #5A6B78; }
.calendar-days button { height: 30px; border: 0; border-radius: 6px; background: white; color: var(--text); box-shadow: 0 2px 4px #17365D0C; font-size: 12px; }
.calendar-days button.outside { color: #97A2AD; background: transparent; box-shadow: none; }
.calendar-days button.has-data { background: #D4F3E4; color: #136345; font-weight: 700; box-shadow: inset 0 0 0 1px #8fc3aa; }
.calendar-days button.has-data.outside { background: #E8F6EF; color: #5a8f78; box-shadow: none; }
.calendar-days button:hover { background: #DCE9F8; }
.calendar-days button.has-data:hover { background: #BFEAD4; }
.calendar-days button.selected { background: #155BEF; color: white; font-weight: 700; }
.calendar-days button.selected.has-data { background: #155BEF; color: white; box-shadow: none; }
#calendarToday { margin-top: 12px; padding: 6px 12px; border: 0; border-radius: 7px; color: var(--navy); background: #E2EAF3; font-size: 12px; }
.score-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.score-line .kpi-status{display:block;font-size:clamp(22px,2.3vw,34px);font-weight:750;letter-spacing:-.8px;line-height:1.05;margin:4px 0;padding:0;border-radius:0;background:transparent;max-width:none}
.score-line .kpi-status.good{color:var(--good)}
.score-line .kpi-status.warning{color:var(--warning)}
.score-line .kpi-status.bad{color:var(--bad)}
.score-line .kpi-status.neutral{color:var(--muted)}
.score-line .kpi-value{font-size:28px;font-weight:650;letter-spacing:-.4px;line-height:1.15;margin:0;color:var(--muted)}
.score-line .kpi-value small{font-size:13px}
@media(min-width:1100px) and (max-height:800px) {
 .kpi-heading { margin: -12px -16px 6px; padding: 10px 16px; min-height: 68px; }
 .kpi-section-title { font-size: 22px; }
 .kpi-heading .kpi-label { font-size: 18px; }
 .kpi-value { margin: 4px 0; }
 .score-line .kpi-status{font-size:26px}
 .score-line .kpi-value{font-size:28px;margin:0}
}
@media(min-width:1600px){
 .score-line .kpi-status{font-size:36px}
 .score-line .kpi-value{font-size:28px}
}
@media(min-width:1600px) { .kpi-heading { margin: -24px -26px 8px; padding: 16px 26px; } }
@media(min-width:1100px) and (max-height:800px) {
 .audit-table td { padding-top: 4px; padding-bottom: 4px; }
 .audit-table .detail-btn { padding: 5px; }
 .audit-table tbody tr { height: auto; }
 .audit-table .state-pill { padding-top: 4px; padding-bottom: 4px; }
}
.audit-table tbody tr { height: auto; }
@media(min-width:1100px) and (max-width:1599px) {
 .audit-table td { padding-top: 4px; padding-bottom: 4px; }
 .audit-table .detail-btn { padding: 5px; }
}
/* Fourth document: optional AI evaluation. */
.file-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.ai-file-zone { border-style: solid; background: #EDF3FA; }
.attach-ai-form { margin-top: 22px; padding: 20px; border: 1px dashed #9CB7C9; border-radius: 12px; background: #F7FAFC; }
.attach-ai-form button { margin-top: 14px; }
.attach-ai-form > small, .attach-ai-form > p { margin-top: 10px; }
@media(min-width:701px) and (max-width:1200px) { .file-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .file-grid { grid-template-columns: 1fr; } }

/* Login: full-stage dark scene inspired by immersive creative-tech portfolios. */
.login-page{min-height:100vh;background:#05070b;color:#edf3ef;overflow:hidden;position:relative}
.login-page #loginScene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}
.login-page .login-grain,.login-page .login-vignette{position:fixed;inset:0;pointer-events:none;z-index:1}
.login-page .login-grain{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.login-page .login-vignette{background:radial-gradient(ellipse at center,transparent 30%,#05070bdd 82%)}
.login-page .login-watermark{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);margin:0;z-index:1;pointer-events:none;font-family:Georgia,'Iowan Old Style',serif;font-size:clamp(72px,18vw,220px);letter-spacing:-.06em;color:#ffffff0d;white-space:nowrap}
.login-page .login-meta{position:fixed;z-index:3;left:28px;right:28px;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#c5d2cc}
.login-page .login-meta.login-footer{bottom:22px;align-items:center}
.login-page header.login-meta{top:22px;align-items:center}
.login-page .login-meta .brand-mark{color:#e8f4ee;letter-spacing:.18em}
.login-page .login-layout{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:110px 72px 90px;gap:48px}
.login-page .login-intro{background:none;padding:0;min-height:0;color:#f4faf6}
.login-page .login-intro h1{font-family:Georgia,'Iowan Old Style',serif;font-weight:400;font-size:clamp(40px,5.4vw,78px);line-height:.95;letter-spacing:-.045em;margin:18px 0 22px;color:#f7fbf8}
.login-page .login-intro p{color:#c4d4cc;max-width:420px;line-height:1.75;font-size:16px}
.login-page .login-intro .eyebrow{color:#9fd4c0}
.login-page .login-form-wrap{display:flex;justify-content:flex-end;padding:0}
.login-page .login-form{width:min(420px,100%);padding:36px 34px;border:1px solid #ffffff24;border-radius:22px;background:#0c1118d4;backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000066}
.login-page .login-form>.icon-tile{width:44px;height:44px;margin-bottom:22px;background:#16352e;color:#9fe0c8}
.login-page .login-form h2{font-family:Georgia,'Iowan Old Style',serif;font-size:34px;letter-spacing:-.03em;color:#f4faf6}
.login-page .login-form>p{color:#b7c7c0;margin:10px 0 8px}
.login-page .login-form label{margin:18px 0;color:#cfe0d8}
.login-page .login-form input{padding:13px 14px;color:#f4faf6;background:#081018;border:1px solid #2a3b3a;border-radius:10px}
.login-page .login-form input:focus{outline:2px solid #7dbea8;outline-offset:1px}
.login-page .login-form input::placeholder{color:#6f817c}
.login-page .password-field{position:relative;display:flex;align-items:center}
.login-page .password-field input{padding-right:48px}
.login-page .password-toggle{position:absolute;right:8px;top:0;bottom:0;width:36px;height:auto;margin:auto 0;display:grid;place-items:center;border:0;background:transparent;color:#c5d2cc;border-radius:8px;padding:0;line-height:0;transform:none}
.login-page .password-toggle:hover,.login-page .password-toggle[aria-pressed=true]{color:#9fe0c8;background:#ffffff12}
.login-page .password-toggle svg{width:18px;height:18px}
.login-page .login-form .primary-btn{width:100%;justify-content:space-between;margin:18px 0 18px;background:#e8f4ee;color:#10241e;border-color:#e8f4ee}
.login-page .login-form .primary-btn:hover{background:#fff}
.login-page .login-form>small{text-align:center;color:#8fa39b}
.login-page .message{background:#16352e;color:#9fe0c8}
.login-page .message.error{background:#3a1816;color:#f0b2ac}
@media(max-width:900px){
 .login-page{overflow:auto}
 .login-page .login-layout{grid-template-columns:1fr;padding:100px 22px 110px;gap:28px}
 .login-page .login-intro h1{font-size:42px}
 .login-page .login-intro p,.login-page .login-intro .eyebrow{display:block}
 .login-page .login-form-wrap{justify-content:center}
 .login-page .login-form{width:100%}
 .login-page .login-meta{left:16px;right:16px}
 .login-page .login-watermark{font-size:90px}
}

/* AIZ-like visual skin: colors and icon tone only. Layout and content stay the same. */
html[data-theme=dark]{
 --navy:#f4f7f5;
 --navy-light:#a8b3ae;
 --green:#2ee59d;
 --green-soft:#16382c;
 --orange:#f0a14a;
 --orange-soft:#3a2a16;
 --red:#ff6b6b;
 --red-soft:#3a1c1c;
 --blue-soft:#1b2430;
 --background:#101214;
 --surface:#181b1f;
 --border:#2a3036;
 --text:#f4f7f5;
 --muted:#93a09a;
 --ink:#f4f7f5;
 --line:#2a3036;
 --bg:#101214;
 --good:#2ee59d;
 --bad:#ff6b6b;
 --warning:#f0a14a;
 --blue:#5aa8ff;
 svg{stroke-width:1.55}
 body{background:var(--background);color:var(--text)}
 small,label,.clamp{color:var(--muted)}
 h2,h3{color:var(--text)}
 .card{background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #00000040;border-radius:18px}
 .topbar{background:#14171b;color:var(--text);border-bottom:1px solid var(--border)}
 .topbar h1>svg,.date-box>svg{color:var(--green)}
 .topbar h1 span{color:#8f9b96}
 .topbar nav a{color:#d7e0db}
 .topbar .icon-button{background:#22272c;border-color:var(--border);color:var(--text)}
 .topbar nav a:hover,.topbar .icon-button:hover{background:#2a3330}
 .date-box{border-right-color:var(--border)}
 .date-box input,.calendar-toggle{color:var(--text)}
 input,select{color:var(--text);background:#121518;border-color:#32393f}
 input:focus,select:focus{outline-color:var(--green)}
 .icon-button{background:#22272c;border-color:var(--border);color:var(--text)}
 .candidate-band{background:#17365D;border:0;color:#fff}
 .candidate-band select,.candidate-band strong{color:#fff;background:transparent}
 .candidate-band>div>svg{background:#244F78;color:#fff}
 .icon-tile{background:#16382c;color:var(--green)}
 .kpi{border-top:3px solid #2a3036}
 .kpi.good{border-top-color:var(--green)}
 .kpi.warning{border-top-color:var(--warning)}
 .kpi.bad{border-top-color:var(--red)}
 .kpi.card,#aiCard:has(#interviewNote.good),#aiCard:has(#interviewNote.bad){border-top-color:#2a3036}
 #cvCard.good,#cvCard.warning,#cvCard.bad{background:var(--surface)}
 .kpi-heading{background:#DCE9F3;border-bottom-color:#c5d6e4}
 .kpi-value{color:var(--text)}
 .kpi-section-title{color:#17365D}
 .kpi-heading .kpi-label{color:var(--muted)}
 .kpi-value small,.kpi p,.kpi-footer{color:var(--muted)}
 .score-line .kpi-status{background:transparent}
 .score-line .kpi-status.good{color:var(--green)}
 .score-line .kpi-status.warning{color:#f0a14a}
 .score-line .kpi-status.bad{color:#ff8a8a}
 .score-line .kpi-status.neutral{color:var(--muted)}
 .score-line .kpi-value{color:var(--muted)}
 #rrhhCard .dispersion-label{color:var(--muted)}
 #rrhhCard .dispersion-pts{color:var(--text)}
 .kpi-footer{border-top-color:var(--border);background:transparent}
 #aiCard .kpi-footer,#rrhhCard .kpi-footer{background:#14181c}
 .kpi-heading .icon-tile,#aiCard:has(#interviewNote.good) .icon-tile,#aiCard:has(#interviewNote.bad) .kpi-heading{background:#16382c;color:var(--green)}
 #aiCard:has(#interviewNote.bad) .kpi-heading{background:#14181c}
 .state-pill{border-radius:999px}
 .state-pill.good,.priority-icon.good{background:#16382c;color:var(--green)}
 .state-pill.bad,.priority-icon.bad{background:#3a1c1c;color:#ff8a8a}
 .state-pill.warning,.priority-icon.warning{background:#3a3416;color:#E8C547}
 .state-pill.blue,.priority-icon.blue{background:#173044;color:#5aa8ff}
 .state-pill.neutral{background:#22272c;color:#8f9b96}
 .good{color:var(--green)}.bad{color:#ff8a8a}.warning{color:#f0a14a}.blue{color:#5aa8ff}.neutral{color:var(--muted)}
 .alert{background:#3a2410;border-color:#ff9900;color:#ff9900}
 .alert strong,.alert svg,.alert-action{color:#ff9900;stroke:#ff9900}
 .alert-action{color:#ff9900}
 .table-card>.section-heading,.improvement-card>.section-heading{background:#14181c;border-color:var(--border);color:var(--text)}
 .improvement-card>.section-heading{background:#F5C518;border-color:#E0B000;color:#7A5C00}
 .table-card>.section-heading h2,.improvement-card h2,.improvement-card .review-now-title{color:var(--text)}
 .improvement-card>.section-heading h2,
 .improvement-card>.section-heading .improve-now-title{color:#7A5C00}
 .table-card>.section-heading p,.table-card>.section-heading .count,.improvement-card .section-heading p{color:#8f9b96}
 .improvement-card>.section-heading .icon-tile{background:#FFFFFFAA;color:#7A5C00}
 .table-card .audit-table thead th,.improvement-card .audit-table thead th{background:#1a1f24;color:#8f9b96}
 .table-card>.section-heading .icon-tile{background:#16382c;color:var(--green)}
 .table-card>.section-heading .review-hand-tile,
 .table-card>.section-heading .review-hand-tile svg{color:#F5C518;stroke:#F5C518}
 .table-card>.section-heading .review-full-btn{background:#EAF2F8;color:#17365D;border-color:#C5D6E4}
 .table-card>.section-heading .review-full-btn svg{color:#17365D;stroke:#17365D}
 th{background:#14181c;color:#8f9b96;border-bottom-color:var(--border)}
 .table-card .audit-table thead th{background:#1a1f24;color:#8f9b96}
 td{border-bottom-color:#23282d;color:var(--text)}
 tbody tr:nth-child(odd),tbody tr:nth-child(even){background:transparent}
 .clamp{color:#8f9b96}
 .detail-btn{background:#16382c;color:var(--green)}
 .table-footer,.aside-footer{border-top-color:var(--border);color:#8f9b96;background:#14181c}
 .pager button{color:var(--green)}
 .improvement-card{background:var(--surface)}
 .improvement-item{color:var(--text);border-bottom-color:var(--border)}
 .improvement-item:hover{background:#1f2428;box-shadow:none}
 .improvement-item small{color:#8f9b96}
 .page-footer{color:#8f9b96}
 .empty{color:#8f9b96}
 .message{background:#16382c;color:var(--green)}
 .message.error{background:#3a1c1c;color:#ff8a8a}
 .primary-btn{background:var(--green);border-color:var(--green);color:#10241c;border-radius:999px}
 .primary-btn:hover{background:#54eeb0}
 .secondary-btn{background:#22272c;color:var(--text);border-color:var(--border);border-radius:999px}
 .secondary-btn:hover{background:#2c3338}
 .danger-btn,#userRows tr:has(.state-pill.good) [data-user]{background:#3a1c1c;color:#ff8a8a;border-color:#5a2a2a}
 dialog{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 24px 80px #00000080}
 dialog::backdrop{background:#05070bcc}
 .detail-scores>div{background:#14181c}
 .detail-block{border-bottom-color:var(--border)}
 .detail-block h3{color:var(--green)}
 .detail-block p{color:#b7c2bc}
 .welcome{background:#181b1f;border:1px solid var(--border);border-left:5px solid var(--green)}
 .welcome h2,.welcome .eyebrow{color:var(--text)}
 .portal-nav{background:#14181c;border-color:var(--border)}
 .portal-nav a{color:#d7e0db}
 .portal-nav a[href="#evaluations"]{background:var(--green);color:#10241c}
 .portal-nav a:hover{background:#2a3330;color:var(--text)}
 .upload-card>.section-heading,.records-card>.section-heading,#adminSection>.section-heading,#logSection>.section-heading{background:#14181c;border-bottom-color:var(--border)}
 .upload-card>.section-heading .icon-tile,#adminSection>.section-heading .icon-tile,#logSection>.section-heading .icon-tile{background:#16382c;color:var(--green)}
 .filters{background:#14181c;border-bottom-color:var(--border)}
 .upload-guide{background:#14181c;border-bottom-color:var(--border)}
 .upload-guide li{color:#8f9b96}
 .upload-guide svg,.upload-guide b,.file-zone>svg{color:var(--green)}
 .file-zone{background:#14181c;border-color:#3a4440}
 .file-zone:hover,.file-zone:focus-within{background:#16382c;border-color:var(--green)}
 .file-zone strong{color:var(--text)}
 .step-badge{background:#16382c;border-color:#2a4a3d;color:var(--green)}
 .file-zone input{background:#121518}
 .file-zone input::file-selector-button{background:#16382c;color:var(--green)}
 .ai-file-zone{background:#141c22}
 .attach-ai-form{background:#14181c;border-color:#3a4440}
 .calendar-panel{background:#181b1f;border-color:var(--border);color:var(--text);box-shadow:0 16px 40px #00000070}
 .calendar-nav button,.calendar-nav select,.calendar-nav input,.calendar-days button{background:#22272c;color:var(--text)}
 .calendar-week,.calendar-days button.outside{color:#6d7873}
 .calendar-days button.has-data{background:#16382c;color:var(--green);box-shadow:inset 0 0 0 1px #2a5a45}
 .calendar-days button.has-data.outside{background:#13241c;color:#6aa88a}
 .calendar-days button:hover{background:#16382c}
 .calendar-days button.has-data:hover{background:#1c4a38}
 .calendar-days button.selected{background:var(--green);color:#10241c}
 .calendar-days button.selected.has-data{background:var(--green);color:#10241c}
 #calendarToday{background:#22272c;color:var(--text)}
 .login-page .login-intro .eyebrow,.login-page .login-form>.icon-tile{color:var(--green)}
 .login-page .login-form>.icon-tile{background:#16382c}
 .login-page .login-form input:focus{outline-color:var(--green)}
 .login-page .password-toggle:hover,.login-page .password-toggle[aria-pressed=true]{color:var(--green)}
 .login-page .login-form .primary-btn{background:var(--green);color:#10241c;border-color:var(--green)}
 .login-page .login-form .primary-btn:hover{background:#54eeb0}
}
html[data-theme=light] .login-page{background:#eef3f6;color:#152536}
html[data-theme=light] .login-page #loginScene,html[data-theme=light] .login-page .login-grain,html[data-theme=light] .login-page .login-vignette{opacity:.18;filter:grayscale(.2) brightness(1.8)}
html[data-theme=light] .login-page .login-watermark{color:#17365d12}
html[data-theme=light] .login-page .login-meta,html[data-theme=light] .login-page .login-intro p,html[data-theme=light] .login-page .login-form>p,html[data-theme=light] .login-page .login-form>small{color:#526679}
html[data-theme=light] .login-page .login-meta .brand-mark,html[data-theme=light] .login-page .login-intro,html[data-theme=light] .login-page .login-intro h1,html[data-theme=light] .login-page .login-form h2{color:#17365d}
html[data-theme=light] .login-page .login-intro .eyebrow{color:#187a5a}
html[data-theme=light] .login-page .login-form{background:#fffffff2;border-color:#d8e1e8;box-shadow:0 16px 40px #17365d18}
html[data-theme=light] .login-page .login-form input{background:#f7fafc;border-color:#ccd9e3;color:#152536}
html[data-theme=light] .login-page .password-toggle{color:#526679}
html[data-theme=light] .login-page .login-form .primary-btn{background:#187a5a;color:white;border-color:#187a5a}
#gptPreviewDialog{width:min(740px,94vw);max-height:88vh;padding:0}
#gptPreviewDialog .dialog-body{padding:22px 24px 20px;overflow:auto}
.gpt-preview{display:grid;gap:12px}
.gpt-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gpt-preview-item{background:#f7fafc;border:1px solid var(--line,#e2e9e5);border-radius:10px;padding:10px 12px}
.gpt-preview-item strong{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.gpt-preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.gpt-preview-warn{background:#fff4de;border:1px solid #ead1a0;border-radius:10px;padding:10px 12px;margin:0 0 12px}
.gpt-preview-error{background:#fdecec;border:1px solid #e3b6b3;border-radius:10px;padding:10px 12px;margin:0 0 12px;color:#8a2b2b}
.gpt-preview-warn ul,.gpt-preview-error ul{margin:8px 0 0;padding-left:18px}
.gpt-preview-warn li,.gpt-preview-error li{margin:6px 0}
html[data-theme=dark] .gpt-preview-item{background:#14181c;border-color:#2a3330}
html[data-theme=dark] .gpt-preview-warn{background:#3a2a16;border-color:#6a4c22;color:#f0c48a}
html[data-theme=dark] .gpt-preview-error{background:#3a1816;border-color:#6a2c28;color:#f0b2ac}
.content-grid{grid-template-columns:1fr;gap:14px;align-items:stretch}
.content-grid>.card{display:flex;flex-direction:column;min-height:0;min-width:0}
.content-grid .table-wrap{flex:1;min-height:0;overflow:auto}
.improvement-card{overflow:hidden}
.improvement-card>.table-wrap{flex:1;min-height:0;overflow:auto}
@media(min-width:1100px){
 .content-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
}
@media(max-width:1099px){
 .content-grid{grid-template-columns:1fr!important;flex:none}
 .content-grid>.card{min-height:280px;width:100%;max-width:100%}
 .content-grid .table-wrap{overflow:auto;min-height:220px}
 .table-card>.section-heading{min-height:auto;padding:12px 14px;align-items:flex-start}
 .table-card>.section-heading>div,
 .improvement-card>.section-heading>div{flex-wrap:wrap;gap:10px}
 .review-now-heading,
 .improve-now-heading{flex-wrap:wrap;gap:8px 10px}
 .table-card>.section-heading h2,
 .table-card>.section-heading .review-now-title,
 .improve-now-title{
 font-size:16px!important;
 white-space:normal!important;
 line-height:1.2;
 max-width:100%;
 }
 .table-card>.section-heading .review-full-btn{
 margin-left:0;
 width:100%;
 justify-content:center;
 }
 .review-now-count strong{font-size:20px}
 .review-now-count small{font-size:13px}
 .table-card .audit-table,
 .improve-now-table{min-width:560px}
 .alert{align-items:flex-start}
 .alert svg{width:28px;height:28px;margin-top:2px}
 .score-line{flex-wrap:wrap}
 #openCvFit{margin-left:0;width:100%;justify-content:center}
 .kpi-grid{grid-template-columns:1fr}
 .kpi-section-title{white-space:normal}
}
#jsonUpload .json-file-zone{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px;min-height:180px;max-width:520px}
#jsonUpload .json-file-zone .secondary-btn{pointer-events:none;margin-top:8px}
.recruiter-portal .upload-guide,.recruiter-portal #uploadForm,.recruiter-portal #importGptBtn{display:none!important}
.password-field{position:relative;display:flex;align-items:center}
.password-field input{padding-right:48px;width:100%}
.password-toggle{position:absolute;right:8px;top:0;bottom:0;width:36px;height:auto;margin:auto 0;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:8px;padding:0;line-height:0}
.password-toggle:hover,.password-toggle[aria-pressed=true]{color:var(--green,#18715c);background:#18715c14}
.password-toggle svg{width:18px;height:18px}
.password-rules{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}
.password-rules li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-weight:600}
.password-rules li::before{content:'';width:16px;height:16px;border-radius:50%;border:1.5px solid #c5d0cc;flex-shrink:0;box-sizing:border-box}
.password-rules li.ok{color:var(--good,#18715c)}
.password-rules li.ok::before{content:'✓';display:grid;place-items:center;background:var(--good,#18715c);border-color:var(--good,#18715c);color:#fff;font-size:10px;line-height:16px;text-align:center}
html[data-theme=dark] .password-toggle{color:#8f9b96}
html[data-theme=dark] .password-toggle:hover,html[data-theme=dark] .password-toggle[aria-pressed=true]{color:var(--green);background:#16382c}
html[data-theme=dark] .password-rules li::before{border-color:#3a4440}
html[data-theme=dark] .password-rules li.ok{color:var(--green)}
html[data-theme=dark] .password-rules li.ok::before{background:var(--green);border-color:var(--green);color:#10241c}
#themeToggle{flex-shrink:0}
.login-meta-actions{display:inline-flex;align-items:center;gap:10px}
.login-page #themeToggle{width:34px;height:34px;padding:6px;background:#ffffff14;border-color:#ffffff2e;color:#e8f4ee}
html[data-theme=light] .login-page #themeToggle{background:#fff;border-color:#d8e1e8;color:#17365d}

.dashboard-page .candidate-band.card{
 background:#17365D;
 border:0;
 color:#fff;
 padding:16px 22px;
 box-shadow:0 8px 20px #17365d28;
}
.dashboard-page .candidate-band>div+div{border-left-color:#ffffff38}
.dashboard-page .candidate-band label,
.dashboard-page .candidate-band .field-label{
 color:#d7e4f0;
 font-size:12px;
 font-weight:650;
 letter-spacing:.2px;
}
.dashboard-page .candidate-band select,
.dashboard-page .candidate-band strong,
.dashboard-page .candidate-band .band-select-trigger{
 font-size:28px;
 line-height:1.15;
 font-weight:700;
 letter-spacing:-.4px;
 color:#fff;
 background:transparent;
 border:0;
 padding:0 28px 0 0;
}
.dashboard-page .candidate-band .band-select{position:relative;width:100%;min-width:0}
.dashboard-page .candidate-band .band-select select{
 position:absolute;
 opacity:0;
 pointer-events:none;
 width:0;
 height:0;
 padding:0;
}
.dashboard-page .candidate-band #interviewSelect,
.dashboard-page .candidate-band #interviewSelect+.band-select-trigger{text-transform:uppercase}
.dashboard-page .candidate-band .band-select-trigger{
 display:block;
 width:100%;
 max-width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-align:left;
 cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:right 0 center;
 background-size:22px;
}
.dashboard-page .candidate-band .band-select-trigger:focus{outline:2px solid #9cb7c9;outline-offset:2px}
.dashboard-page .candidate-band>div:last-child .band-select-menu{left:auto;right:0}
.dashboard-page .candidate-band .band-select-menu{
 position:absolute;
 z-index:40;
 top:calc(100% + 8px);
 left:0;
 min-width:max(100%,240px);
 max-height:280px;
 overflow:auto;
 padding:6px;
 background:#fff;
 color:#17365D;
 border:1px solid #d5e0ea;
 border-radius:12px;
 box-shadow:0 16px 40px #10203840;
}
.dashboard-page .candidate-band .band-select-option{
 display:block;
 width:100%;
 border:0;
 border-radius:8px;
 padding:10px 12px;
 background:transparent;
 color:#17365D;
 font-size:16px;
 font-weight:650;
 text-align:left;
 cursor:pointer;
}
.dashboard-page .candidate-band .band-select-option:hover,
.dashboard-page .candidate-band .band-select-option[aria-selected=true]{
 background:#17365D;
 color:#fff;
}
.dashboard-page .candidate-band svg{
 width:26px;
 height:26px;
 color:#fff;
}
.dashboard-page .candidate-band>div>svg{
 background:#244F78;
 color:#fff;
 padding:10px;
 border-radius:12px;
}
@media(max-width:700px){
 .dashboard-page .candidate-band>div+div{border-top-color:#ffffff38}
}