/* Espace personnel : surfaces sombres et accents sauge du studio. */
.account-view [hidden]{display:none!important}
.account-view{overflow-wrap:anywhere}
.account-notice{max-width:900px;padding:16px 20px;background:#18211c;border:1px solid #344a35;border-radius:14px;color:#c3d9ba;line-height:1.7;font-size:14px}
.account-status{min-height:24px;margin:15px 0;color:var(--mint);font-size:14px;line-height:1.6}
.account-status:empty{margin:8px 0;min-height:0}
.account-status.account-error{color:#efc4b7}
.account-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;margin-top:24px}
.account-card{min-width:0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:22px}
.account-copy{color:var(--muted);line-height:1.75;font-size:14px;margin-top:14px;max-width:780px}
.account-card h2,.account-section h2{font-size:23px;letter-spacing:-.7px;line-height:1.35}
.account-login{display:grid;gap:15px;margin-top:24px;max-width:420px}
.account-login label{display:grid;gap:9px;color:var(--muted);font-size:13px;line-height:1.5}
.account-login input{width:100%;min-height:46px}
.account-view button{min-height:44px;white-space:normal}
.account-login button{text-align:center}
.account-google{width:100%;max-width:420px;margin-top:12px}
.account-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;align-items:center}
.account-badge{display:inline-flex;max-width:100%;margin-top:20px;padding:8px 12px;border:1px solid #41503e;border-radius:24px;color:#c8dbc1;background:#1c271e;font-size:12px;line-height:1.5}
.account-wallet{background:radial-gradient(ellipse at 100% 0,#29372766,transparent 60%),var(--surface)}
.account-balance{font-family:'Manrope',sans-serif;font-size:clamp(42px,5vw,65px);font-weight:550;letter-spacing:-2px;line-height:1.2;color:var(--mint);margin-top:24px;font-variant-numeric:tabular-nums}
.account-unit{color:#becab9;font-size:14px;margin-top:6px}
.account-wallet-detail{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0 0;padding-top:17px;border-top:1px solid var(--line);font-size:13px}
.account-wallet-detail dt{color:var(--muted)}
.account-wallet-detail dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}
.account-wallet>.quiet{display:block;margin-top:14px;text-align:left}
.account-warning{margin-top:18px;color:#efc4b7;font-size:13px;line-height:1.7}
.account-section{margin-top:38px}
.account-section>.eyebrow{margin-bottom:8px}
.account-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-top:22px}
.account-pack{display:flex;flex-direction:column;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.account-pack h3{margin:0;font:600 17px 'Manrope',sans-serif;line-height:1.5;color:var(--ink)}
.account-pack-credits{margin-top:16px;font-size:22px;color:var(--mint);font-weight:550}
.account-price{margin:9px 0 24px;font-size:16px;font-variant-numeric:tabular-nums;color:var(--muted)}
.account-pack button{margin-top:auto;width:100%}
.account-purchases{list-style:none;margin:20px 0 0;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.account-purchase{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--surface);font-size:14px;line-height:1.5}
.account-purchase+li{border-top:1px solid var(--line)}
.account-purchase>div{min-width:0}
.account-purchase strong{font-weight:550}
.account-purchase-date{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.account-purchase-meta{text-align:right;font-variant-numeric:tabular-nums}
.account-purchase-status{display:block;margin-top:4px;font-size:12px;color:#c3d8b9}
.account-local-note{margin-top:32px;padding-top:21px;border-top:1px solid var(--line);color:var(--muted);line-height:1.8;font-size:12px;max-width:900px}
.account-view :focus-visible{outline:2px solid var(--mint);outline-offset:4px}
@media(max-width:800px){.account-grid{grid-template-columns:1fr}.account-card{padding:24px}.account-balance{font-size:50px}}
@media(max-width:480px){.account-card{padding:21px}.account-grid{gap:15px}.account-section{margin-top:30px}.account-notice{padding:14px 16px}.account-purchase{padding:16px;gap:12px}.account-card h2,.account-section h2{font-size:21px}.account-actions{align-items:stretch}.account-actions>button{flex:1}.account-pack{padding:22px}}
@media(prefers-reduced-motion:reduce){.account-view button{transition:none}}

.account-return{margin-top:18px;padding:20px;border:1px solid #49663e;border-radius:14px;background:#1b281e;color:#d1e7c7;font-size:14px;line-height:1.7}.account-return strong{display:block;font-size:16px;font-weight:600}.account-return p{margin-top:6px}.account-return button{margin-top:14px}
.account-pack-validity{margin:.25rem 0 .75rem;font-size:.85rem;opacity:.8}
.account-captcha{min-height:65px;margin:.5rem 0}
.account-recap{border:1px solid rgba(201,168,92,.45);border-radius:14px;padding:18px}
.account-strong{font-weight:600;margin-top:.5rem}
.account-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7;margin-top:12px}
.account-check input{width:auto;flex:none;margin-top:6px}
.account-link{display:inline-block;margin-top:.6rem;font-size:.85rem}