/* Account layout on the shared Midnight skin. */
.account-page main { min-width:0; }
.account-hero { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.account-hero > div { min-width:0; max-width:44rem; }
.account-hero p { color:var(--muted); }
.account-welcome strong { color:var(--ink); overflow-wrap:anywhere; }
.account-crest { width:170px; height:auto; flex-shrink:0; filter:drop-shadow(0 0 30px #8060c336); }
.account-nav { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 2rem; }
.account-nav a { border:1px solid var(--line); padding:.7rem 1rem; border-radius:4px; text-decoration:none; background:#141321; }
.account-nav a:hover { background:#30243e; }
.account-page .panel { min-width:0; padding:clamp(1.25rem,3vw,2rem); border:1px solid #655139; border-top:2px solid #b29260; border-radius:8px; background:linear-gradient(145deg,#1d1a2bf2,#101421fa); margin:0 0 1.5rem; scroll-margin-top:1rem; }
.account-page h2 { font:400 1.65rem/1.2 Georgia,serif; color:#f1e9df; margin-top:0; }
.account-page .kv dd { overflow-wrap:anywhere; }
.account-page .kv dt { color:var(--muted); }
.account-page .good { color:#a9ddbf; }
.account-page .bad { color:#ffaaaa; }
.account-page .panel.nudge, .account-page .panel.warn { background:#302133; border-color:#986c6d; }
.account-page .err.block { background:#351b2c; border-color:#a76570; }
.account-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:start; }
.account-table { overflow-x:auto; border-radius:4px; }
.account-table table { min-width:34rem; }
.account-page th { background:#272133; color:#e9d4a4; }
.account-page td { border-color:#383045; overflow-wrap:anywhere; max-width:26rem; }
.account-page .linkish { color:#ddc18b; }
.account-empty { padding:.5rem 0; }
.account-empty > p { max-width:58ch; }
.account-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.5rem; }
.account-actions .btn { width:auto; }
@media(max-width:800px) {
  .account-settings { grid-template-columns:1fr; gap:0; }
  .account-hero { gap:1rem; }
  .account-crest { width:85px; }
}
@media(max-width:440px) {
  .account-crest { display:none; }
  .account-nav a { flex:1 1 40%; text-align:center; }
  .account-actions .btn { width:100%; }
}