/* GROUP E · Engage 360 Hire analytics (#/analytics) + outcomes (#/outcomes). Prefixes: an-, oc-. */
.an-page{display:flex;flex-direction:column;gap:16px}
.an-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px 16px}
.an-filters .field{margin:0;min-width:150px;flex:1 1 160px}
.an-filters .field:first-child{flex:2 1 240px}
.an-filter-btns{display:flex;gap:8px}
.an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.an-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.an-card{min-width:0}
.an-card .card-body{overflow:hidden}
.an-cap{margin:0 0 8px}
.an-chart svg{width:100%;height:auto;display:block}
.an-lab{font:600 12.5px var(--font);fill:#374151}
.an-val{font:750 14px var(--font);fill:#111928}
.an-val.in{fill:#fff}
.an-val2{font:700 12px var(--font);fill:#374151}
.an-sub{font:500 11px var(--font);fill:#6B7280}
.an-sub2{font:500 10.5px var(--font);fill:#9CA3AF}
.an-fun{fill:var(--wema)}
.an-fun.f1{fill:#A93597}.an-fun.f2{fill:#B955A8}.an-fun.f3{fill:#C877BA}.an-fun.f4{fill:#33CBB0}.an-fun.f5{fill:#127a69}
.an-track{fill:#F3F4F6}
.an-bar{fill:var(--wema)}
.an-bar.good{fill:#33CBB0}
.an-bar.warn{fill:#E9B949}
.an-bar.bad{fill:#E8606B}
.an-bar.low{fill:#D69BCB}
line.an-grid{stroke:#EEF0F3;stroke-width:1}
.an-ref{stroke:#4A0D42;stroke-width:1.5;stroke-dasharray:4 4}
.an-fit{stroke:var(--wema);stroke-width:2;stroke-dasharray:6 4}
.an-dot{fill:var(--wema);fill-opacity:.75;stroke:#fff;stroke-width:1.5}
.an-rates{display:flex;flex-direction:column;gap:8px}
.an-rate-row{display:grid;grid-template-columns:minmax(110px,1.3fr) 2fr 48px minmax(90px,auto);gap:10px;align-items:center;font-size:13px}
.an-rate-row.compact{grid-template-columns:1fr 46px;min-width:150px}
.an-rate-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-rate-bar{height:9px;border-radius:999px;background:#F1F2F4;overflow:hidden}
.an-rate-bar i{display:block;height:100%;background:var(--wema);border-radius:999px}
.an-fair{display:flex;flex-direction:column;gap:18px}
.an-fair-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--lilac);color:var(--wema-deep)}
.an-fair-note p{margin:0;font-size:13px;line-height:1.55}
.an-fair-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.an-fair-head h4{margin:0;font-size:15px}
.an-fair-table tr.an-adverse td{background:#FFF5F6}
.oc-summary{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 20px;border:1px solid #E9D5E6;background:linear-gradient(180deg,#FFF9FE,#fff)}
.oc-summary-ico{width:44px;height:44px;border-radius:12px;background:var(--wema);color:#fff;display:flex;align-items:center;justify-content:center}
.oc-summary h3{margin:0 0 4px}
.oc-verdict{margin:0 0 8px;font-weight:650;color:var(--wema-deep)}
.oc-summary ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:13.5px;line-height:1.55}
.oc-valid{display:flex;flex-direction:column;gap:10px}
.oc-r{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.oc-r div{border:1px solid var(--border-w);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}
.oc-r span{font-size:11px;color:#6B7280}
.oc-r strong{font:750 18px var(--font-head)}
.oc-attr{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.oc-attr-cell{border:1px solid var(--border-w);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}
.oc-attr-cell.base{background:#FAFAFB}
.oc-attr-cell span{font-size:12px;color:#6B7280}
.oc-attr-cell strong{font:750 26px var(--font-head)}
.oc-attr-cell small{font-size:11.5px;color:#6B7280}
.oc-vs{font-weight:700;color:#9CA3AF}
.oc-delta{margin:0;font-weight:700}
.oc-delta.good{color:#127a69}.oc-delta.bad{color:#C21F2C}
.oc-base .field{margin:0}
.oc-import summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--wema)}
.oc-import[open]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed #E9D5E6;border-radius:12px}
.oc-tabs{display:flex;gap:6px;flex-wrap:wrap}
.oc-table td{vertical-align:middle}
.oc-table th small{display:block;font-weight:500;color:#9CA3AF;font-size:10.5px}
.oc-ck{display:grid;grid-template-columns:86px 58px 54px;gap:4px}
.oc-ck .input{height:32px;padding:0 6px;font-size:12.5px;min-width:0}
.oc-hired{display:flex;align-items:center;gap:6px}
.oc-hired input[type=checkbox]{width:17px;height:17px;accent-color:var(--wema)}
.oc-hired .input{height:32px;width:140px;font-size:12.5px}
.oc-bands{margin-top:8px}
@media (max-width:1100px){.an-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .an-rate-row{grid-template-columns:1fr 1.2fr 42px;font-size:12.5px}
  .an-rate-row>span.small{grid-column:1/-1;margin-top:-6px}
  .oc-r{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oc-summary{grid-template-columns:1fr}
  .oc-attr{grid-template-columns:1fr}
  .oc-vs{display:none}
}