/* ================= Espace résident : fond marine, cartes blanches, bandeau or ================= */
.esp{--fg:#16264a;--muted:#55617f;--line:#e1e6f0;--link:#16264a;--ink:#16264a;--soft:#fbeccd;background:#16264a;background-image:radial-gradient(circle at 92% 0%,rgba(227,163,58,.28) 0,transparent 42%),radial-gradient(circle at 0% 100%,rgba(227,163,58,.1) 0,transparent 40%);min-height:100vh;color:var(--ink);display:block}
.esp-frame{max-width:1180px;margin:0 auto;padding:22px 16px 40px}
.esp-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff;border-radius:999px;padding:8px 10px 8px 14px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.esp-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:1.1rem}
.esp-logo .mark{width:34px;height:34px;border-radius:50%;background:var(--brand);display:inline-block;position:relative}
.esp-logo .mark::after{content:"";position:absolute;inset:9px;border:3px solid #16264a;border-radius:50%}
.esp-logo b{font-weight:700}
.esp-nav{display:flex;gap:6px;background:#eef1f7;border-radius:999px;padding:5px}
.esp-nav a{display:flex;align-items:center;gap:7px;padding:.5rem 1rem;border-radius:999px;text-decoration:none;color:var(--ink);font-size:.9rem;font-weight:500;min-height:40px}
.esp-nav a:hover{background:#fff}
.esp-nav a[aria-current=page]{background:var(--ink);color:#fff}
.esp-me{display:flex;align-items:center;gap:8px}
.esp-avatar{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#16264a;display:grid;place-items:center;font-weight:700}
.esp-iconbtn{border:0;background:#eef1f7;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.esp-iconbtn:hover{background:var(--soft)}
.esp-back{margin-right:10px;font-size:.9rem}
.esp-body{margin-top:18px}
.esp-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.esp-card h2{margin:0 0 14px;font-size:1.2rem;display:block}
.esp-login{min-height:60vh;display:grid;place-items:center}
.esp-login .esp-card{width:100%;max-width:420px}
.esp-login h1{margin:0 0 6px;font-size:1.6rem}
.alert.info{background:#fbeccd;border-color:#e3a33a;color:#4a3000;border-radius:14px}
.sp-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}
.sp-left,.sp-right{display:flex;flex-direction:column;gap:18px;min-width:0}
.sp-profile{text-align:center}
.sp-profile-head{display:flex;justify-content:space-between}
.sp-profile-head h2{margin:0}
.ring{--p:0;width:150px;height:150px;border-radius:50%;margin:8px auto 22px;display:grid;place-items:center;position:relative;background:conic-gradient(var(--brand) calc(var(--p)*1%),#e6eaf3 0)}
.ring-in{width:128px;height:128px;border-radius:50%;background:#fbeccd;display:grid;place-items:center;font-size:3rem;font-weight:700;color:#16264a;border:6px solid #fff}
.ring .tag{position:absolute;bottom:-12px;background:var(--brand);color:#16264a;font-weight:700;font-size:.8rem;border-radius:999px;padding:3px 14px}
.welcome{font-size:1.5rem;font-weight:600;margin:6px 0 18px}
.bigstat{display:flex;align-items:center;gap:14px;justify-content:center;text-align:left}
.bigstat b{font-size:3.4rem;font-weight:400;line-height:1}
.bigstat span{color:var(--muted);font-size:.9rem;line-height:1.25}
.segs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px}
.segs i{height:6px;border-radius:99px;display:block}
.trio{display:grid;grid-template-columns:repeat(3,1fr);background:#f3f5fa;border-radius:18px;padding:16px 8px;text-align:center;gap:4px}
.trio>div{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #e1e6f0}
.trio>div:last-child{border-right:0}
.trio b{font-size:1.5rem;font-weight:500}
.trio small{color:var(--muted);font-size:.74rem;line-height:1.2}
.dotico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink)}
.news{padding:12px 0;border-top:1px solid var(--line)}
.news:first-of-type{border-top:0;padding-top:0}
.news p{margin:4px 0;font-size:.92rem}
.sp-banner{background:var(--brand);border-radius:28px;padding:22px}
.sp-banner-head h2{margin:0 0 16px;color:#16264a;font-size:2rem;font-weight:500}
.sp-empty{background:rgba(255,255,255,.92);border-radius:18px;padding:16px;margin:0;color:var(--ink)}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.mini{background:#fff;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:230px}
.mini h3{margin:0;font-size:1.15rem;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{background:#fbeccd;color:#16264a;border-radius:999px;padding:2px 10px;font-size:.74rem}
.mini-big{margin-top:auto;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mini-big b{font-size:1.9rem;font-weight:500;line-height:1.1}
.mini-big span{color:var(--muted);font-size:.85rem}
.pbar{height:6px;background:#e6eaf3;border-radius:99px;overflow:hidden}
.pbar i{display:block;height:100%;background:var(--brand);border-radius:99px}
.mini-foot{display:flex;align-items:center;gap:10px;border-top:1px solid #e9edf5;padding-top:10px}
.mini-foot .icon{color:var(--link);flex:none}
.mini-foot small{display:block;color:var(--muted);font-size:.72rem;line-height:1.2}
.mini-foot b{font-size:.88rem;font-weight:600}
.sp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.issue{padding:12px 0;border-top:1px solid var(--line)}
.issue:first-of-type{border-top:0;padding-top:0}
.issue-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.issue p{margin:4px 0;font-size:.92rem}
.issue .reply{background:#f3f5fa;border-radius:12px;padding:8px 10px;font-size:.88rem}
.sp-help{border-radius:24px;padding:18px;background:linear-gradient(135deg,#e3a33a 0,#efbb5f 50%,#f6d28f 100%);display:flex;align-items:flex-end;min-height:300px}
.sp-help-card{background:#fff;border-radius:20px;padding:18px;width:100%}
.sp-help-card h2{margin:0 0 12px}
.sr{position:static}
.send{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--brand);color:#16264a;font:inherit;font-weight:700;padding:.7rem 1.2rem;cursor:pointer;min-height:44px}
.send:hover{background:#efbb5f}
.esp .badge{background:#fbeccd;color:#16264a}
.esp .badge.busy{background:#e0ecff;color:#1e3a8a}.esp .badge.hold{background:#fff1d6;color:#8a5a00}.esp .badge.ok{background:#dcfce7;color:#166534}
@media(max-width:1000px){.sp-grid{grid-template-columns:1fr}.sp-row{grid-template-columns:1fr}}
@media(max-width:640px){.esp-nav a span,.esp-nav a{font-size:.82rem;padding:.45rem .7rem}.esp-top{border-radius:28px}}