.flowHint{padding:14px 16px;background:#f0f6f7;border-radius:9px;color:#365b69;margin:12px 0}
.flowSteps{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px;padding:0;list-style:none}
.flowSteps li{padding:7px 12px;border:1px solid #d5e2e5;border-radius:999px;font-size:12px;color:#526b78;background:#fff}
.flowSteps li[aria-current=step]{background:#e9f5f5;border-color:#176a74;color:#104b56;font-weight:700}
.flowStage{border-top:1px solid #dce8ea;padding-top:18px}.flowStage h3{font-size:17px;margin:0 0 12px}
.flowStage .btnrow{margin-top:18px}.flowSubject{padding:12px;background:#f3f7f8;border:1px solid #dce8ea;border-radius:8px;overflow-wrap:anywhere}
#flowRecipientList p{margin:8px 0;overflow-wrap:anywhere}#flowDraftText{min-height:270px}
#flowReviewBody{max-height:none;overflow:visible}#flowReviewRecipients{overflow-wrap:anywhere}
#flowError{white-space:pre-wrap}#flowSuccess{margin-top:18px}#flowStatus{font-size:13px;color:#526b78}
#chrsPanelV361.hide{display:none}#flowCompatibility{display:none!important}

/* Stronger frame boundaries and text contrast throughout the demonstration. */
:root{--frame:#6c8b95;--ink:#183b49;--teal-bg:#dceef0;--green-bg:#e1eedc;--purple-bg:#e4e4f0}
.card{border-color:var(--frame)}.item,.tablewrap,.adminV35 .adminDetail{border-color:var(--frame)}
.muted,.foot,.versionLabel,.flowSteps li{color:#36505e}
.recipient,.campagneBloc,.flowSubject{background:#e6eff3;border-color:#6c8794;color:var(--ink)}
.metric{background:#dcebef;border:1px solid #6c8794;color:var(--ink)}.metric strong{color:#104957}
.flowHint,.inactiveAlert{background:var(--teal-bg);border:1px solid #5b8189;color:#173f4a}
.inProgress{background:#dceef0;border-color:#5b8189;color:#173f4a}.spinner{border-color:#7d9ca3;border-top-color:#125565}
#busy{background:#dceef0;border-color:#5b8189;color:#173f4a}
.adminV35 .adminDetail{background:#e6eff3;color:var(--ink)}
.good,.inlineSuccess{background:#ddefe2;border:1px solid #56866a;border-left:4px solid #387654;color:#17482e}
.notice,.modalWarn{background:#ffedd7;border:1px solid #ac7544;border-left:4px solid #b45b23;color:#603817}
.fold summary{background:#d8eaee;border-bottom-color:#6c8794;color:#173e4b}
.fold.actualisation summary{background:var(--green-bg);color:#294825}.fold.historique summary{background:var(--purple-bg);color:#373750}
.fold summary .foldHint{color:inherit}.fold[open] summary{border-bottom-color:#6c8794}
.modeAction{background:#fff;border-color:#5e818c;color:#204757}.modeAction.selected{background:#c9e5e8;border:2px solid #125565;color:#123f4b}
.flowSteps li{border-color:#728d98}.flowSteps li[aria-current=step]{background:#c9e5e8;color:#103e49;border:2px solid #125565}
.flowStage{border-top-color:#6c8794}.message-preview,.actions{border-color:#6c8794}.pill,.tag{background:#d7eee4;color:#174c37;border:1px solid #6e9685}
th{background:#d6e6eb;color:#173b48}td,th{border-bottom-color:#9ab0b8}
.modalLine{border-bottom-color:#9ab0b8}.adminV35 .adminHint{color:#684322}
input,select,textarea{border-color:#688591;color:#172d38;background:#fff}
input:focus-visible,textarea:focus-visible{outline:3px solid #176a74;outline-offset:2px}
button:disabled{opacity:1;background:#e1e6e8;color:#4b5d65;border:1px solid #8b9da5;cursor:not-allowed}
#aciListStage .recipient p,#aciReviewRecipients{overflow-wrap:anywhere}
#aciReviewBody{white-space:pre-wrap;max-height:none}#aciFlowError{white-space:pre-wrap}
#aciListStage .btnrow input{min-width:0!important}#aciDoneStage{margin-top:16px}

/* Five equal, readable tabs; different panel accents preserve orientation. */
.cpDemoTools{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 14px;margin:0 0 18px;background:#e6e9ec;border:1px dashed #71828c;border-radius:9px;color:#344956}
.cpDemoLabel{font-size:13px}.cpDemoControls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cpDemoControls button{font-size:13px;padding:8px 12px}
.cpPageHeader{margin:0 0 20px}.cpPageHeader .cpTools{margin-left:auto}
.cpTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 -2px;padding:0 0 2px;align-items:stretch;position:relative;z-index:2}
.cpTone-recruitment{--tab-bg:#d2ecee;--tab-ink:#114b57;--tab-border:#276878}
.cpTone-establishments{--tab-bg:#e5ddf3;--tab-ink:#4b316c;--tab-border:#775491}
.cpTone-statistics{--tab-bg:#d9e6f6;--tab-ink:#224e79;--tab-border:#4d739a}
.cpTone-updates{--tab-bg:#deecd4;--tab-ink:#365325;--tab-border:#607d45}
.cpTone-mail{--tab-bg:#f7e4c8;--tab-ink:#714713;--tab-border:#967039}
.cpTabs .cpTab{margin:0;padding:10px 12px;min-height:64px;line-height:1.35;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;white-space:normal;overflow-wrap:normal;text-align:center;color:var(--tab-ink);background:var(--tab-bg);border:1px solid var(--tab-border);border-radius:7px 7px 0 0;font-weight:500;position:relative;box-shadow:none}
.cpTabs .cpTab[aria-selected=true]{font-weight:600;border-bottom-color:var(--tab-bg)}
.cpTabs .cpTab[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--tab-bg)}
.cpTabs .cpTab:hover{filter:brightness(.98)}.cpTabs .cpTab[aria-selected=true]:hover{filter:none}.cpTabs .cpTab:focus-visible{outline:2px solid #153e52;outline-offset:-4px}
#cpTabPanels>.cpTabPanel{margin:0 0 20px;border:1px solid var(--tab-border);border-radius:0 0 10px 10px;padding:20px;background:white;position:relative}
#cpTabPanels>.cpTabPanel[hidden]{display:none!important}
#cpTabPanels>.cpTabPanel>h2{color:var(--tab-ink);background:var(--tab-bg);padding:14px 16px;margin:-20px -20px 18px;border-bottom:1px solid var(--tab-border);border-radius:0;font-family:"Segoe UI",Arial,sans-serif;font-size:20px;font-weight:600}
#cpTabPanels .foldContent{padding:0}.cpTabPanel:focus-visible{outline:2px solid var(--tab-border);outline-offset:3px}
@media(max-width:1000px){.cpTabs{display:flex;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.cpTabs::-webkit-scrollbar{display:none}.cpTabs .cpTab{flex:0 0 190px}}
@media(max-width:600px){.cpTabs .cpTab{flex-basis:175px;padding:9px 10px;min-height:62px}.cpDemoTools{padding:10px}.cpDemoControls{width:100%}.cpPageHeader .cpTools{margin-left:0}#cpTabPanels>.cpTabPanel{padding:15px}#cpTabPanels>.cpTabPanel>h2{margin:-15px -15px 16px;font-size:19px}}

/* Extend the tab's color to its data headers and summary tiles. */
.cpTabPanel th,.cpTabPanel .metric,.cpTabPanel .recipient,.cpTabPanel .campagneBloc{background:var(--tab-bg);color:var(--tab-ink);border-color:var(--tab-border)}
.cpTabPanel .metric strong,.cpTabPanel .metric .muted{color:var(--tab-ink)}.cpTabPanel .tablewrap{border-color:var(--tab-border)}
.cpTone-establishments>.row:first-child{background:var(--tab-bg);padding:15px;margin:-20px -20px 18px;border-bottom:1px solid var(--tab-border);border-radius:8px 8px 0 0;color:var(--tab-ink)}
#list .chrsPerson{padding:0;background:#e7f2f1;border:1px solid #638b91;border-left:5px solid #176a74;border-radius:12px;overflow:hidden;margin:14px 0;color:#173d48}
.chrsPersonHeader{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:17px 18px;background:#cee5e3;border-bottom:1px solid #638b91}
.chrsIdentity h2{font-size:20px;margin:0 0 3px}.chrsDates{font-size:12px;color:#365b64;margin:0}
.chrsContact{text-align:right;font-size:13px;overflow-wrap:anywhere}.chrsContact p{margin:0 0 4px}
.chrsPersonBody{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.45fr);gap:22px;padding:17px 18px 20px;align-items:start}
.chrsComment{padding:12px 13px;border:1px solid #638b91;border-radius:8px;background:#fff}.chrsComment p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.chrsPersonBody h3{font-size:14px;margin:0 0 10px}.chrsApplications{min-width:0}
.chrsApplication{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #638b91;margin:0;font-size:14px;font-weight:400}
.chrsApplication:last-child{border:0}.chrsApplication span{overflow-wrap:anywhere}.chrsApplication select{padding:8px;font-size:14px;min-width:0}
.chrsActions{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #638b91;padding:11px 18px}
.chrsActionsLeft,.chrsActionsRight{display:flex;gap:7px;align-items:stretch;flex-wrap:wrap}
.chrsActions button{font-size:12px;padding:8px 11px;min-height:34px;margin:0}.chrsDelete{color:#a63332!important;border-color:#a63332!important;background:#fff!important}
#modalConfirm.chrsDeleteConfirm{background:#a63332;color:#fff}
@media(max-width:600px){.chrsPersonHeader{display:block}.chrsContact{text-align:left;margin-top:12px}.chrsPersonBody{grid-template-columns:1fr;gap:18px}.chrsApplication{grid-template-columns:minmax(0,1fr) 150px;gap:8px}.chrsApplication select{font-size:16px}.chrsActions{gap:9px;padding:12px}.chrsActionsLeft,.chrsActionsRight{width:100%;flex-wrap:nowrap;justify-content:space-between}.chrsActions button{min-height:44px}.cpTone-establishments>.row:first-child{margin:-15px -15px 16px}}