/* Accounts and the Family / Team / League panel (#accountRoot, top of Settings).
   Tokens only, so both themes work. Everything here is scoped under .acct so no
   other module's cards change. */

.acct .acct-lead{font-size:14.5px;line-height:1.6;color:var(--ink);margin-bottom:8px}
.acct .acct-note{font-size:12.5px;line-height:1.6;color:var(--mute);margin-top:8px}
.acct .acct-err{font-size:13px;line-height:1.55;color:var(--bad);margin-top:10px}

.acct .acct-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.acct .acct-row .grow{flex:1 1 220px;min-width:0}

.acct .acct-input{
  background:var(--panel2);border:1px solid var(--line);border-radius:9px;
  padding:9px 12px;min-width:150px;color:var(--ink);
}
.acct .acct-input:focus{outline:2px solid rgba(255,90,31,.5);outline-offset:1px}

.acct .acct-head{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding-bottom:14px;border-bottom:1px solid var(--line);
}
.acct .acct-head .lab{flex:1;min-width:0}
.acct .acct-head .lab b{display:block;font-size:15px;word-break:break-word}
.acct .acct-head .lab small{display:block;color:var(--mute);font-size:12px;margin-top:2px}

/* ------------------------------------------------------------ plan chooser */
.acct .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}
.acct .plan{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px;transition:border-color .16s,transform .16s}
.acct .plan:hover{border-color:var(--hot);transform:translateY(-2px)}
.acct .plan-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.acct .plan-top>div{flex:1;min-width:0}
.acct .plan-top b{display:block;font:800 16px/1.2 var(--mono);letter-spacing:-.4px}
.acct .plan-top small{display:block;color:var(--mute);font:700 12px/1.4 var(--mono);margin-top:3px}

/* -------------------------------------------------------------- one group */
.acct .org-sec{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.acct .org-sec h4{font:800 10px/1 var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--hot);margin-bottom:10px}
.acct .org-sec h5{font:800 10px/1 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--mute);margin:14px 0 8px}

.acct .people{list-style:none;display:grid;gap:8px}
.acct .people li{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px 12px;
}
.acct .people .lab{flex:1;min-width:0}
.acct .people .lab b{display:block;font-size:13.5px;word-break:break-word}
.acct .people .lab small{display:block;color:var(--mute);font:700 11px/1.4 var(--mono);margin-top:2px}

/* ------------------------------------------------------------ shared brain */
.acct .brain{display:grid;gap:12px;margin-top:12px}
.acct .bp{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.acct .bp>.lab b{display:block;font:800 15px/1.2 var(--mono);letter-spacing:-.3px}
.acct .bp>.lab small{display:block;color:var(--mute);font:700 11.5px/1.5 var(--mono);margin-top:3px}
.acct .bp .grid-stats{margin-top:12px}
.acct .bp .stat b{font-size:19px}

.acct .mini{list-style:none;display:grid;gap:6px}
.acct .mini li{font-size:12.5px;line-height:1.5;color:var(--ink);padding:7px 10px;border-radius:9px;background:var(--panel);border:1px solid var(--line)}
.acct .mini li b{color:var(--hot);font:800 11px/1 var(--mono);margin-right:6px}

/* ---------------------------------------------------------------- buttons */
.acct .btn.small{padding:8px 13px;font-size:12.5px;border-radius:9px}
.acct .btn.danger{color:var(--bad);border-color:rgba(255,59,92,.42)}
.acct .btn.danger:hover:not(:disabled){background:var(--bad);color:#fff;border-color:var(--bad)}

/* a group card packs a lot in, so its settings rows breathe a little less */
.acct.org .srow{padding:12px 0}

@media(max-width:700px){
  .acct .srow{flex-wrap:wrap}
  .acct .srow .lab{flex:1 1 100%}
  .acct .acct-input{width:100%}
  .acct .acct-row .btn{width:100%}
}