/* Team v2: owner reference layout (identity pill, managed time and refresh, notched glass members
   card with avatar strip, selectable member cards, invite form with role pills and one primary
   action, roles and permissions switches, groups list). Ownership transfer and private-project
   access stay as progressively disclosed secondary panels. Scoped AA adaptations, same as Work v2:
   control boundaries in --muted, secondary text in --ink2, 44px targets, inactive = dashed border
   and text, never whole-card opacity; week hours and pending counts are omitted (no real data). */
.team-v2 {--team-text:var(--ink);--team-text-2:var(--ink2);--team-control-border:var(--muted);--team-focus:var(--ink);--team-pressed-bg:var(--acc);--team-pressed-ink:var(--on-acc);--team-pressed-chip:rgba(127,127,127,.25);--team-avatar-ink:#2b1a12;--team-target:44px;--team-card-min:210px;--team-panel-min:340px;--team-pill-width:404px;
 --team-notch:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22460%22%20height%3D%2260%22%3E%3Cpath%20d%3D%22M0%20-1H460V0Q440%200%20440%2020V36Q440%2060%20416%2060H44Q20%2060%2020%2036V20Q20%200%200%200Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
 display:flex;flex-direction:column;gap:var(--s-9);min-width:0;color:var(--team-text);font-family:var(--font)}
.team-v2 [hidden] {display:none!important}
.team-v2 :focus-visible {outline:var(--v2-focus-width) solid var(--team-focus);outline-offset:var(--v2-focus-offset)}
.team-v2 .page-heading {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-6);min-width:0;margin:0}
.team-v2 .page-heading .eyebrow {color:var(--team-text-2)}
.team-v2 h2 {margin:0;font:500 var(--fs-xl)/1.2 var(--font);color:var(--team-text)}
.team-v2 .team-note,.team-v2 .team-state {margin:0;font:400 var(--fs-sm)/1.55 var(--font);color:var(--team-text-2)}
.team-v2 .form-error {margin:0;color:var(--red-ink)}
.team-v2 .form-error:empty {min-height:0}

/* Toolbar: identity pill, managed time, circular refresh. */
.team-v2 .team-toolbar {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5);min-width:0}
.team-v2 .team-identity {flex:1 1 280px;display:flex;align-items:center;gap:var(--s-5);min-width:0;min-height:var(--team-target);margin:0;padding:var(--s-5) var(--s-8);border:1px solid var(--glass-brd);border-radius:var(--r-xl);background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--team-text-2);font:400 var(--fs-sm)/1.45 var(--font)}
.team-v2 .team-identity::before {content:"";flex:none;width:8px;height:8px;border-radius:var(--r-circle);background:var(--blue-ink)}
.team-v2 .team-identity:empty {display:none}
.team-v2 .team-toolbar-actions,.team-v2 .team-heading-actions {display:flex;flex-wrap:wrap;gap:var(--s-5)}
.team-v2 .team-pill-btn {display:inline-flex;align-items:center;gap:var(--s-4);min-height:var(--team-target);padding:0 var(--s-9);border:1px solid var(--team-control-border);border-radius:var(--r-pill);background:var(--btn);color:var(--team-text);font:400 var(--fs-base)/1 var(--font);white-space:nowrap;cursor:pointer}
.team-v2 .team-pill-btn::before {content:"";flex:none;width:16px;height:16px;background:currentColor;mask:url('/icons/timer.svg') center/contain no-repeat;-webkit-mask:url('/icons/timer.svg') center/contain no-repeat}
.team-v2 .team-icon-btn {position:relative;flex:none;display:grid;place-items:center;width:var(--team-target);height:var(--team-target);min-width:var(--team-target);padding:0;border:1px solid var(--team-control-border);border-radius:var(--r-circle);background:var(--btn);color:var(--team-text);font-size:0;line-height:0;cursor:pointer;overflow:hidden}
.team-v2 .team-icon-btn>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.team-v2 .team-icon-btn::before {content:"";width:18px;height:18px;background:currentColor;mask:var(--team-icon) center/contain no-repeat;-webkit-mask:var(--team-icon) center/contain no-repeat}
.team-v2 .team-icon-refresh {--team-icon:url('/icons/refresh.svg')}
.team-v2 .team-icon-plus {--team-icon:url('/icons/plus.svg')}
.team-v2 .team-icon-timesheet {--team-icon:url('/icons/timesheet.svg')}

/* Notched glass members card with the avatar strip in the notch. */
.team-v2 .team-members-card {position:relative;isolation:isolate;min-width:0;padding:var(--s-10);border-radius:var(--r-4xl)}
.team-v2 .team-members-card::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-brd);border-radius:var(--r-4xl);box-shadow:var(--sh);mask:var(--team-notch) top center no-repeat,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:var(--team-notch) top center no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor}
.team-v2 .team-strip {position:absolute;top:5px;left:50%;transform:translateX(-50%);z-index:1;display:flex;align-items:center;justify-content:space-around;gap:var(--s-2);width:min(var(--team-pill-width),calc(100% - 40px));height:50px;padding:0 var(--s-3);border:1px solid var(--glass-brd);border-radius:var(--r-pill);background:var(--glass-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.team-v2 .team-strip .team-avatar {width:38px;height:38px;font-size:var(--fs-sm);cursor:pointer;box-shadow:0 0 0 2px var(--glass-2)}
.team-v2 .team-strip .team-avatar.is-selected {box-shadow:0 0 0 2px var(--team-focus)}
.team-v2 .team-members-heading,.team-v2 .team-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);min-height:46px}
.team-v2 .team-members-heading {margin-bottom:var(--s-9)}
.team-v2 .team-members-heading h2 {padding-inline-start:var(--s-6);white-space:nowrap}
.team-v2 .team-state {padding:var(--s-6)}
.team-v2 .team-state:empty {padding:0}

/* Avatars: design gradients behind fixed dark initials (both themes). */
.team-v2 .team-avatar {flex:none;display:grid;place-items:center;width:var(--team-target);height:var(--team-target);border-radius:var(--r-circle);color:var(--team-avatar-ink);font:600 var(--fs-md)/1 var(--font);background:linear-gradient(135deg,#d3dbe6,#9aa8ba)}
.team-v2 .team-avatar:empty {visibility:hidden}
.team-v2 .team-avatar-lg {width:58px;height:58px;font-size:var(--fs-xl);box-shadow:0 0 0 3px var(--card)}
.team-v2 .team-avatar-sm {width:30px;height:30px;font-size:10px}
.team-v2 .team-av-0 {background:linear-gradient(135deg,#f3c9a8,#d98e6b)}
.team-v2 .team-av-1 {background:linear-gradient(135deg,#c9d6f3,#8aa3dd)}
.team-v2 .team-av-2 {background:linear-gradient(135deg,#e9d2c0,#b98a6a)}
.team-v2 .team-av-3 {background:linear-gradient(135deg,#f2c4c2,#d97c78)}
.team-v2 .team-av-4 {background:linear-gradient(135deg,#d3dbe6,#9aa8ba)}
.team-v2 .team-av-5 {background:linear-gradient(135deg,#e4d8f3,#a796d9)}
.team-v2 .team-avatar-more {background:var(--track);color:var(--team-text)}

/* Member cards: selectable buttons mirroring the native member select. */
.team-v2 .team-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--team-card-min)),1fr));gap:var(--s-6);min-width:0}
.team-v2 .team-card {display:flex;min-width:0}
.team-v2 .team-card-body {flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-5);min-width:0;padding:var(--s-9) var(--s-7) var(--s-7);border:1px solid var(--card-brd);border-radius:var(--r-2xl);background:var(--card);box-shadow:var(--sh-sm);color:var(--team-text);font:inherit;text-align:center}
.team-v2 button.team-card-body {border-color:var(--team-control-border);cursor:pointer}
.team-v2 .team-card.is-inactive .team-card-body {border-style:dashed;border-color:var(--team-control-border)}
.team-v2 .team-card-body[aria-pressed="true"] {background:var(--team-pressed-bg);color:var(--team-pressed-ink);border-color:transparent;box-shadow:0 18px 34px -16px rgba(0,0,0,.55)}
.team-v2 .team-card-text {display:flex;flex-direction:column;gap:var(--s-2);min-width:0;max-width:100%}
.team-v2 .team-card-text strong {font:500 var(--fs-md)/1.25 var(--font);overflow-wrap:anywhere}
.team-v2 .team-email {display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 var(--fs-xs)/1.3 var(--font);color:var(--team-text-2)}
.team-v2 .team-card-body[aria-pressed="true"] .team-email {color:var(--team-pressed-ink)}
.team-v2 .team-card-foot {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;margin-top:var(--s-2);padding-top:var(--s-6);border-top:1px solid var(--line-2)}
.team-v2 .team-badge {display:inline-flex;align-items:center;gap:var(--s-3);min-height:24px;padding:0 var(--s-5);border-radius:var(--r-pill);background:var(--track);color:var(--team-text-2);font:500 var(--fs-xs)/1 var(--font);white-space:nowrap}
.team-v2 .team-role-owner {background:var(--acc);color:var(--on-acc)}
.team-v2 .team-role-admin {background:var(--blue-soft);color:var(--blue-ink)}
.team-v2 .team-badge.is-active {background:transparent;padding-inline:0}
.team-v2 .team-badge.is-active::before {content:"";width:7px;height:7px;border-radius:var(--r-circle);background:var(--blue-ink)}
.team-v2 .team-badge.is-inactive {border:1px dashed var(--team-control-border)}
.team-v2 .team-card-body[aria-pressed="true"] .team-badge {background:var(--team-pressed-chip);color:var(--team-pressed-ink);border-color:currentColor}
.team-v2 .team-card-body[aria-pressed="true"] .team-badge.is-active {background:transparent}
.team-v2 .team-card-body[aria-pressed="true"] .team-badge.is-active::before {background:currentColor}
.team-v2 .team-card-body[aria-pressed="true"] .team-card-foot {border-top-color:var(--team-pressed-chip)}

/* Management panels. */
.team-v2 .team-management {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--team-panel-min)),1fr));gap:var(--s-9);align-items:start;min-width:0}
.team-v2 .team-panel {display:flex;flex-direction:column;gap:var(--s-6);min-width:0;margin:0;padding:var(--s-10);border:1px solid var(--glass-brd);border-radius:var(--r-3xl);background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--sh)}
.team-v2 .team-panel>h2,.team-v2 .team-panel-heading h2 {padding-inline-start:var(--s-2)}
.team-v2 .team-subform {display:flex;flex-direction:column;gap:var(--s-6);margin-top:var(--s-4);padding-top:var(--s-8);border-top:1px solid var(--line-2)}
.team-v2 .team-subtitle {margin:var(--s-4) 0 0;font:500 var(--fs-md)/1.2 var(--font);color:var(--team-text)}
.team-v2 .team-management label,.team-v2 #teamOwnership label,.team-v2 .team-role-field {display:flex;flex-direction:column;gap:var(--s-3);margin:0;min-width:0;font:400 var(--fs-sm)/1.2 var(--font);color:var(--team-text-2)}
.team-v2 .team-field-row {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:var(--s-6)}
.team-v2 .team-management input:not([type="checkbox"]),.team-v2 .team-management select,.team-v2 #teamOwnership select {width:100%;max-width:100%;min-width:0;min-height:48px;padding:0 var(--s-8);border:1px solid var(--team-control-border);border-radius:var(--r-md);background:var(--card);color:var(--team-text);font:400 var(--fs-md)/1.2 var(--font);text-align:start}
.team-v2 .team-management select[multiple] {min-height:auto;padding:var(--s-3)}
.team-v2 .team-management select[multiple] option {min-height:32px;padding:var(--s-3) var(--s-4);border-radius:var(--r-xs)}
.team-v2 .team-management select:disabled,.team-v2 .team-management button:disabled {cursor:not-allowed}
.team-v2 .team-primary {min-height:48px;padding:0 var(--s-10);border:0;border-radius:var(--r-pill);background:var(--acc);color:var(--on-acc);font:500 var(--fs-md)/1 var(--font);box-shadow:0 10px 22px -10px rgba(0,0,0,.5);cursor:pointer}
.team-v2 .secondary-btn:not(.team-pill-btn):not(.team-icon-btn) {min-height:var(--team-target);padding:0 var(--s-8);border:1px solid var(--team-control-border);border-radius:var(--r-pill);background:var(--btn);color:var(--team-text);font:400 var(--fs-base)/1 var(--font);white-space:nowrap;cursor:pointer}
.team-v2 .team-check {flex-direction:row!important;align-items:center;gap:var(--s-5)!important;min-height:var(--team-target);color:var(--team-text)!important;font-size:var(--fs-md)!important;cursor:pointer}
.team-v2 .team-check input {flex:none;width:20px;height:20px;margin:0;accent-color:var(--acc)}

/* Invite: role pills over the native select (hidden only after pills initialize). */
.team-v2 .team-role-field:not(.pills-ready) .team-pills,.team-v2 .team-role-field.pills-ready select {display:none}
.team-v2 .team-pills {display:flex;gap:var(--s-1);padding:3px;border:1px solid var(--team-control-border);border-radius:var(--r-pill);background:var(--card)}
.team-v2 .team-pills button {flex:1;min-height:var(--team-target);border:0;border-radius:var(--r-pill);background:transparent;color:var(--team-text-2);font:400 var(--fs-base)/1 var(--font);cursor:pointer}
.team-v2 .team-pills button[aria-pressed="true"] {background:var(--team-pressed-bg);color:var(--team-pressed-ink);font-weight:500}
.team-v2 .team-pills button:disabled {text-decoration:line-through;cursor:not-allowed}
.team-v2 .team-pills button:focus-visible {outline-offset:-3px}
.team-v2 .team-invite-result {display:flex;align-items:flex-end;gap:var(--s-4);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-7);padding-inline:var(--s-7) var(--s-3);border-radius:var(--r-xl);background:var(--blue-soft)}
.team-v2 .team-invite-result label {flex:1;color:var(--blue-ink)!important}
.team-v2 .team-invite-result input {min-height:var(--team-target)!important;padding:0 var(--s-4)!important;border-color:transparent!important;background:transparent!important;color:var(--blue-ink)!important;font-size:var(--fs-sm)!important;text-overflow:ellipsis}
.team-v2 .team-copy {flex:none;min-height:var(--team-target);padding:0 var(--s-8);border:0;border-radius:var(--r-pill);background:var(--acc);color:var(--on-acc);font:500 var(--fs-sm)/1 var(--font);white-space:nowrap;cursor:pointer}
.team-v2 .team-rows {display:flex;flex-direction:column;gap:var(--s-2)}
.team-v2 .team-row {display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-5);min-height:var(--team-target);padding:var(--s-3) var(--s-6);border:0;border-radius:var(--r-sm);background:var(--row-h);font:400 var(--fs-sm)/1.3 var(--font)}
.team-v2 .team-row>.team-email,.team-v2 .team-row>strong {flex:1 1 160px;font-size:var(--fs-sm);color:var(--team-text)}
.team-v2 .team-row>span {color:var(--team-text-2);font-size:var(--fs-xs)}

/* Roles & permissions: selected-member header and switch rows over native checkboxes. */
.team-v2 .team-selected {display:flex;align-items:center;gap:var(--s-6);min-width:0;padding-inline-start:var(--s-2)}
.team-v2 .team-selected>div {flex:1;min-width:0}
.team-v2 .team-selected .team-note {margin-top:3px;overflow-wrap:anywhere}
.team-v2 .team-grants {display:flex;flex-direction:column;gap:var(--s-1);min-width:0;margin:0;padding:0;border:0}
.team-v2 .team-grants legend {margin-bottom:var(--s-3);padding:0 var(--s-2);font:400 var(--fs-sm)/1.3 var(--font);color:var(--team-text-2)}
.team-v2 .team-grants label {flex-direction:row!important;align-items:center;gap:var(--s-6)!important;min-height:52px;padding:var(--s-3) var(--s-6);border-radius:var(--r-md);color:var(--team-text)!important;font:500 var(--fs-base)/1.25 var(--font)!important;cursor:pointer}
.team-v2 .team-grants label>span {flex:1;min-width:0}
.team-v2 .team-grants input {--team-knob:var(--team-text-2);flex:none;appearance:none;-webkit-appearance:none;width:42px;height:26px;margin:0;border:1px solid var(--team-control-border);border-radius:var(--r-pill);background:radial-gradient(circle at 12px 50%,var(--team-knob) 0 8px,transparent 9px),var(--track);cursor:pointer}
.team-v2 .team-grants input:checked {--team-knob:var(--on-acc);border-color:var(--blue-ink);background:radial-gradient(circle at calc(100% - 12px) 50%,var(--team-knob) 0 8px,transparent 9px),var(--blue-ink)}
:root[dir="rtl"] .team-v2 .team-grants input {background:radial-gradient(circle at calc(100% - 12px) 50%,var(--team-knob) 0 8px,transparent 9px),var(--track)}
:root[dir="rtl"] .team-v2 .team-grants input:checked {background:radial-gradient(circle at 12px 50%,var(--team-knob) 0 8px,transparent 9px),var(--blue-ink)}
.team-v2 .team-grants input:disabled {cursor:not-allowed;border-style:dashed}
.team-v2 .team-grants label:has(input:disabled) {cursor:not-allowed}

/* Groups list. */
.team-v2 .team-group-list {display:flex;flex-direction:column;gap:var(--s-4)}
.team-v2 .team-group {display:flex;align-items:center;gap:var(--s-6);width:100%;min-height:60px;padding:var(--s-4) var(--s-6);border:1px solid var(--team-control-border);border-radius:var(--r-xl);background:var(--card);color:var(--team-text);font:inherit;text-align:start;cursor:pointer}
.team-v2 .team-group[aria-pressed="true"] {box-shadow:inset 0 0 0 2px var(--team-focus)}
.team-v2 .team-stack {display:flex;flex:none;padding-inline-start:8px}
.team-v2 .team-stack .team-avatar {margin-inline-start:-8px;box-shadow:0 0 0 2px var(--card)}
.team-v2 .team-group-text {flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.team-v2 .team-group-text strong {font:500 var(--fs-md)/1.2 var(--font);overflow-wrap:anywhere}
.team-v2 .team-group-text span {font:400 var(--fs-xs)/1.2 var(--font);color:var(--team-text-2)}
.team-v2 .team-group .team-badge.is-active {padding-inline:0}

/* Secondary disclosure panels: private projects and ownership transfer. */
.team-v2 .team-secondary-panel {padding:var(--s-4) var(--s-10);border-style:dashed;border-color:var(--line-2)}
.team-v2 .team-secondary-panel details[open] {padding-bottom:var(--s-8)}
.team-v2 .team-secondary-panel details>*+* {margin-top:var(--s-6)}
.team-v2 .team-secondary-panel summary {display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);min-height:52px;font:500 var(--fs-md)/1.2 var(--font);color:var(--team-text);cursor:pointer;list-style:none}
.team-v2 .team-secondary-panel summary::-webkit-details-marker {display:none}
.team-v2 .team-secondary-panel summary::after {content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--team-control-border);border-radius:var(--r-circle);font:400 var(--fs-lg)/1 var(--font)}
.team-v2 .team-secondary-panel details[open]>summary::after {content:"−"}
.team-v2 #teamOwnershipForm {display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-4)}
.team-v2 #teamOwnershipForm label {flex:1 1 180px}

@media(prefers-reduced-motion:no-preference){
 .team-v2 .team-card-body,.team-v2 .team-icon-btn,.team-v2 .team-pill-btn,.team-v2 .team-group,.team-v2 .team-strip .team-avatar {transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s}
 .team-v2 button.team-card-body:hover,.team-v2 .team-strip .team-avatar:hover {transform:translateY(-3px)}
 .team-v2 .team-icon-btn:hover,.team-v2 .team-pill-btn:hover {background:var(--btn-h);transform:translateY(-2px)}
 .team-v2 .team-pills button {transition:background .35s,color .35s}
}
@media(prefers-reduced-motion:reduce){.team-v2 * {transition:none!important;animation:none!important}}
@media(max-width:1180px){.team-v2 .team-members-heading {padding-top:58px}}
@media(max-width:760px){
 .team-v2 {--team-pill-width:276px;--team-notch:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%2260%22%3E%3Cpath%20d%3D%22M0%20-1H320V0Q300%200%20300%2020V36Q300%2060%20276%2060H44Q20%2060%2020%2036V20Q20%200%200%200Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
 .team-v2 .team-members-card,.team-v2 .team-panel {padding:var(--s-8)}
 .team-v2 .team-secondary-panel {padding-block:var(--s-4)}
 .team-v2 .team-members-heading h2 {font-size:var(--fs-lg)}
 .team-v2 .team-invite-result {flex-wrap:wrap}
 .team-v2 .team-copy {flex:1 1 100%}
}