.team-page { max-width:1200px; margin:0 auto; }
.team-top,.team-actions,.team-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.team-top { justify-content:space-between; margin-bottom:24px; }
.team-top h1,.team-card h2 { margin:0; }
.team-actions { margin:20px 0; }
.team-card { padding:24px; border:1px solid #333; border-radius:8px; background:#171818; margin:16px 0; min-width:0; }
.team-row { padding:16px 0; border-bottom:1px solid #333; }
.team-row:last-child { border-bottom:0; }
.team-row > div:first-child { flex:1; min-width:160px; overflow-wrap:anywhere; }
.team-row p { margin:6px 0 0; }
.team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.team-page .team-check,.team-dialog .team-check { display:flex; flex-direction:row; align-items:center; gap:12px; padding:12px; min-height:44px; border:1px solid #383a3b; border-radius:6px; cursor:pointer; margin:0; font-weight:400; }
.team-check:has(input:checked) { background:#27292a; border-color:#747779; }
.team-page input[type=checkbox],.team-dialog input[type=checkbox] { flex:0 0 18px; width:18px; height:18px; margin:0; accent-color:#aeb1b3; }
.team-dialog { width:min(720px,calc(100vw - 32px)); max-width:720px; max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid #454748; border-radius:10px; color:#e5e6e7; background:#191b1c; }
.team-dialog::backdrop { background:#000a; }
.team-dialog h2 { margin:0; }
.team-dialog h3 { margin:24px 0 12px; }
.team-dialog input:not([type=checkbox]),.team-dialog select,.team-dialog textarea { box-sizing:border-box; width:100%; }
.team-dialog .team-actions { justify-content:flex-end; margin-bottom:0; }
.team-dialog .team-code { display:block; width:100%; min-height:100px; overflow-wrap:anywhere; font-family:monospace; }
.team-subscriptions { padding:12px 0 0 30px; display:grid; gap:8px; }
.team-subscriptions[hidden] { display:none; }
.team-application { padding:12px 0; border-bottom:1px solid #333; }
.team-application:last-child { border:0; }
.team-page .team-table { overflow:auto; }
.team-page table { width:100%; border-collapse:collapse; }
.team-page th,.team-page td { padding:14px 12px; text-align:left; border-bottom:1px solid #333; white-space:nowrap; }
.team-page th { color:#a4a7a9; font-size:12px; font-weight:500; }
.team-page .team-select { min-width:200px; max-width:100%; }
body.team-standalone { display:block; padding:24px; }
.team-standalone .team-auth { width:min(400px,100%); margin:8vh auto; }
.team-standalone label { display:block; margin:16px 0; }
.team-standalone input:not([type=checkbox]),.team-standalone select { width:100%; box-sizing:border-box; }
.team-standalone .team-check { margin:0; }
@media(max-width:600px) {
 body.team-standalone { padding:16px; }
 .team-grid { grid-template-columns:1fr; }
 .team-card { padding:16px; }
 .team-dialog { padding:18px; }
 .team-page button,.team-dialog button { min-height:44px; }
 .team-page input,.team-page select,.team-dialog input,.team-dialog textarea,.team-dialog select { font-size:16px; }
 .team-page .team-select { width:100%; }
 .team-row { align-items:flex-start; }
 .team-page table,.team-page tbody { display:block; }
 .team-page thead { display:block; }
 .team-page thead tr { display:block; }
 .team-page thead th:not(:first-child) { display:none; }
 .team-page thead th:first-child { display:flex; gap:12px; align-items:center; }
 .team-page thead th:first-child::after { content:"Select all"; }
 .team-page tbody tr { display:grid; grid-template-columns:26px minmax(0,1fr); gap:10px; padding:16px 0; border-bottom:1px solid #333; }
 .team-page tbody tr:last-child { border-bottom:0; }
 .team-page tbody td { border:0; padding:0; white-space:normal; overflow-wrap:anywhere; }
 .team-page tbody td[data-label] { grid-column:2; display:flex; gap:12px; justify-content:space-between; }
 .team-page tbody td[data-label]::before { content:attr(data-label); color:#999d9f; }
}