/* Comptes entre Amis — habillage inspire de l'application iPhone. Scoped .cea-* */
:root{--cea-blue:#2879d1;--cea-ink:#152437;--cea-sub:#758293;--cea-bg:#f2f5fa;--cea-card:#fff;--cea-border:#e3eaf3}
*,*::before,*::after{box-sizing:border-box}
body.cea-body{background:var(--cea-bg);color:var(--cea-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;line-height:1.5}
.cea-body h1,.cea-body h2,.cea-body h3,.cea-body p{margin-top:0}
.cea-body a{text-decoration:none}
.cea-shell{width:min(1040px,calc(100% - 32px));margin-inline:auto}
.cea-header{background:#fff;border-bottom:1px solid var(--cea-border);position:sticky;top:0;z-index:20}
.cea-headrow{height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cea-brand{display:flex;align-items:center;gap:10px;color:#1d3650!important;font-weight:750;font-size:18px}
.cea-brand img{width:37px;height:37px;border-radius:10px;object-fit:cover}
.cea-logout{margin:0}.cea-logout button{border:0;background:#f0f5fa;color:#3e5d78;padding:10px 14px;border-radius:12px;font-weight:600;width:auto}
.cea-main{padding:22px 0 58px;min-height:calc(100vh - 125px)}
.cea-summary{border-radius:23px;background:linear-gradient(118deg,#2674ce,#30bfd9);color:#fff;padding:24px 26px;display:flex;flex-direction:column;gap:5px;box-shadow:0 10px 28px #297fca21}
.cea-summary p{font-size:12px;letter-spacing:.08em;font-weight:750;color:#e0f4ff;margin:0}
.cea-summary strong{font-size:clamp(29px,5vw,40px);line-height:1.25;letter-spacing:-.03em}
.cea-summary span{font-size:14px;color:#e5f5ff}
.cea-pagehead{margin-top:28px;margin-bottom:18px}.cea-pagehead h1{font-size:26px;margin:0}
.cea-eyebrow{color:#6d87a0;font-size:11px;font-weight:750;letter-spacing:.11em;margin-bottom:5px}
.cea-section{margin-top:28px}.cea-sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;gap:10px}.cea-sectiontitle h2{font-size:21px;letter-spacing:-.02em;margin:0}.cea-sectiontitle>span{font-size:12px;background:#e4eaf2;padding:4px 9px;border-radius:10px;color:#5e7185}.cea-sectiontitle>a{color:#237ace;font-weight:650}
.cea-projectgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.cea-projectcard{display:block;color:inherit!important;background:white;border:1px solid var(--cea-border);border-radius:22px;overflow:hidden;box-shadow:0 3px 15px #1e3f6010;transition:transform .18s,box-shadow .18s}
.cea-projectcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1e3f6020}
.cea-cover{height:175px;background:linear-gradient(120deg,#2b80d8,#58cae1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cea-cover img{width:100%;height:100%;object-fit:cover}.cea-placeholder{font-size:72px;color:#ffffffa8}
.cea-projectbody{padding:15px 17px 18px}.cea-projecttitle{display:flex;gap:12px;justify-content:space-between;align-items:start}.cea-projecttitle h3{font-size:18px;margin:0;font-weight:760}.cea-pill{font-size:11px;color:#2675c3;background:#eaf4ff;border-radius:30px;padding:5px 10px;font-weight:750;white-space:nowrap}
.cea-meta{margin:11px 0 13px;color:#748395;font-size:13px}.cea-projectfacts{display:flex;flex-wrap:wrap;gap:8px 15px;color:#6d7e91;font-size:12px;align-items:center}.cea-projectfacts strong{color:#21344a;margin-left:auto;font-size:15px;white-space:nowrap}
.cea-panel{background:var(--cea-card);border:1px solid var(--cea-border);border-radius:19px;padding:20px;box-shadow:0 2px 14px #1e3f6008}.cea-panel h2{font-size:19px;margin:0 0 14px}
.cea-create{margin-top:28px}.cea-inlineform,.cea-expenseform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.cea-inlineform button,.cea-expenseform button{align-self:end}.cea-body label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;color:#5c6d80;margin:0}
.cea-body input,.cea-body select{min-height:44px;border:1px solid #d8e2ed;border-radius:12px;padding:10px 12px;background:#fff;color:#182a3d;width:100%;font:inherit}.cea-body input:focus,.cea-body select:focus{outline:2px solid #69b3f0;outline-offset:1px}
.cea-body .cea-button{min-height:44px;border-radius:12px;background:var(--cea-blue);color:#fff;border:0;padding:10px 18px;font-weight:750;cursor:pointer;width:auto}.cea-body button:disabled{opacity:.5;cursor:not-allowed}
.cea-back{display:inline-block;color:#2676c5!important;font-weight:700;margin-bottom:14px}
.cea-projectbanner{border-radius:22px;overflow:hidden;background:linear-gradient(110deg,#28538d,#2287d3);position:relative;color:white;min-height:150px;display:flex;align-items:end}
.cea-bannerimage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.cea-bannerbody{position:relative;padding:23px 25px;z-index:1}.cea-bannerbody h1{font-size:clamp(27px,5vw,38px);margin:8px 0 3px;color:white}.cea-bannerbody p{margin:0;color:#e8f3ff;font-size:14px}.cea-pill-light{background:#ffffffd9;color:#225b9a}
.cea-summary-detail{margin-top:15px}
.cea-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;background:#fff;border:1px solid var(--cea-border);border-radius:17px;gap:5px;margin:19px 0}.cea-tabs a{text-align:center;padding:12px 4px;color:#5b7085;font-weight:700;border-radius:12px;font-size:14px}.cea-tabs a[aria-current="page"]{color:#fff;background:var(--cea-blue)}
.cea-membergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.cea-membercard{background:#fff;border:1px solid var(--cea-border);border-radius:18px;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;gap:6px;text-align:center}.cea-membercard strong{font-size:14px;overflow-wrap:anywhere}.cea-membercard>span{font-size:12px;color:var(--cea-sub)}
.cea-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;overflow:hidden;background:#2476cb}.cea-avatar img{height:100%;width:100%;object-fit:cover}
.cea-details{margin-top:15px}.cea-details summary{cursor:pointer;color:#2678ce;font-weight:700}.cea-details form{margin-top:16px}.cea-muted{font-size:13px;color:#778697;line-height:1.6}.cea-list{padding:0;overflow:hidden}.cea-expenseitem{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid #edf1f6}.cea-expenseitem:last-child{border-bottom:0}.cea-expenseitem>div:first-child{min-width:0}.cea-expenseitem strong{font-size:14px;display:block}.cea-expenseitem span{font-size:12px;color:#7c8c9a;display:block;margin-top:4px}.cea-expenseitem b{white-space:nowrap;font-size:14px}.cea-split{margin-top:6px;font-size:12px;color:#3778b5}.cea-split summary{cursor:pointer}.cea-split p{margin:5px 0;display:flex;justify-content:space-between;gap:20px;color:#65788d}.cea-expenseamount{text-align:right}.cea-delete{color:#b54b54!important;background:none!important;border:0!important;font-size:12px!important;padding:6px 0!important;min-height:unset!important;cursor:pointer}
.cea-balancerow{display:flex;align-items:center;gap:11px;padding:16px 19px;border-bottom:1px solid #edf1f6}.cea-balancerow:last-child{border-bottom:0}.cea-balancerow b{margin-left:auto;white-space:nowrap}.cea-small-dot{height:12px;width:12px;border-radius:50%;flex:none}.cea-positive{color:#249363}.cea-negative{color:#d35b66}.cea-linkpanel{background:white;border:1px solid var(--cea-border);border-radius:17px;padding:17px 19px;display:flex;justify-content:space-between;gap:16px;color:#267aca!important;font-weight:700;margin-top:20px}.cea-linkpanel span{font-size:20px}.cea-addexpense{margin-top:25px}.cea-addexpense .cea-muted{margin:12px 0 0}.cea-footer{text-align:center;font-size:12px;color:#91a0ae;padding:15px}
.cea-authwrap{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:8vh 0}.cea-welcome{text-align:center}.cea-welcome img{width:92px;border-radius:20px}.cea-welcome h1{font-size:clamp(26px,3.5vw,40px);line-height:1.12;margin:15px 0}.cea-welcome p:last-child{color:#778697}.cea-authpanel form{display:grid;gap:14px}.cea-authpanel [hidden]{display:none!important}.cea-authpanel .auth-tabs{display:flex;gap:8px;margin-bottom:15px}.cea-authpanel .auth-tab{flex:1;border:0;background:#eaf0f6;color:#5d7084;border-radius:12px;padding:12px}.cea-authpanel .auth-tab.is-active{background:#d9ebff;color:#2675c2}
.cea-error{background:#fff0f0;border:1px solid #ffcaca;border-radius:12px;color:#b23131;padding:12px 16px;margin-bottom:16px}
@media(max-width:700px){.cea-shell{width:min(100% - 26px,520px)}.cea-headrow{height:59px}.cea-brand{font-size:15px}.cea-brand img{width:32px;height:32px}.cea-logout button{padding:7px 9px;font-size:12px}.cea-main{padding-top:16px}.cea-projectgrid{grid-template-columns:1fr}.cea-cover{height:155px}.cea-projectbanner{min-height:125px}.cea-summary{padding:19px}.cea-membergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cea-inlineform,.cea-expenseform{grid-template-columns:1fr}.cea-authwrap{grid-template-columns:1fr;padding:20px 0}.cea-sectiontitle h2{font-size:19px}}
.cea-small-dot{background:transparent}.cea-small-dot img{display:block;width:100%;height:100%;border-radius:50%}

/* V2.1: édition et identité couleur des remboursements */
.cea-transfer-people{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.cea-transfer-person{display:inline-flex;align-items:center;gap:7px;font-weight:650}
.cea-transfer-dot{display:inline-block;width:12px;height:12px;flex:none;border-radius:50%}
.cea-transfer-arrow{color:#7890a5;font-weight:750}
.cea-inline-edit{margin-top:10px;border-top:1px solid #eef2f6;padding-top:8px;width:100%;font-size:12px}
.cea-inline-edit summary{cursor:pointer;color:#267aca;font-weight:700}
.cea-inline-edit form{display:grid;gap:8px;margin:10px 0;text-align:left;min-width:min(220px,100%)}
.cea-inline-edit input,.cea-inline-edit select{min-width:0;width:100%}
.cea-inline-edit .cea-button{font-size:12px;width:100%}
.cea-membercard .cea-inline-edit{width:100%}
.cea-membercard .cea-inline-edit form{min-width:0}
.cea-editexpense{max-width:360px}
.cea-warning{font-size:12px;color:#995a17;background:#fff7e7;padding:8px;border-radius:8px;line-height:1.5}
.cea-lock{display:inline-block;color:#78889b;font-size:11px;white-space:nowrap}
.cea-editproject{margin:14px 0 0}
.cea-editproject .cea-inlineform{margin-top:14px}
@media(max-width:700px){.cea-transfer-people{gap:6px}.cea-transfer-person{font-size:12px}.cea-balancerow{padding:13px 12px}}