/* ============================================================
   CardioRezo — Espace membre V2 (golden member-space-blueprints.tsx)
   Surcouche activée sous .cr-ui-v2 sur mon-espace. Legacy (#dash) intact hors flag.
   WorkspaceShell + primitives (Panel/Pill/Button/Field/Notice/PageHeading/Metric/MatchCard).
   ============================================================ */
:root{--cre-teal:#067D79;--cre-navy:#123452;--cre-ink:#102F49;--cre-line:#DCE6E4;--cre-copy:#607781;}
.cre-hide{display:none!important;}
#cr-espace{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--cre-ink);background:#EAF1EF;min-height:100vh;padding:20px 14px 40px;}
@media(min-width:640px){#cr-espace{padding:28px 20px 48px;}}
.cre-wrap{max-width:1180px;margin:0 auto;}
/* Shell */
.cre-shell{overflow:hidden;border-radius:28px;border:1px solid #C9DAD7;background:#F3F7F6;box-shadow:0 24px 80px rgba(16,47,73,.13);}
.cre-hd{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--cre-line);background:#fff;padding:0 16px;}
@media(min-width:640px){.cre-hd{padding:0 24px;}}
.cre-hd__l{display:flex;align-items:center;gap:22px;min-width:0;}
.cre-logo{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;}
.cre-logo__t{font-weight:800;font-size:17px;letter-spacing:-.02em;color:var(--cre-navy);}
.cre-logo__t i{color:var(--cre-teal);font-style:normal;}
.cre-hdnav{display:none;align-items:center;gap:4px;}
@media(min-width:1024px){.cre-hdnav{display:flex;}}
.cre-hdnav a{border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700;color:#5C707A;text-decoration:none;}
.cre-hdnav a.on{background:#E7F4F1;color:var(--cre-teal);font-weight:800;}
.cre-hd__r{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.cre-ava{display:grid;height:40px;width:40px;place-items:center;border-radius:50%;background:var(--cre-navy);color:#fff;font-size:13px;font-weight:900;}
.cre-body{display:grid;min-height:640px;grid-template-columns:1fr;}
@media(min-width:1024px){.cre-body{grid-template-columns:220px minmax(0,1fr);}}
.cre-side{border-bottom:1px solid var(--cre-line);background:#fff;padding:12px;}
@media(min-width:1024px){.cre-side{border-bottom:0;border-right:1px solid var(--cre-line);padding:16px;}}
.cre-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;}
@media(min-width:1024px){.cre-nav{display:block;}}
.cre-nav__i{display:flex;flex-shrink:0;align-items:center;gap:12px;border:0;background:none;border-radius:12px;padding:12px;font-size:14px;font-weight:700;color:#536D77;cursor:pointer;font-family:inherit;text-align:left;white-space:nowrap;}
@media(min-width:1024px){.cre-nav__i{width:100%;margin-bottom:6px;white-space:normal;}}
.cre-nav__i:hover{background:#F3F7F6;}
.cre-nav__i.on{background:#E8F5F2;color:var(--cre-teal);}
.cre-nav__i svg{width:18px;height:18px;flex-shrink:0;}
.cre-sidenote{display:none;margin-top:24px;border-radius:18px;background:#0B2940;padding:16px;color:#fff;}
@media(min-width:1024px){.cre-sidenote{display:block;}}
.cre-sidenote svg{width:20px;height:20px;color:#80D4CB;}
.cre-sidenote b{display:block;margin-top:12px;font-size:14px;font-weight:800;}
.cre-sidenote p{margin:8px 0 0;font-size:12px;line-height:1.5;color:rgba(255,255,255,.65);}
.cre-main{min-width:0;padding:16px;}
@media(min-width:640px){.cre-main{padding:24px;}}
@media(min-width:1024px){.cre-main{padding:32px;}}
.cre-stack{display:grid;gap:24px;}
/* PageHeading */
.cre-ph{display:flex;flex-direction:column;gap:16px;}
@media(min-width:1024px){.cre-ph{flex-direction:row;align-items:flex-end;justify-content:space-between;}}
.cre-ph__ey{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--cre-teal);}
.cre-ph h2{margin:8px 0 0;font-size:26px;font-weight:800;letter-spacing:-.045em;color:var(--cre-ink);}
@media(min-width:640px){.cre-ph h2{font-size:30px;}}
.cre-ph p{margin:8px 0 0;max-width:720px;font-size:14px;line-height:1.55;color:var(--cre-copy);}
/* Primitives */
.cre-panel{border-radius:22px;border:1px solid var(--cre-line);background:#fff;box-shadow:0 7px 24px rgba(16,47,73,.045);}
.cre-panel--pad{padding:20px;}
@media(min-width:640px){.cre-panel--pad{padding:24px;}}
.cre-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;}
.cre-pill--teal{background:#DFF3EF;color:#096B66;}.cre-pill--navy{background:#E6EDF4;color:#123452;}.cre-pill--amber{background:#FFF1D8;color:#7B581F;}.cre-pill--rose{background:#FDE8E8;color:#9C3434;}.cre-pill--slate{background:#EEF3F2;color:#536D77;}
.cre-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;transition:.15s;text-decoration:none;}
.cre-btn svg{width:16px;height:16px;}
.cre-btn--teal{background:var(--cre-teal);color:#fff;box-shadow:0 8px 20px rgba(6,125,121,.15);}.cre-btn--teal:hover{background:#056e6a;}
.cre-btn--navy{background:var(--cre-navy);color:#fff;box-shadow:0 8px 20px rgba(18,52,82,.14);}
.cre-btn--light{border:1px solid #D4E0DE;background:#fff;color:#405F6D;}.cre-btn--light:hover{background:#F3F7F6;}
.cre-btn--danger{border:1px solid #E9B8B8;background:#FFF2F2;color:#A03535;}
.cre-btn:disabled{opacity:.4;cursor:not-allowed;}
.cre-metrics{display:grid;gap:16px;grid-template-columns:1fr;}
@media(min-width:640px){.cre-metrics{grid-template-columns:repeat(3,1fr);}}
.cre-metric{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.cre-metric__l{font-size:14px;font-weight:700;color:#5A707A;}
.cre-metric__v{margin:8px 0 0;font-size:30px;font-weight:800;letter-spacing:-.04em;color:var(--cre-ink);}
.cre-metric__h{margin:4px 0 0;font-size:12px;line-height:1.5;color:#71858C;}
.cre-metric__ic{display:grid;height:40px;width:40px;flex-shrink:0;place-items:center;border-radius:12px;background:#E8F5F2;color:var(--cre-teal);}
.cre-metric__ic svg{width:20px;height:20px;}
.cre-notice{display:flex;align-items:flex-start;gap:12px;border-radius:18px;border:1px solid #CFE1DE;background:#F2F8F6;padding:16px;}
.cre-notice--navy{border-color:#D4E0E9;background:#F1F5F8;}.cre-notice--amber{border-color:#E8D6B8;background:#FFF8EB;}.cre-notice--rose{border-color:#EECACA;background:#FFF4F4;}
.cre-notice__ic{margin-top:2px;display:grid;height:36px;width:36px;flex-shrink:0;place-items:center;border-radius:50%;background:#fff;color:var(--cre-teal);}
.cre-notice--navy .cre-notice__ic{color:#123452;}.cre-notice--amber .cre-notice__ic{color:#8A6427;}.cre-notice--rose .cre-notice__ic{color:#A13B3B;}
.cre-notice__ic svg{width:18px;height:18px;}
.cre-notice b{font-size:14px;font-weight:800;color:#173B53;}
.cre-notice p{margin:4px 0 0;font-size:14px;line-height:1.5;color:#5C737D;}
.cre-grid2{display:grid;gap:16px;grid-template-columns:1fr;}
@media(min-width:1280px){.cre-grid2{grid-template-columns:1fr 1fr;}}
.cre-field{display:block;}
.cre-field__l{margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#294B59;}
.cre-field__v{display:block;min-height:48px;border-radius:12px;border:1px solid #CAD9D6;background:#fff;padding:12px 16px;font-size:14px;font-weight:600;color:#173B53;}
.cre-field__v--lock{border-color:#E2E9E7;background:#F3F6F5;color:#617781;}
.cre-field__h{margin-top:8px;display:block;font-size:12px;line-height:1.5;color:#71858C;}
/* MatchCard */
.cre-match{border-radius:20px;border:1px solid #D8E4E1;background:#fff;padding:16px;box-shadow:0 5px 18px rgba(16,47,73,.04);}
.cre-match__t{margin:12px 0 0;font-size:16px;font-weight:800;line-height:1.3;color:#173B53;}
.cre-match__z{margin:8px 0 0;display:flex;align-items:center;gap:6px;font-size:14px;color:var(--cre-copy);}
.cre-match__z svg{width:16px;height:16px;color:var(--cre-teal);}
.cre-match__r{margin-top:16px;border-radius:12px;background:#F2F7F5;padding:10px 12px;font-size:12px;font-weight:600;color:#4E6974;}
.cre-match__f{margin-top:16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #E8EEEC;padding-top:12px;}
.cre-match__f b{font-size:12px;font-weight:700;color:#71858C;}
.cre-match__go{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:800;color:var(--cre-teal);background:none;border:0;cursor:pointer;font-family:inherit;}
.cre-match__go svg{width:16px;height:16px;}
/* Messagerie */
.cre-msg{display:grid;gap:16px;grid-template-columns:1fr;}
@media(min-width:1024px){.cre-msg{grid-template-columns:320px minmax(0,1fr);}}
.cre-conv{display:flex;gap:12px;border-top:1px solid #EEF3F2;padding:14px;cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;font-family:inherit;}
.cre-conv:first-child{border-top:0;}
.cre-conv.on{background:#F0F7F5;}
.cre-conv__av{display:grid;height:40px;width:40px;flex-shrink:0;place-items:center;border-radius:12px;background:#E8F5F2;color:var(--cre-teal);}
.cre-conv__av svg{width:18px;height:18px;}
.cre-conv__who{font-size:13px;font-weight:800;color:#173B53;}
.cre-conv__lbl{font-size:12px;color:var(--cre-teal);font-weight:700;margin-top:1px;}
.cre-conv__last{font-size:12px;color:#71858C;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;}
.cre-conv__n{margin-left:auto;align-self:center;background:var(--cre-teal);color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800;}
.cre-thread{display:flex;flex-direction:column;min-height:420px;}
.cre-thread__h{display:flex;align-items:center;gap:12px;border-bottom:1px solid #EEF3F2;padding:14px 16px;}
.cre-thread__feed{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;max-height:440px;}
.cre-bub{max-width:82%;border-radius:16px;padding:10px 13px;font-size:13px;line-height:1.5;}
.cre-bub--me{margin-left:auto;background:var(--cre-navy);color:#fff;border-bottom-right-radius:4px;}
.cre-bub--them{background:#EFF5F3;color:#173B53;border-bottom-left-radius:4px;}
.cre-bub time{display:block;margin-top:4px;font-size:10px;opacity:.65;}
.cre-compose{display:flex;gap:8px;border-top:1px solid #EEF3F2;padding:12px;}
.cre-compose input{flex:1;border:1px solid #CAD9D6;border-radius:12px;padding:12px 14px;font-size:14px;font-family:inherit;outline:none;}
.cre-compose button{display:grid;place-items:center;height:44px;width:44px;border:0;border-radius:12px;background:var(--cre-teal);color:#fff;cursor:pointer;}
.cre-compose button svg{width:18px;height:18px;}
.cre-share{display:flex;align-items:center;gap:12px;border-bottom:1px solid #EEF3F2;background:#F5FAF8;padding:12px 16px;font-size:12px;color:#4E6974;}
.cre-share b{color:#173B53;font-weight:800;}
.cre-share__btn{margin-left:auto;border:0;border-radius:10px;background:var(--cre-teal);color:#fff;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer;}
.cre-empty{padding:40px 20px;text-align:center;color:#71858C;}
.cre-empty svg{width:32px;height:32px;color:#B6C7C4;}
.cre-empty b{display:block;margin-top:12px;font-size:15px;color:#173B53;}
.cre-empty p{margin:6px auto 0;max-width:320px;font-size:13px;line-height:1.5;}
.cre-msgnote{margin-top:6px;font-size:11px;color:#8B9BA0;text-align:center;}
/* Plateau technique (K08/K28) */
.cre-in{width:100%;border:1px solid #CAD9D6;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;font-family:inherit;background:#fff;color:#173B53;outline:none;}
.cre-in:focus{border-color:var(--cre-teal);box-shadow:0 0 0 2px rgba(6,125,121,.15);}
select.cre-in{cursor:pointer;}
.cre-grid2b{display:grid;gap:12px;grid-template-columns:1fr 1fr;}
.cre-parcgrid{display:grid;gap:14px;grid-template-columns:1fr;}
@media(min-width:900px){.cre-parcgrid{grid-template-columns:1fr 1fr;}}
.cre-eq{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--cre-line);background:#fff;border-radius:20px;padding:16px;box-shadow:0 5px 18px rgba(16,47,73,.04);}
.cre-eq__ic{display:grid;height:48px;width:48px;flex-shrink:0;place-items:center;border-radius:14px;background:linear-gradient(145deg,#DFF3EF,#E8EEF4);color:var(--cre-teal);}
.cre-eq__ic svg{width:22px;height:22px;}
.cre-eq__t{margin:2px 0 0;font-size:15px;font-weight:800;color:#173B53;line-height:1.3;}
.cre-eq__m{margin:4px 0 0;font-size:12.5px;color:var(--cre-copy);}
.cre-eq__miss{margin:6px 0 0;font-size:12px;color:#8A6427;}
.cre-eq__act{display:flex;flex-direction:column;gap:6px;flex-shrink:0;}
.cre-btn--icon{min-height:38px;padding:8px 10px;}
.cre-btn--icon svg{margin:0;}

/* Login V2 (léger, réutilise l'auth éprouvée) */
.cre-login{min-height:100vh;display:grid;place-items:center;padding:24px;}
.cre-login__card{width:100%;max-width:420px;}