/* Fenêtres de recrutement : surfaces opaques et contenu toujours contenu. */
#hpiCandidateDialog,#hpiCandidateDetail{background:#fff;color:#151a2d;opacity:1;overflow:hidden}
#hpiCandidateDialog::backdrop,#hpiCandidateDetail::backdrop{background:#242033;opacity:.96;backdrop-filter:none}
#hpiCandidateDetail{width:min(1180px,calc(100vw - 48px));max-width:none;max-height:calc(100vh - 48px);margin:auto;padding:0;border:1px solid #dfe2ea;border-radius:20px}
#hpiCandidateDetail .hpi-detail{width:100%;max-width:100%;min-width:0;min-height:0;background:#fff;overflow:auto}
#hpiCandidateDetail .hpi-detail>header{position:sticky;z-index:3;top:0;width:100%;min-width:0;margin:0;padding:24px 28px;background:#24194b;color:#fff}
#hpiCandidateDetail .hpi-detail>header>div{min-width:0}
#hpiCandidateDetail .hpi-detail>header h2,#hpiCandidateDetail .hpi-detail>header p{max-width:100%;overflow-wrap:anywhere}
#hpiCandidateDetail .hpi-detail>header .close{flex:0 0 38px;width:38px;height:38px;border:1px solid #fff;background:#fff;color:#24194b;border-radius:10px;line-height:1}
#hpiCandidateDetail .hpi-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;padding:18px 24px;overflow:visible;background:#fff;border-bottom:1px solid #e4e7ee}
#hpiCandidateDetail .hpi-progress span{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid #e2e5ed;border-radius:11px;background:#f7f8fb;color:#697084}
#hpiCandidateDetail .hpi-progress span b{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
#hpiCandidateDetail .hpi-progress span.active{border-color:#7252d3;background:#f1edff;color:#4d35a5}
#hpiCandidateDetail .hpi-progress span.done{border-color:#d8d0f4;background:#faf8ff;color:#513aa9}
#hpiCandidateDetail .hpi-detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);width:100%;min-width:0;background:#fff}
#hpiCandidateDetail .hpi-detail-grid>section{position:static;inset:auto;display:block;width:auto;min-width:0;height:auto;padding:26px 28px;background:#fff;color:#151a2d;overflow:visible}
#hpiCandidateDetail .hpi-detail-grid>aside{position:static!important;inset:auto!important;display:block!important;width:auto!important;min-width:0;height:auto!important;padding:26px 28px!important;background:#f5f6fa!important;color:#151a2d!important;overflow:visible!important;border-left:1px solid #e1e4ec}
#hpiCandidateDetail .hpi-detail-grid h3{margin:0 0 18px;color:#1d1733}
#hpiCandidateDetail .hpi-timeline{width:100%;min-width:0}
#hpiCandidateDetail .hpi-timeline article{width:100%;min-width:0}
#hpiCandidateDetail .hpi-timeline article b,#hpiCandidateDetail .hpi-timeline article p{white-space:normal;overflow-wrap:anywhere;color:#283047}
#hpiCandidateDetail .hpi-special-interview{width:100%;overflow:visible;background:#f2effc;color:#24194b}
#hpiCandidateDetail .hpi-special-interview p{white-space:normal;overflow-wrap:anywhere}
#hpiCandidateDetail .hpi-detail-actions button{white-space:normal;min-height:42px}
#hpiCandidateDialog{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto}
#hpiCandidateDialog .modal-head,#hpiCandidateDialog .hpi-form-grid,#hpiCandidateDialog .modal-actions{background:#fff;opacity:1}
.hpi-hero-mark{background:#fff;color:#24194b;border-color:#fff;opacity:1}.hpi-hero-mark span{color:#525a70}
.hpi-process article{background:#f5f3fb;border:1px solid #e4dff2}.hpi-board>section{background:#f2f3f7}.hpi-column-empty{background:#fff;border:1px dashed #d9dce5;border-radius:10px}
@media(max-width:900px){#hpiCandidateDetail{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}#hpiCandidateDetail .hpi-progress{grid-template-columns:repeat(2,minmax(0,1fr))}#hpiCandidateDetail .hpi-detail-grid{grid-template-columns:1fr}#hpiCandidateDetail .hpi-detail-grid>aside{border-left:0;border-top:1px solid #e1e4ec}}
@media(max-width:560px){#hpiCandidateDetail .hpi-progress{grid-template-columns:1fr}#hpiCandidateDetail .hpi-detail>header,#hpiCandidateDetail .hpi-detail-grid>section,#hpiCandidateDetail .hpi-detail-grid>aside{padding:20px!important}}