/* Profile & Settings: charcoal surfaces, pink/red accents, existing tools. */
body.app .shell{max-width:1280px;--accent:#FFB627;--accent-hi:#FFD166;--accent-dim:#b34c7a;--hot:#1E3A5F}
body.app .cols{grid-template-columns:220px minmax(0,1fr);gap:30px}
body.app .account-main{min-width:0}
body.app .phead{margin-bottom:28px}
body.app .account-intro{color:var(--text-dim);font-size:14px;margin-top:8px}
body.app .account-identity{color:var(--accent-hi);font-size:12px;margin-top:8px}
body.app .account-side{background:transparent;border:0;padding:0 4px}
body.app .account-group{display:block;width:100%;padding:14px 16px;margin-bottom:5px;
  border:1px solid transparent;border-radius:10px;text-align:left;background:transparent;
  color:var(--text-dim);font:14px var(--ui);cursor:pointer}
body.app .account-group.on{border-color:rgba(255,182,39,.3);background:rgba(255,182,39,.08);color:#ffd9e9}
body.app .account-group:hover{color:var(--text);background:rgba(255,255,255,.04)}
body.app .account-side-note{font-size:12px;color:var(--muted);padding:20px 16px;line-height:1.8}
body.app .account-side-note a{color:var(--accent-hi)}
body.app .account-subnav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
body.app .account-subnav[hidden]{display:none!important}
body.app .account-subnav .snav{width:auto;padding:9px 12px;border:1px solid var(--hairline-2);
  font:12.5px var(--ui);border-radius:999px;color:var(--text-dim)}
body.app .account-subnav .snav.on{background:rgba(255,182,39,.1);color:#ffd9e9;
  border-color:rgba(255,182,39,.4);box-shadow:none}
body.app .account-subnav .snav .ic{width:14px;height:14px}
body.app .account-subnav [hidden],body.app .account-settings [hidden]{display:none!important}
body.app .account-section-select{display:none;margin-bottom:18px}
body.app .account-section-select label{display:block;font:12px var(--ui);color:var(--text-dim);margin-bottom:8px}
body.app .account-section-select select{width:100%;color:var(--text);background:#1b1c1f;
  border:1px solid #4b4e56;border-radius:10px;padding:12px;font:14px var(--ui)}
body.app .account-person-note{color:var(--text-dim);font:13px/1.6 var(--ui);margin:0 0 18px}
body.app .account-settings-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
body.app .account-settings-tabs button{background:transparent;border:1px solid var(--hairline-2);
  border-radius:9px;padding:9px 12px;font:12.5px var(--ui);color:var(--text-dim);cursor:pointer}
body.app .account-settings-tabs button.on{color:#ffd9e9;border-color:rgba(255,182,39,.4);background:rgba(255,182,39,.08)}
body.app .account-settings-section{display:none}
body.app .account-settings-section.on{display:block}
body.app .account-settings-panel{border:1px solid var(--hairline-2);border-radius:16px;
  padding:24px;margin-bottom:20px;background:linear-gradient(130deg,#242529,#1b1c1f)}
body.app .account-settings-panel h2{font:500 22px/1.3 var(--display);color:var(--text);margin-bottom:9px}
body.app .account-settings-panel .lead{font:13.5px/1.6 var(--ui);color:var(--text-dim);margin-bottom:14px}
body.app .account-settings .opt{display:flex;justify-content:space-between;align-items:flex-start;
  gap:18px;padding:15px 0;border-top:1px solid var(--hairline)}
body.app .account-settings .opt:first-of-type{border-top:0}
body.app .account-settings .tx{min-width:0;flex:1}
body.app .account-settings .tx b{font:500 14px/1.5 var(--ui);display:block;color:var(--text)}
body.app .account-settings .tx small{display:block;font:12.5px/1.6 var(--ui);color:var(--text-dim);margin-top:3px}
body.app .account-settings .opt select{max-width:210px;width:auto;flex:none;font:13px var(--ui)}
body.app .account-settings .sw{position:relative;width:42px;height:24px;flex:none;margin-top:3px}
body.app .account-settings .sw input{opacity:0;width:42px;height:24px;position:absolute;inset:0;
  margin:0;z-index:1;cursor:pointer}
body.app .account-settings .sw i{position:absolute;inset:0;border-radius:999px;
  background:#34363b;border:1px solid #54565d;transition:.18s;pointer-events:none}
body.app .account-settings .sw i::after{content:'';position:absolute;top:2px;left:2px;
  width:18px;height:18px;border-radius:50%;background:#ccc;transition:.18s}
body.app .account-settings .sw input:checked+i{background:#FFB627;border-color:#FFB627}
body.app .account-settings .sw input:checked+i::after{transform:translateX(18px);background:#fff}
body.app .account-settings .sw input:focus-visible+i{outline:2px solid #FFB627;outline-offset:3px}
body.app .account-settings .sw input:disabled+i{opacity:.45;cursor:wait}
body.app .account-settings .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.app .account-settings .chips label{display:flex;gap:7px;align-items:center;padding:6px 10px;
  border:1px solid var(--hairline-2);border-radius:999px;font:12.5px var(--ui);cursor:pointer}
body.app .account-settings .chips input{accent-color:#FFB627;width:16px;height:16px}
body.app .account-settings .saved{font:12.5px var(--ui);color:#98cba7;min-height:16px;margin-top:8px}
body.app .account-settings .saved.bad{color:#ff9a9a}
body.app .account-settings .brow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--hairline)}
body.app .account-settings .brow .av{width:36px;height:36px;border-radius:50%;background:#33353b center/cover;
  display:flex;align-items:center;justify-content:center;flex:none;font:12px var(--ui)}
body.app .account-settings .brow .nm{flex:1;min-width:0}
body.app .account-settings .brow b{display:block;font:500 14px var(--ui)}
body.app .account-settings .brow small{display:block;font:12px var(--ui);color:var(--text-dim)}
body.app .account-settings .ntable{border:1px solid var(--hairline-2);border-radius:10px;overflow:hidden}
body.app .account-settings .nhead,body.app .account-settings .nrow{display:grid;
  grid-template-columns:minmax(0,1fr) 70px 70px;gap:8px;padding:12px;align-items:center}
body.app .account-settings .nhead{background:rgba(255,255,255,.03);font:12px var(--ui);color:var(--text-dim)}
body.app .account-settings .nhead span+span{text-align:center}
body.app .account-settings .nrow+.nrow{border-top:1px solid var(--hairline)}
body.app .account-settings .nrow b{display:block;font:500 14px var(--ui)}
body.app .account-settings .nrow small{display:block;font:12.5px/1.5 var(--ui);color:var(--text-dim);margin-top:4px}
body.app .account-settings .nrow input{display:block;margin:auto;width:17px;height:17px;accent-color:#FFB627}
body.app .account-settings .nsec{padding:10px 12px;background:rgba(255,255,255,.04);
  color:#ffb4d5;font:600 12px var(--ui)}
body.app .account-settings .nbulk{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
body.app .account-settings .field{margin-bottom:14px}
body.app .account-settings .field label{display:block;font:12.5px var(--ui);color:var(--text-dim);margin-bottom:6px}
body.app .account-settings .field input{max-width:420px}
body.app .account-settings .danger{border-color:rgba(235,88,105,.4)}
body.app .account-settings .danger h2{color:#ff999f}
body.app #accountSettingsStatus{font:13px var(--ui);color:var(--text-dim);margin-bottom:12px}
body.app .rail{grid-column:2;position:static;max-height:none;overflow:visible}
body.app .account-group:focus-visible,body.app .account-subnav .snav:focus-visible,
body.app .account-settings-tabs button:focus-visible{outline:2px solid #FFB627;outline-offset:3px}
@media(max-width:820px){
  body.app .cols{grid-template-columns:minmax(0,1fr);gap:18px}
  body.app .account-side,body.app .account-subnav{display:none}
  body.app .account-section-select{display:block}
  body.app .rail{grid-column:1}
  body.app .account-settings-panel{padding:20px 17px}
  body.app .account-settings .opt{flex-wrap:wrap;gap:10px}
  body.app .account-settings .tx{flex-basis:calc(100% - 65px)}
  body.app .account-settings .opt select{max-width:100%}
  body.app .account-settings .nhead,body.app .account-settings .nrow{grid-template-columns:minmax(0,1fr) 46px 46px;padding:10px}
}