/* Comptes entre Amis — 2F.9.73.
   Le bouton de fermeture utilise sans duplication le CSS existant
   .cea-modalclose dans cea-recette-2f82.css + design-v3.css. */
.cea-projectbanner { position: relative; }
.cea-projectbanner > .cea-budget-settings-trigger {
  position:absolute !important;top:12px !important;right:13px !important;
  z-index:25 !important;width:42px !important;height:42px !important;
  min-width:42px !important;min-height:42px !important;
  padding:0 !important;margin:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:13px !important;border:1px solid rgba(255,255,255,.85) !important;
  background:rgba(255,255,255,.94) !important;color:#173c5b !important;
  box-shadow:0 3px 12px rgba(14,41,67,.20) !important;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.cea-projectbanner > .cea-budget-settings-trigger:hover {background:#fff !important;}
.cea-projectbanner > .cea-budget-settings-trigger:focus-visible {outline:3px solid #2580d5 !important;outline-offset:3px !important;}
.cea-projectbanner > .cea-budget-settings-trigger svg {pointer-events:none;}
.cea-body .cea-project-tools.cea-project-tools-is-empty {display:none !important;}

/* La boîte reprend les styles de fenêtre du site (.cea-modal et .cea-modalhead). */
.cea-body dialog.cea-modal.cea-project-actions-dialog,
body dialog.cea-modal.cea-project-actions-dialog {
  position:fixed;width:min(480px,calc(100vw - 28px));
  max-width:min(480px,calc(100vw - 28px));max-height:min(85dvh,750px);
  overflow-y:auto;overflow-x:hidden;
  background:#fff;color:#203349;
}
.cea-project-actions-dialog::backdrop {background:rgba(10,30,48,.50);}
.cea-body dialog.cea-project-actions-dialog > .cea-modalhead {
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  min-height:68px;padding:14px 20px;margin:0 0 6px;
}
.cea-body dialog.cea-project-actions-dialog > .cea-modalhead h2 {margin:0;font-size:19px;line-height:1.25;}
/* Aucun CSS spécifique à la croix : réutilisation du bouton natif du site. */
.cea-body dialog.cea-project-actions-dialog > .cea-budget-edit-in-dialog {
  width:auto !important;margin:0 20px 18px !important;padding:0 !important;
  border:0 !important;box-shadow:none !important;background:transparent !important;
  border-radius:0 !important;overflow:visible !important;
}
.cea-project-actions-dialog > .cea-budget-edit-in-dialog > summary {display:none !important;}
.cea-body dialog.cea-project-actions-dialog > .cea-budget-edit-in-dialog > form {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;
  margin:0 !important;padding:0 !important;align-items:end;
}
.cea-project-actions-dialog > .cea-budget-edit-in-dialog > form label {min-width:0;}
.cea-project-actions-dialog > .cea-budget-edit-in-dialog > form button {justify-self:start;grid-column:1 / -1;}
.cea-body dialog.cea-project-actions-dialog > .cea-budget-delete-in-dialog {
  display:block !important;width:auto !important;margin:0 20px 20px !important;
  padding:11px 14px !important;box-sizing:border-box;
  background:#fff !important;border:1px solid #e9dce0 !important;
  border-radius:12px !important;box-shadow:none !important;
}
.cea-project-actions-dialog > .cea-budget-delete-in-dialog > summary {
  display:list-item !important;cursor:pointer;color:#ae2e40;font-weight:700;
  padding:3px 0 !important;line-height:1.4;
}
.cea-project-actions-dialog > .cea-budget-delete-in-dialog > p {font-size:12px;color:#61778d;}
.cea-project-actions-dialog > .cea-budget-delete-in-dialog form {margin:10px 0 0;}
.cea-project-actions-dialog > .cea-budget-delete-in-dialog form button {max-width:100%;}
.cea-project-actions-dialog > .cea-budget-delete-disabled {
  margin:0 20px 20px;padding:12px 14px;background:#f7f9fc;
  border:1px solid #e5ebf2;border-radius:12px;color:#687a8a;
}
.cea-project-actions-dialog > .cea-budget-delete-disabled strong {display:block;font-size:13px;font-weight:650;}
.cea-project-actions-dialog > .cea-budget-delete-disabled p {font-size:12px;line-height:1.45;margin:5px 0 0;}
@media (max-width:450px) {
 .cea-body dialog.cea-project-actions-dialog > .cea-budget-edit-in-dialog > form {grid-template-columns:1fr;}
 .cea-body dialog.cea-project-actions-dialog > .cea-modalhead {padding:12px 16px;}
 .cea-body dialog.cea-project-actions-dialog > .cea-budget-edit-in-dialog {margin-left:16px !important;margin-right:16px !important;}
}