.teams-page{max-width:1160px;margin:auto;display:grid;gap:16px;min-width:0}.teams-page h2,.teams-page h3{margin:0 0 10px}.team-toolbar,.team-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.team-toolbar{justify-content:space-between}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.team-card{padding:18px;border:1px solid var(--border,#3b3a34);border-radius:14px;background:var(--panel,#18191c);min-width:0;overflow-wrap:anywhere}.team-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.team-card dt{color:var(--muted,#aaa)}.team-card dd{margin:0;font-variant-numeric:tabular-nums}.team-status{display:inline-block;border:1px solid var(--border,#4a493f);border-radius:20px;padding:3px 9px;font-size:12px;margin-bottom:8px}.team-form{display:grid;gap:14px}.team-form label{display:grid;gap:7px}.team-form input,.team-form select{max-width:100%;min-width:0;box-sizing:border-box}.team-checks{display:grid;gap:10px;border:1px solid var(--border,#49483f);padding:14px;border-radius:10px}.team-checks label{display:flex;align-items:flex-start;gap:10px}.team-checks input{flex:0 0 auto;margin:4px 0}.team-message{padding:12px;border-left:3px solid var(--accent,#d4a356);background:#7771;white-space:pre-wrap;overflow-wrap:anywhere}.team-warning{color:var(--warning,#edba70)}.team-private[hidden]{display:none!important}.team-dialog{color:var(--text,#f4eee3);background:var(--panel,#18191c);border:1px solid #666;border-radius:16px;width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:22px}.team-dialog::backdrop{background:#000a}.team-agreement{max-height:180px;overflow:auto;white-space:pre-wrap;padding:12px;background:#7771;border-radius:8px;font-size:14px}.team-table-wrap{overflow-x:auto}.team-table{width:100%;border-collapse:collapse;text-align:left}.team-table th,.team-table td{padding:10px;border-bottom:1px solid var(--border,#41413b);white-space:nowrap}.team-account-state{font-size:12px;line-height:1.7;color:var(--muted,#b5b5b1)}.team-dim{color:var(--muted,#aaa)}.team-receipt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.teams-page button{min-height:40px}.teams-page a{overflow-wrap:anywhere}.teams-page button:focus-visible,.teams-page a:focus-visible{outline:2px solid var(--accent,#d4a356);outline-offset:3px}.team-number{font-variant-numeric:tabular-nums}.team-watch-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.team-watch{margin-top:24px}.team-watch .team-grid{margin-top:12px}@media(max-width:600px){.teams-page{gap:12px}.team-card{padding:14px}.team-actions button{flex:1 1 auto}.team-toolbar h2{font-size:21px}.team-dialog{padding:16px}.team-form input,.team-form select{font-size:16px}.team-grid{grid-template-columns:1fr}}

/* Team controls share legible colors on both desktop and mobile themes. */
.teams-page button:not(.primary),.team-dialog button:not(.primary){
  color:var(--text,#f4eee3);background:var(--panel,var(--card,#18191c));
  border:1px solid var(--line,#49483f);border-radius:10px;padding:9px 12px;cursor:pointer;
}
.teams-page button.team-card{padding:18px;text-align:left;color:var(--text,#f4eee3)}
.teams-page button:disabled,.team-dialog button:disabled{cursor:not-allowed;opacity:.5}
.teams-page input[type=checkbox],.team-dialog input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--accent,#d4a356)}
.team-dialog button:focus-visible,.team-dialog input:focus-visible,.team-dialog select:focus-visible{
  outline:2px solid var(--accent,#d4a356);outline-offset:3px;
}