/* Comptes entre Amis V3.0 / 2F. Ajout non destructif après les CSS existantes. */
.cea-body{--cea-ink:#142c44;--cea-accent:#2476cb;--cea-stroke:#dfe8f1;--cea-soft:#f3f7fc}
.cea-body .cea-main{padding-bottom:5rem}
.cea-body .cea-panel,.cea-body .cea-projectcard{box-shadow:0 8px 30px rgba(16,49,85,.055)}
.cea-body .cea-membergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:15px}
.cea-body .cea-membergrid .cea-membercard{min-height:246px;align-items:stretch;text-align:left;justify-content:flex-start;gap:0;padding:17px;border:1px solid #e0e9f4;border-radius:22px;box-shadow:0 6px 22px rgba(20,49,88,.05);background:#fff;color:var(--cea-ink)}
.cea-body .cea-membergrid .cea-membercard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(24,77,140,.12);border-color:var(--cea-accent)}
.cea-body .cea-member-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.cea-body .cea-membergrid .cea-avatar{width:56px;height:56px;border-radius:19px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.cea-body .cea-membergrid .cea-member-parts{background:#f0f5fa;color:#557086;font-weight:700;font-size:11px;border-radius:30px;padding:7px 9px}
.cea-body .cea-membergrid .cea-membercard>strong{font-size:16px!important;line-height:1.3!important;min-height:41px;letter-spacing:-.01em;margin:0 0 8px;color:var(--cea-ink)!important;-webkit-text-fill-color:var(--cea-ink)!important}
.cea-body .cea-member-total{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border-top:1px solid #edf1f7;padding-top:12px;margin-top:auto}
.cea-body .cea-membergrid .cea-member-total-label{font-size:11px;color:#687b8e;font-weight:550}
.cea-body .cea-membergrid .cea-member-total-amount{font-size:23px;color:var(--cea-ink);font-weight:780;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.cea-body .cea-membergrid .cea-member-foot{display:flex;justify-content:space-between;gap:8px;width:100%;margin-top:10px;font-size:11px;color:#6383a4}
.cea-body .cea-person-profile-note{color:#5c7186;font-size:12px;margin:-5px 0 14px}
.cea-body .cea-person-overview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 20px}
.cea-body .cea-person-stat{padding:15px;border:1px solid #e2ebf5;border-radius:17px;background:#f5f9fd;display:flex;flex-direction:column;gap:6px}
.cea-body .cea-person-stat>span{font-size:12px;color:#678099}
.cea-body .cea-person-stat>strong{font-size:21px;line-height:1.15;color:#173954;font-variant-numeric:tabular-nums}
.cea-body .cea-modal{padding:0 0 22px;overflow-x:hidden;border:0;border-radius:24px;max-height:min(90dvh,900px);width:min(94vw,540px);box-shadow:0 32px 110px rgba(11,28,51,.30)}
.cea-body .cea-modal>.cea-modalhead{position:sticky;top:0;z-index:3;min-height:86px;padding:20px 24px;background:#fff;border-bottom:1px solid #edf2f7;margin:0 0 20px}
.cea-body .cea-modal>.cea-person-overview,.cea-body .cea-modal>.cea-person-profile-note,.cea-body .cea-modal>.cea-modalaction,.cea-body .cea-modal>.cea-modaledit,.cea-body .cea-modal>.cea-profileform,.cea-body .cea-modal>.cea-muted,.cea-body .cea-modal>.cea-v3-delete-form,.cea-body .cea-modal>form,.cea-body .cea-modal>h3,.cea-body .cea-modal>.cea-attachments{margin-left:24px;margin-right:24px}
.cea-body .cea-modal .cea-modalhead h2{font-size:20px;line-height:1.25;color:#183951}
.cea-body .cea-modal .cea-modalclose{width:40px;height:40px;background:#eef4fb;color:#355675}
.cea-body .cea-modal .cea-modalaction{border-radius:14px;padding:14px 16px;font-size:14px;box-sizing:border-box}
.cea-body .cea-modal .cea-primaryaction{color:#fff!important;background:linear-gradient(125deg,#1f78d0,#275aa5);border:0;box-shadow:0 8px 16px rgba(36,118,203,.13)}
.cea-body .cea-modal .cea-modaledit{border-top:1px solid #edf2f7;margin-top:18px;padding-top:13px}
.cea-body .cea-modal .cea-modaledit summary{font-weight:700;cursor:pointer}
.cea-body .cea-modal :is(input:not([type=checkbox]),select,textarea){border-radius:11px;max-width:100%;box-sizing:border-box}
.cea-body .cea-expenseitem{transition:background .15s ease}
.cea-body .cea-expenseitem:hover{background:#f6faff}
.cea-body .cea-cover,.cea-body .cea-projectbanner{overflow:hidden}
.cea-body .cea-cover img,.cea-body .cea-bannerimage{transform-origin:center;transition:object-position .12s ease, transform .12s ease}
.cea-body .cea-cover-crop{margin:13px 0;border-radius:18px;background:#fff;border:1px solid #e0e9f3;padding:0;overflow:hidden}
.cea-body .cea-cover-crop>summary{padding:15px 18px;font-size:14px;color:#265c88;font-weight:750;cursor:pointer}
.cea-body .cea-cover-crop .cea-crop-inside{padding:0 18px 18px;display:grid;gap:14px}
.cea-body .cea-crop-preview{position:relative;height:205px;border-radius:14px;overflow:hidden;background:#173651}
.cea-body .cea-crop-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:center}
.cea-body .cea-crop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cea-body .cea-crop-grid label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:12px;color:#385471}
.cea-body .cea-crop-grid input{width:100%;min-width:0;accent-color:#2476cb}
.cea-body .cea-attachments{background:#f8fbff;border:1px solid #e0eaf4;border-radius:16px;padding:15px;margin-top:18px}
.cea-body .cea-attachments h3{font-size:15px;line-height:1.35;margin:0 0 10px}
.cea-body .cea-attachment-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.cea-body .cea-attachment-list li{display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#fff;border:1px solid #edf1f7;min-width:0}
.cea-body .cea-attachment-list li>a{overflow-wrap:anywhere;color:#225f9e;flex:1;font-size:13px}
.cea-body .cea-attachment-list button{background:transparent;color:#a63035;border:0;cursor:pointer;font-size:12px;font-weight:750}
.cea-body .cea-attachment-upload{display:grid;gap:9px}
.cea-body .cea-attachment-upload input{font-size:12px;max-width:100%}
.cea-body .cea-attachment-upload button{justify-self:start}
.cea-body .cea-banner-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.cea-body .cea-banner-tools>a{font-weight:700}
.cea-body .cea-attachment-info{background:#eef8f1;color:#21693d;border-radius:10px;padding:10px 13px;margin:15px 0}
@media(max-width:700px){
  .cea-body .cea-membergrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .cea-body .cea-membergrid .cea-membercard{padding:13px;min-height:224px;border-radius:17px}
  .cea-body .cea-membergrid .cea-membercard>strong{font-size:14px!important}
  .cea-body .cea-membergrid .cea-member-total-amount{font-size:19px}
  .cea-body .cea-membergrid .cea-avatar{width:47px;height:47px}
  .cea-body .cea-crop-grid{grid-template-columns:1fr}
  .cea-body .cea-modal>.cea-modalhead{padding:16px}
  .cea-body .cea-modal>.cea-person-overview,.cea-body .cea-modal>.cea-person-profile-note,.cea-body .cea-modal>.cea-modalaction,.cea-body .cea-modal>.cea-modaledit,.cea-body .cea-modal>form,.cea-body .cea-modal>.cea-muted,.cea-body .cea-modal>h3,.cea-body .cea-modal>.cea-attachments{margin-left:16px;margin-right:16px}
}

.cea-body .cea-attachment-thumb{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none}

/* V3 / 2F.1 — Cartes et portraits sobres, lisibilite et actions coherentes. */
.cea-body .cea-membergrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:14px}
.cea-body .cea-membergrid .cea-membercard{min-height:230px;border-radius:18px;padding:18px;border:1px solid #e6ecf2;box-shadow:0 4px 18px rgba(22,57,93,.035);transition:transform .14s,box-shadow .14s,border-color .14s}
.cea-body .cea-membergrid .cea-membercard:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(21,58,94,.09)}
.cea-body .cea-avatar.cea-avatar-initials{display:inline-grid;place-items:center;flex:none;width:53px;height:53px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cea-person-color) 22%,#ffffff);background:color-mix(in srgb,var(--cea-person-color) 13%,#ffffff);color:var(--cea-person-color);font-family:inherit;font-size:18px;font-weight:800;letter-spacing:-.02em;box-shadow:none;line-height:1}
.cea-body .cea-membergrid .cea-membercard>strong{min-height:40px}
.cea-body .cea-modal .cea-modalname .cea-avatar.cea-avatar-initials{width:52px;height:52px;font-size:18px}
.cea-body .cea-modal .cea-modalhead{gap:12px;align-items:center}
.cea-body .cea-person-actions{display:grid;gap:9px;margin:2px 24px 18px}
.cea-body .cea-person-actions .cea-modalaction{display:flex!important;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;white-space:normal;line-height:1.45;width:100%;margin:0!important;padding:13px 14px!important;text-decoration:none!important;text-align:center!important;border-radius:12px!important;font-size:13px!important;font-weight:700;min-height:47px}
.cea-body .cea-person-actions .cea-secondaryaction{color:#2466a7!important;background:#f1f6fc!important;border:1px solid #d8e7f5!important;box-shadow:none!important}
.cea-body .cea-person-actions .cea-secondaryaction:hover{background:#e7f0f9!important}
.cea-body .cea-person-actions .cea-secondaryaction span{font-size:17px}
.cea-body .cea-v3-beneficiaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;border:1px solid #dce7f2;border-radius:14px;padding:12px}
.cea-body .cea-v3-beneficiaries legend{font-size:12px;font-weight:750;padding:0 6px}
.cea-body .cea-v3-beneficiaries label{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0;padding:9px 8px;border:1px solid #e9f0f7;border-radius:10px;background:#f8fbfe;color:#2b4660;font-size:12px!important;line-height:1.35!important;font-weight:550;overflow-wrap:anywhere}
.cea-body .cea-v3-beneficiaries label:has(input:checked){border-color:#a7c6e7;background:#eef6ff}
.cea-body .cea-v3-beneficiaries input[type="checkbox"]{appearance:auto!important;flex:none!important;display:inline-block!important;box-sizing:border-box!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:none!important;accent-color:#2476cb!important;border-radius:4px!important}
.cea-body .cea-cover-crop .cea-crop-preview{background:linear-gradient(125deg,#e7eff7,#cbddeb);border:1px solid #dce7ef}
.cea-body .cea-cover-crop .cea-crop-preview img{display:block;will-change:transform;transition:transform .1s ease,object-position .1s ease;transform-origin:50% 50%}
.cea-body .cea-cover-crop .cea-crop-reset{justify-self:start;font-size:12px;color:#285f9b;background:#f0f6fc;border:1px solid #d6e5f5;border-radius:9px;padding:9px 13px;cursor:pointer}
@media(max-width:700px){
  .cea-body .cea-membergrid .cea-membercard{min-height:224px;padding:14px}
  .cea-body .cea-membergrid .cea-avatar.cea-avatar-initials{width:46px;height:46px;font-size:16px}
  .cea-body .cea-v3-beneficiaries{grid-template-columns:1fr}
  .cea-body .cea-person-actions{margin-left:16px;margin-right:16px}
}


/* V3 / 2F.2 — Portraits identiques à l'iPhone, sans contours carres. */
.cea-body .cea-membergrid .cea-avatar.cea-avatar-pictogram,
.cea-body .cea-modal .cea-modalname .cea-avatar.cea-avatar-pictogram{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  border:0!important;border-radius:50%!important;background:transparent!important;
  box-shadow:none!important;outline:0!important;overflow:hidden!important;padding:0!important;
}
.cea-body .cea-avatar.cea-avatar-pictogram img{
  display:block!important;width:100%!important;height:100%!important;min-width:0!important;
  border:0!important;border-radius:50%!important;object-fit:contain!important;
  box-shadow:none!important;filter:none!important;
}

/* V3 / 2F.2 — Cases visibles avec coche dessinee independamment de l'ancien theme. */
.cea-body .cea-v3-beneficiaries{
  display:block!important;min-width:0;border:1px solid #d9e5f1!important;
  border-radius:15px!important;padding:12px!important;margin:12px 0!important;
  background:#fff!important;
}
.cea-body .cea-v3-beneficiaries legend{font-size:13px!important;color:#234664!important;font-weight:750!important}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-options{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;width:100%!important;
}
.cea-body .cea-v3-beneficiaries label.cea-beneficiary-choice{
  display:flex!important;position:relative!important;align-items:center!important;justify-content:flex-start!important;
  min-width:0!important;min-height:50px!important;box-sizing:border-box!important;
  gap:10px!important;margin:0!important;padding:10px 12px!important;
  border:1px solid #dce7f3!important;border-radius:12px!important;
  background:#fff!important;cursor:pointer!important;color:#24455f!important;
}
.cea-body .cea-v3-beneficiaries label.cea-beneficiary-choice:has(input:checked){background:#eef6ff!important;border-color:#86b6e7!important}
.cea-body .cea-v3-beneficiaries label.cea-beneficiary-choice:has(input:focus-visible){outline:3px solid #7bb9fa!important;outline-offset:2px!important}
.cea-body .cea-v3-beneficiaries label.cea-beneficiary-choice input[type="checkbox"]{
  /* Vraie case conservée pour accessibilité, visuel personnalisé fiable quel que soit le CSS antérieur. */
  position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;
  min-width:1px!important;min-height:1px!important;max-width:1px!important;max-height:1px!important;
  margin:0!important;padding:0!important;clip-path:inset(50%)!important;pointer-events:none!important;
}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-check{
  display:inline-block!important;position:relative!important;flex:0 0 20px!important;
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  border:2px solid #8ca3b8!important;border-radius:6px!important;
  background:#fff!important;box-shadow:0 1px 2px rgba(15,48,84,.10)!important;
}
.cea-body .cea-v3-beneficiaries input:checked + .cea-beneficiary-check{
  background:#2476cb!important;border-color:#2476cb!important;
}
.cea-body .cea-v3-beneficiaries input:checked + .cea-beneficiary-check::after{
  content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
  border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(43deg);
}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-description{display:flex;flex-direction:column;min-width:0;gap:3px;line-height:1.2}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-description strong{font-size:13px;color:#223e57;overflow-wrap:anywhere}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-description small{font-size:11px;color:#607b92}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-help{font-size:11px!important;color:#657c8e;margin:9px 1px 0!important}

/* V3 / 2F.2 — Zone de cadrage = image pleine couverture. Le zoom ne descend plus sous la taille de remplissage. */
.cea-body .cea-cover-crop .cea-crop-preview{
  position:relative!important;display:block!important;
  width:100%!important;max-width:790px!important;height:auto!important;
  aspect-ratio:16/9!important;min-height:0!important;max-height:none!important;
  margin-inline:auto!important;padding:0!important;
  border:0!important;border-radius:16px!important;overflow:hidden!important;
  background:#d7e5f0!important;
}
.cea-body .cea-cover-crop .cea-crop-preview img{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:cover!important;object-position:50% 50%;transform-origin:center;
  border:0!important;border-radius:0!important;margin:0!important;padding:0!important;
}
.cea-body .cea-cover,.cea-body .cea-projectbanner{overflow:hidden!important}
.cea-body .cea-cover img,.cea-body .cea-bannerimage{object-fit:cover!important}
@media(max-width:700px){
  .cea-body .cea-membergrid .cea-avatar.cea-avatar-pictogram,
  .cea-body .cea-modal .cea-modalname .cea-avatar.cea-avatar-pictogram{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  }
  .cea-body .cea-v3-beneficiaries .cea-beneficiary-options{grid-template-columns:1fr!important}
}


/* V3 / 2F.3 : dépenses, même couleur de payeur que le bilan */
.cea-body .cea-expenseitem .cea-expense-payer-symbol { flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;min-width:28px;max-width:28px; }
.cea-body .cea-expenseitem .cea-expense-payer-symbol img { display:block;width:26px;height:26px;border-radius:50%;object-fit:contain; }
.cea-body .cea-expenseitem > span:nth-child(2) { min-width:0;flex:1; }

/* V3 / 2F.3 : photo complète en dessous de 1x avec un fond flouté de cette photo. */
.cea-body .cea-cover-crop .cea-crop-preview { isolation:isolate; }
.cea-body .cea-crop-preview.cea-cover-fit::before,
.cea-body .cea-cover.cea-cover-fit::before,
.cea-body .cea-projectbanner.cea-cover-fit::before {
    content:"";position:absolute;inset:-22px;
    background-image:var(--cea-cover-background);background-position:center;background-size:cover;
    filter:blur(19px) saturate(.8);transform:scale(1.09);pointer-events:none;
}
.cea-body .cea-cover.cea-cover-fit,
.cea-body .cea-projectbanner.cea-cover-fit {position:relative;background:#b9cddd;isolation:isolate;}
.cea-body .cea-crop-preview.cea-cover-fit img,
.cea-body .cea-cover.cea-cover-fit img,
.cea-body .cea-projectbanner.cea-cover-fit .cea-bannerimage {
    object-fit:contain!important;position:relative;z-index:1;
}
.cea-body .cea-cover.cea-cover-fit img {width:100%;height:100%;}
.cea-body .cea-projectbanner.cea-cover-fit .cea-bannerbody {position:relative;z-index:2;}
.cea-body .cea-crop-preview.cea-cover-fit img {position:absolute!important;inset:0!important;}


/* V3 / 2F.4 — Le meme cadrage sur carte, bandeau et aperçu (sans artefact de zoom). */
.cea-body .cea-frame-surface{position:relative!important;isolation:isolate;overflow:hidden!important;}
.cea-body .cea-frame-surface>.cea-frame-image{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:cover!important;
    object-position:var(--cea-frame-x,50%) var(--cea-frame-y,50%)!important;
    transform:scale(var(--cea-frame-zoom,1))!important;
    transform-origin:var(--cea-frame-x,50%) var(--cea-frame-y,50%)!important;
    transition:transform .15s ease,object-position .15s ease;
    z-index:1!important;
}
.cea-body .cea-frame-surface.cea-cover-fit>.cea-frame-image{
    object-fit:contain!important;
}
.cea-body .cea-frame-surface.cea-cover-fit::before{
    content:"";position:absolute;inset:-25px;pointer-events:none;
    background-image:var(--cea-cover-background);
    background-position:center;background-size:cover;
    filter:blur(22px) saturate(.88);transform:scale(1.1);z-index:0;
}
.cea-body .cea-projectbanner.cea-frame-surface>.cea-bannerimage{
    opacity:.78!important;
}
.cea-body .cea-projectbanner.cea-frame-surface::after{
    content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,rgba(12,35,62,.65) 0%,rgba(12,35,62,.25) 56%,rgba(12,35,62,.08) 100%);
}
.cea-body .cea-projectbanner.cea-frame-surface>.cea-bannerbody{z-index:3!important;}
.cea-body .cea-cover.cea-frame-surface::after{display:none;}
.cea-body .cea-crop-preview.cea-frame-surface{aspect-ratio:16/9;max-width:850px;}
.cea-body .cea-crop-preview.cea-frame-surface>.cea-frame-image{opacity:1!important;}

/* Actions projet secondaires: aperçu immédiatement accessible, édition à la demande. */
.cea-body .cea-project-tools{
    display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;
    gap:8px;margin:10px 0 2px;
}
.cea-body .cea-project-tools>.cea-tool{
    flex:0 0 auto;box-sizing:border-box;
    margin:0!important;padding:0!important;min-height:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;overflow:visible!important;
}
.cea-body .cea-project-tools>.cea-tool>summary{
    display:inline-flex!important;align-items:center;justify-content:center;
    padding:8px 11px!important;margin:0!important;min-height:33px!important;
    background:#fff!important;border:1px solid #dce7f3!important;
    border-radius:11px!important;font-size:12px!important;line-height:1.3!important;
    font-weight:650!important;color:#45637e!important;cursor:pointer;
    list-style:none;box-shadow:0 1px 4px rgba(20,55,94,.04);
}
.cea-body .cea-project-tools>.cea-tool>summary::-webkit-details-marker{display:none;}
.cea-body .cea-project-tools>.cea-tool>summary::marker{content:"";}
.cea-body .cea-project-tools>.cea-tool>summary:hover{color:#236cbb!important;border-color:#adcae8!important;background:#f7fbff!important;}
.cea-body .cea-project-tools>.cea-tool[open]{
    order:10;flex:1 1 100%;width:100%;margin-top:4px!important;
    border:1px solid #dfe8f2!important;border-radius:16px!important;
    padding:13px!important;background:#fff!important;
}
.cea-body .cea-project-tools>.cea-tool[open]>summary{margin-bottom:12px!important;}
.cea-body .cea-project-tools>.cea-tool .cea-crop-inside{padding:0!important;}
.cea-body .cea-project-tools>.cea-tool.cea-tool-danger>summary{color:#ab4d57!important;}
.cea-body .cea-project-tools>.cea-tool.cea-tool-danger>p{font-size:12px;color:#61778d;}
.cea-body .cea-project-tools>.cea-editproject form{margin:0!important;}
@media(max-width:700px){
 .cea-body .cea-project-tools{gap:6px;}
 .cea-body .cea-project-tools>.cea-tool>summary{padding:8px 9px!important;font-size:11px!important;}
}

/* V3.0 2F.7 : trombone discret lorsque le justificatif existe */
.cea-expenseitem .cea-justificatif-badge {
  display: inline-flex; align-items: center; gap: .3em; margin-left: .55em;
  padding: .13em .5em; border-radius: 999px; background: #e9f2ff;
  color: #205c98; font-size: .76em; line-height: 1.4; font-weight: 700;
  vertical-align: middle; white-space: nowrap;
}
.cea-expenseitem .cea-justificatif-badge span { display: inline; color: inherit; font-size: inherit; }
/* Comptes entre Amis 2F.7.3 : participants colorés, sans coefficients visibles dans le sélecteur de dépenses. */
.cea-body .cea-v3-beneficiaries .cea-beneficiary-options { gap:10px !important; }
.cea-body .cea-v3-beneficiaries label.cea-beneficiary-choice { min-height:52px !important; gap:9px !important; }
.cea-body .cea-v3-beneficiaries .cea-beneficiary-avatar {
    display:inline-flex !important; flex:0 0 28px !important; width:28px !important;
    height:28px !important; border-radius:50% !important; overflow:hidden !important;
}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-avatar img {
    display:block !important; width:28px !important; height:28px !important;
    border-radius:50% !important; object-fit:cover !important;
}
.cea-body .cea-v3-beneficiaries .cea-beneficiary-description { min-width:0 !important; }
.cea-body .cea-v3-beneficiaries .cea-beneficiary-description strong {
    font-size:13px !important; font-weight:650 !important; line-height:1.25 !important;
}
@media(max-width:700px){ .cea-body .cea-v3-beneficiaries .cea-beneficiary-options {grid-template-columns:1fr !important;} }

/* Interactions PC : aucun changement de disposition ou d’apparence mobile. */
@media (min-width: 900px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button,.cea-tabs a){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease}
 .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button):not(:disabled):hover{box-shadow:0 4px 12px rgba(36,118,203,.15);filter:brightness(.97)}
 .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button):not(:disabled):active{box-shadow:0 1px 4px rgba(36,118,203,.1)}
 .cea-body .cea-projectcard{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
 .cea-body .cea-projectcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(24,77,140,.12)}
 .cea-body details>summary{transition:color .16s ease,background-color .16s ease}
 .cea-body details>summary:hover{color:var(--cea-accent,#2476cb)}
 .cea-body details[open]>*:not(summary){animation:cea-panel-reveal .18s ease-out both}
 .cea-body dialog[open]{animation:cea-panel-reveal .18s ease-out both}
 @keyframes cea-panel-reveal{from{opacity:0}to{opacity:1}}
}
@media (prefers-reduced-motion: reduce) {
 html:not([data-cea-motion="on"]) .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button,.cea-tabs a,.cea-projectcard,.cea-membercard,.cea-bannerimage,.cea-cover img,details>summary,details[open]>*:not(summary),dialog[open]){animation:none!important;transition:none!important}
 html:not([data-cea-motion="on"]) .cea-body .cea-projectcard:hover,html:not([data-cea-motion="on"]) .cea-body .cea-membergrid .cea-membercard:hover{transform:none}
}

/* Choix explicite de la personne, limité aux interactions sur ordinateur. */
@media (min-width: 900px) and (hover: hover) and (pointer: fine) {
 html[data-cea-motion="on"] .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button,.cea-tabs a){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease}
 html[data-cea-motion="on"] .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button):not(:disabled):hover{box-shadow:0 4px 12px rgba(36,118,203,.15);filter:brightness(.97)}
 html[data-cea-motion="on"] .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button):not(:disabled):active{box-shadow:0 1px 4px rgba(36,118,203,.1)}
 html[data-cea-motion="on"] .cea-body .cea-projectcard{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
 html[data-cea-motion="on"] .cea-body .cea-projectcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(24,77,140,.12)}
 html[data-cea-motion="on"] .cea-body details>summary{transition:color .16s ease,background-color .16s ease}
 html[data-cea-motion="on"] .cea-body details>summary:hover{color:var(--cea-accent,#2476cb)}
 html[data-cea-motion="on"] .cea-body details[open]>*:not(summary){animation:cea-panel-reveal-optin .18s ease-out both}
 html[data-cea-motion="on"] .cea-body dialog[open]{animation:cea-panel-reveal-optin .18s ease-out both}
 @keyframes cea-panel-reveal-optin{from{opacity:0}to{opacity:1}}
}

/* Sur téléphone ou sans souris, le choix PC ne force aucun mouvement. */
@media (prefers-reduced-motion: reduce) and (max-width: 899px), (prefers-reduced-motion: reduce) and (hover: none), (prefers-reduced-motion: reduce) and (pointer: coarse), (prefers-reduced-motion: reduce) and (pointer: none) {
 html[data-cea-motion="on"] .cea-body :is(.cea-button,.cea-header-admin,.cea-logout button,.cea-tabs a,.cea-projectcard,.cea-membercard,.cea-bannerimage,.cea-cover img,details>summary,details[open]>*:not(summary),dialog[open]){animation:none!important;transition:none!important}
 html[data-cea-motion="on"] .cea-body .cea-projectcard:hover,html[data-cea-motion="on"] .cea-body .cea-membergrid .cea-membercard:hover{transform:none}
}