/* Comptes entre Amis — Formulaires Web, version 2F.9.82.1.
   Styles spécifiques, les liens, modales, données et algorithmes existants sont conservés. */
.cea-body dialog.cea-modal.cea-member-dialog > .cea-modalhead,
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px;padding:18px 20px!important;min-height:74px!important;
  margin-bottom:10px!important;position:relative!important;
}
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead > .cea-modalname{display:flex!important;min-width:0;align-items:center;gap:13px;flex:1}
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead .cea-modalname > div{min-width:0;display:flex;flex-direction:column;gap:3px}
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead .cea-modalname h2{margin:0!important;font-weight:750;font-size:21px;line-height:1.2}
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead .cea-modalname p{margin:0!important;color:#768798;font-size:13px}
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead .cea-member-paid-summary{display:block;color:#1b3147;font-size:14px;margin-top:4px}
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead > button.cea-modalclose{
  flex:none!important;display:flex!important;position:static!important;align-items:center;justify-content:center;margin-left:auto!important;width:38px;height:38px;
}
.cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-person-overview{grid-template-columns:minmax(0,1fr);margin-top:8px;margin-bottom:13px}
.cea-body dialog.cea-modal:has(> .cea-person-overview) .cea-person-stat{padding:11px!important;border-radius:12px}
.cea-body dialog.cea-modal:has(> .cea-person-overview) .cea-person-profile-note{font-size:12px;line-height:1.4}
.cea-body dialog.cea-modal .cea-edit-person-button{display:block;width:calc(100% - 40px);margin:12px 20px!important;background:#edf4fb;color:#205b93;border:0;cursor:pointer;text-align:left;font-weight:700}
.cea-body dialog.cea-modal .cea-edit-person-button:focus-visible{outline:3px solid #2684dc;outline-offset:2px}
.cea-body dialog.cea-modal .cea-modernedit:not([open]){display:none}
.cea-body dialog.cea-modal .cea-modernedit[open]{display:block;border-top:1px solid #e2ebf3;padding-top:12px;margin-top:9px}
.cea-body dialog.cea-modal .cea-modernedit > summary{display:none}
.cea-body dialog.cea-modal .cea-modernedit label{display:block;margin:10px 0}
.cea-body .cea-choice-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;justify-items:center;margin:15px 0 19px}
.cea-body .cea-choice-palette button.cea-color-option{
 width:36px!important;height:36px!important;min-width:36px;max-width:36px;padding:0!important;border-radius:50%!important;
 background:var(--cea-choice)!important;border:3px solid #fff!important;outline:1px solid #e3eaf2;box-shadow:none!important;cursor:pointer;position:relative;
}
.cea-body .cea-choice-palette button.cea-color-option[aria-pressed="true"]{outline:3px solid #1c5c97}
.cea-body .cea-choice-palette button.cea-color-option[aria-pressed="true"]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 3px #1239;font-size:19px;font-weight:900}
.cea-body .cea-choice-palette button.cea-color-option:focus-visible{outline:3px solid #166cd2;outline-offset:2px}
.cea-body .cea-newexpense-docs{border:1px solid #e3ebf4;border-radius:15px;padding:15px;margin:16px 0;background:#f9fbfe;min-width:0}
.cea-body .cea-newexpense-docs legend{font-weight:750;color:#193d60;padding:0 7px}
.cea-body .cea-newexpense-docs label{display:block;font-size:13px;font-weight:650;margin:8px 0 12px}
.cea-body .cea-newexpense-docs input[type="file"]{display:block;width:100%;max-width:100%;margin-top:7px;background:#fff;padding:10px;border:1px solid #d5e3f1;border-radius:10px;font-size:12px;color:#183b55;box-sizing:border-box}
.cea-body .cea-newexpense-docs .cea-muted{font-size:12px;line-height:1.4;margin:4px 0 0}
.cea-body .cea-newexpenseform > label{margin-bottom:12px}
@media(max-width:600px){
 .cea-body dialog.cea-modal:has(> .cea-person-overview) > .cea-modalhead{padding:14px 15px!important}
 .cea-body dialog.cea-modal .cea-edit-person-button{width:calc(100% - 32px);margin:12px 16px!important}
 .cea-body .cea-choice-palette{gap:7px}
}