.account-panel{max-width:30rem;text-align:left;color:var(--text,#ece6da)}
.account-panel h2{margin:.4rem 0 1rem}.account-panel p{line-height:1.55;color:#c7c8ce}
.account-panel form{display:grid;gap:.65rem;margin:1rem 0}.account-panel label{font-size:.85rem;color:#e0ddd5}
.account-panel input{width:100%;min-width:0;box-sizing:border-box;padding:.8rem .9rem;border:1px solid #717684;border-radius:8px;background:#171c25;color:#fff;font:inherit;font-size:1rem}
.account-panel input:focus{outline:2px solid #dfb676;outline-offset:2px}.account-panel input[readonly]{color:#b9bdc6}
.account-panel #account-code{font-size:1.3rem;letter-spacing:.2em;font-variant-numeric:tabular-nums}
.account-panel button{min-height:44px}.account-panel .primary-button{width:100%;justify-content:center}
.account-panel button:disabled{cursor:not-allowed;opacity:.55}.account-google{display:grid;gap:4px;width:100%;padding:.7rem;background:#292e39;color:#fff;border:1px solid #555b68;border-radius:8px;font:inherit}
.account-google small{font-size:.7rem}.account-lab-note{border-left:2px solid #c69d61;background:#c69d610d;padding:.7rem .85rem;font-size:.79rem}
.account-panel .account-error{color:#ffc1ad;background:#732f252a;border:1px solid #a45a49;border-radius:7px;padding:.7rem}
.account-inbox{display:grid;gap:.3rem;text-align:center;border:1px dashed #a48963;border-radius:8px;padding:.8rem;margin:.5rem 0;color:#e4c59a}
.account-inbox span,.account-inbox small{font-size:.73rem}.account-inbox strong{font-size:1.65rem;letter-spacing:.25em;font-variant-numeric:tabular-nums}
.account-panel .account-note{font-size:.78rem;color:#abb0bc}.account-email{overflow-wrap:anywhere}.account-sync{font-size:.85rem}
.account-panel .account-name{margin:.75rem 0 .25rem}.account-name-row{display:flex;gap:.5rem;align-items:stretch}.account-name-row input{flex:1}.account-name-row .small-button{flex:none;min-width:5rem}
.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.account-stats>div{padding:.8rem .4rem;display:grid;gap:.3rem;text-align:center;border:1px solid #555b685c;border-radius:8px;background:#161b2366}
.account-stats strong{font-size:1.45rem;color:#f1ce98}.account-stats span{font-size:.68rem;color:#b7bac4}
.account-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.account-panel .small-button{margin:.2rem .3rem .2rem 0;white-space:normal}
.account-privacy{margin-top:1.4rem;border-top:1px solid #555b685c;padding-top:1rem;font-size:.8rem}.account-privacy summary{cursor:pointer;min-height:28px;color:#c4c6cc}
.account-panel .account-danger,.account-panel .account-delete{color:#ffd5c7;border-color:#ad6151}.account-conflict{border:1px solid #a48963;border-radius:8px;padding:.7rem}
.account-button svg{width:20px;height:20px}.account-signed-in{color:#e9bf80!important}.account-attention{position:relative}.account-attention::after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#efb895;box-shadow:0 0 0 2px var(--bg)}
@media(max-width:480px){.account-panel{width:100%}.account-panel .account-controls{display:grid;grid-template-columns:1fr}.account-controls .small-button{margin:0}.account-stats strong{font-size:1.2rem}.account-panel .account-lab-note{font-size:.75rem}.account-button{flex-shrink:0}}
.account-or{display:flex;align-items:center;gap:.7rem;margin:.2rem 0 .8rem;font-size:.78rem;color:#abb0bc}.account-or::before,.account-or::after{content:"";flex:1;border-top:1px solid #555b68}
/* Signed in: avatar, name and email in one header; sync status; tiles; one row of actions. */
.account-profile{display:flex;align-items:center;gap:.8rem;margin:.9rem 0 .4rem}.account-avatar{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e9c88a,#a07a3c);color:#2a2016;font:600 1.35rem Georgia,serif;text-transform:uppercase}
.account-id{flex:1;min-width:0;display:grid;gap:.25rem}.account-panel .account-id .account-name{margin:0}.account-id .account-email{font-size:.78rem;color:#abb0bc}
.account-sync{display:flex;align-items:center;gap:.4rem;margin:.6rem 0 0}.account-sync .icon{width:1rem;height:1rem}.account-sync.synced{color:#a9d39a}.account-sync.unsynced{color:#efb895}
.account-panel .account-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem;margin:1rem 0 0}.account-controls .secondary-button{min-height:44px;font-size:.85rem}.account-controls .icon{width:1rem;height:1rem}
.account-links{display:flex;justify-content:center;gap:1.2rem;margin-top:.4rem}.account-links-split{justify-content:space-between}.text-button{border:0;background:none;color:#e4c59a;font:inherit;font-size:.85rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:40px}
.account-panel .dialog-actions .account-danger{width:auto}

/* Signed out: a Log in pill. Signed in: the name's initial. */
.account-login{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border:1px solid #d6ba8670;border-radius:16px;background:#d6ba8614;color:#ecd3a3;font-size:12px;font-weight:600;white-space:nowrap}.account-login:hover{background:#d6ba8630}.account-login svg{width:16px;height:16px}
.account-initial{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d6ba86;color:#29252a;font-size:13px;font-weight:700;line-height:1}
@media(max-width:380px){.account-login{padding:0 8px;gap:3px;font-size:11px}.account-login svg{width:14px;height:14px}}