/* Own team and account pages share the existing glass presentation and system fonts. */
body.ur-glass .team-page { max-width: 1240px; }
html:has(body.ur-glass dialog.team-dialog[open]),
body.ur-glass:has(dialog.team-dialog[open]) { overflow:hidden; }
.team-heading,.team-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.team-heading { margin:8px 0 24px; }
.team-heading p { margin:0; }
.team-eyebrow { color:var(--glass-blue); font-size:14px; font-weight:600; margin:0 0 8px; }
.team-muted,.team-hint,.team-footnote { color:var(--glass-muted); }
.team-hint,.team-footnote { font-size:14px; font-weight:400; line-height:1.5; }
.team-panel { padding:24px; border:1px solid var(--glass-border); border-radius:24px; background:var(--glass-surface); box-shadow:var(--glass-shadow); }
.team-search { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.team-search label { flex:1 1 240px; }
.team-segments { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px; border:1px solid #b8c5d7; border-radius:16px; background:#e7edf5; }
body.ur-glass .team-segments button { padding:8px; border:1px solid transparent; border-radius:12px; color:#40516a; background:transparent; box-shadow:none; }
body.ur-glass .team-segments button[aria-pressed="true"] { background:#fff; color:#153c70; border-color:#a7b8ce; box-shadow:0 2px 6px rgb(22 41 76 / .08); }
.team-list { border-top:1px solid var(--glass-border); }
.team-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto; align-items:center; gap:20px; padding:18px 0; border-bottom:1px solid var(--glass-border); }
.team-row h3 { margin:0 0 3px; font-size:16px; }
.team-row p { margin:0; }
.team-row .team-hint { margin-top:4px; }
.team-status-pill { display:inline-block; padding:3px 10px; border:1px solid #a6b8cf; border-radius:20px; color:#365478; font-size:13px; background:#edf3fb; }
.team-status-disabled { color:#5b6471; border-color:#b5bdc8; background:#eff1f4; }
.team-status-pending { color:#775018; border-color:#bb995e; background:#fff6e5; }
body.ur-glass .team-dialog { width:min(760px,calc(100% - 24px)); max-height:calc(100dvh - 32px); padding:24px; border:1px solid #b5c4d7; border-radius:26px; background:#fafdff; box-shadow:0 24px 80px rgb(20 37 62 / .2); overflow-y:auto; overscroll-behavior:contain; scroll-padding-top:96px; }
body.ur-glass .team-small-dialog { max-width:520px; }
.team-dialog::backdrop { background:rgb(27 39 58 / .4); backdrop-filter:blur(4px); }
.team-dialog-heading { position:sticky; top:0; z-index:2; margin-bottom:20px; padding-bottom:12px; align-items:start; background:#fafdff; box-shadow:0 -24px 0 #fafdff; }
.team-dialog-heading h2 { margin:8px 0 0; }
.team-profile { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.team-dialog label,.team-account label,.team-login label { margin-bottom:18px; }
.team-check { display:flex; flex-direction:row; align-items:flex-start; gap:12px; padding:14px; border:1px solid #b9c6d7; border-radius:16px; cursor:pointer; min-height:64px; }
body.ur-glass .team-check input { width:22px; height:22px; min-height:22px; flex:0 0 22px; margin:2px 0 0; padding:0; accent-color:var(--glass-blue); }
.team-check span { display:block; min-width:0; }
.team-check .team-hint { margin-top:4px; }
.team-check:has(input:checked) { background:#edf4ff; border-color:#7c9fcb; }
.team-access { border-top:1px solid var(--glass-border); margin-top:20px; padding-top:4px; }
.team-access h3 { margin-bottom:8px; }
.team-presets { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0; }
.team-grants { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.team-grants .team-check { margin:0; font-size:15px; }
.team-dialog-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:20px; }
.team-dialog-actions p { width:100%; margin:0; }
body.ur-glass .team-danger { color:#a12836; border-color:#b8757d; background:#fff; }
body.ur-glass .team-danger:hover { background:#fff0f1; }
.team-secret-login { font-weight:600; overflow-wrap:anywhere; }
#team-secret-value { font-family:ui-monospace,monospace; }
.team-account { max-width:1050px !important; }
.team-account-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:48px; margin-top:44px; align-items:start; }
.team-account fieldset { display:grid; gap:12px; }
.team-account fieldset label { margin-bottom:4px; }
.team-home { display:inline-flex; align-items:center; min-height:44px; }
.team-login { max-width:510px !important; padding-top:max(40px,8vh) !important; }
.team-login .team-panel { margin-top:24px; }
.team-login form > button { width:100%; margin-top:12px; }
.team-login label,.team-account label { font-size:16px; }
.team-page button,.team-dialog button,.team-account button,.team-login button { min-height:44px; touch-action:manipulation; transition:background-color .18s ease; }
.team-page input,.team-dialog input,.team-account input,.team-login input { min-width:0; max-width:100%; font-size:16px; }
.team-footnote { margin:20px 4px; max-width:760px; }
@media(max-width:700px) { .team-heading{align-items:start;flex-direction:column}.team-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.team-row>div:nth-child(2){grid-column:1/-1;grid-row:2}.team-account-layout{grid-template-columns:1fr;gap:24px;margin-top:24px}.team-profile,.team-grants{grid-template-columns:minmax(0,1fr)} }
@media(max-width:480px) { body.ur-glass .team-panel{padding:18px 16px}.team-segments{grid-template-columns:1fr 1fr}.team-heading>button{width:100%}.team-search{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.team-search label{grid-column:1/-1}.team-search button{min-width:0;white-space:nowrap}.team-dialog-actions>button{flex:1 1 120px}.team-dialog-heading{gap:8px}body.ur-glass .team-dialog{padding:20px 16px}.team-row{gap:8px}.team-row>button{padding-inline:10px} }
@media(prefers-reduced-motion:reduce) { .team-page *,.team-dialog *,.team-account *,.team-login *{animation:none!important;transition:none!important;scroll-behavior:auto!important} }