/* Team management shares the account palette and starts with the phone layout. */
.workspaces-page { min-width:0; position:relative; }
#workspace-refresh-status { position:absolute; inset-inline:0; margin:0; font-size:var(--fs-meta); line-height:1.4; pointer-events:none; }
.workspaces-page .workspace-intro { display:grid; gap:var(--space-4); }
.workspace-page-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.workspace-page-actions .btn { gap:var(--space-2); font-size:var(--fs-small); }
.workspace-page-actions .ico { width:16px; height:16px; }
.workspace-error { margin-bottom:var(--space-4); }
.workspace-error p { margin:0 0 var(--space-3); }
.workspace-verification { display:grid; gap:var(--space-3); margin-bottom:var(--space-4); }
.workspace-verification p { margin:0; }
.workspace-verification .btn { justify-self:start; }
.workspaces-layout { display:grid; gap:var(--space-4); min-width:0; }
.workspace-picker { min-width:0; }
.workspace-switcher { border:1px solid var(--line); border-radius:var(--radius-md); background:var(--panel); }
.workspace-switcher summary { cursor:pointer; padding:var(--space-3) var(--space-4); display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--space-1) var(--space-3); list-style:none; }
.workspace-switcher summary::-webkit-details-marker { display:none; }
.workspace-switcher summary > span:first-child { grid-column:1; }
.workspace-switcher summary strong { grid-column:1; font-size:var(--fs-small); font-weight:600; overflow-wrap:anywhere; line-height:1.9; }
.workspace-switch-hint { grid-column:2; grid-row:1/3; font-size:var(--fs-meta); color:var(--lapis); padding:var(--space-2); }
.workspace-switcher summary:focus-visible { outline:2px solid var(--lapis); outline-offset:3px; border-radius:var(--radius-md); }
.workspace-switcher input { width:calc(100% - 24px); margin:var(--space-3); box-sizing:border-box; font-size:var(--fs-small); }
#workspace-list { list-style:none; padding:0 var(--space-2) var(--space-2); margin:0; display:grid; gap:var(--space-1); max-height:360px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
#workspace-list button { display:flex; justify-content:space-between; align-items:center; gap:var(--space-3); width:100%; min-width:0; padding:var(--space-3); border:1px solid transparent; border-radius:var(--radius-sm); background:transparent; color:var(--ink-2); font-size:var(--fs-small); text-align:start; cursor:pointer; }
#workspace-list button > span:first-child { min-width:0; overflow-wrap:anywhere; line-height:1.8; }
#workspace-list button:hover { background:var(--panel-2); color:var(--ink); }
#workspace-list button[aria-pressed=true] { background:var(--lapis-soft); border-color:var(--line-2); color:var(--lapis); }
.workspace-picker-empty { padding:var(--space-4); line-height:1.9; }
.workspace-detail { margin-bottom:0; }
.workspace-detail-heading { display:flex; gap:var(--space-3); align-items:start; min-width:0; }
.workspace-detail-heading > .ico { width:24px; height:24px; flex-shrink:0; color:var(--lapis); margin-top:var(--space-1); }
.workspace-detail-heading > div { min-width:0; }
.workspace-detail-heading h2 { margin:0 0 var(--space-1); font-size:var(--fs-title); overflow-wrap:anywhere; line-height:1.7; }
.workspace-detail-heading p { margin:0; }
.workspace-scope-note { margin:var(--space-4) 0; line-height:1.9; }
.workspace-analysis-link { display:inline-flex; align-items:center; min-height:44px; font-size:var(--fs-small); color:var(--lapis); margin-bottom:var(--space-3); }
.workspace-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-1); border-bottom:1px solid var(--line); margin-bottom:var(--space-4); }
.workspace-tabs button { flex:1; padding:var(--space-2) var(--space-3); min-width:0; min-height:44px; border:1px solid transparent; border-radius:var(--radius-sm); background:transparent; color:var(--muted); font-size:var(--fs-small); cursor:pointer; white-space:nowrap; }
.workspace-tabs button:hover { background:var(--panel-2); color:var(--ink); }
.workspace-tabs button[aria-selected=true] { color:var(--lapis); background:var(--lapis-soft); font-weight:600; }
#workspace-panel { min-width:0; }
#workspace-panel h3 { font-size:var(--fs-small); line-height:1.9; }
.workspace-members-heading,.workspace-invitation-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--space-3); flex-wrap:wrap; margin-bottom:var(--space-3); }
.workspace-members-heading h3,.workspace-invitation-heading h3 { margin:0; }
.workspace-invitation-heading > div { flex:1 1 200px; }
.workspace-invitation-heading p { margin:var(--space-1) 0 0; }
.workspace-invitation-heading .btn { font-size:var(--fs-small); gap:var(--space-2); }
.workspace-invitation-heading .ico { width:16px; height:16px; }
.workspace-members,.workspace-invitations { list-style:none; padding:0; margin:0; display:grid; }
.workspace-member-search { margin-bottom:var(--space-2); }
.workspace-member-search input { width:100%; box-sizing:border-box; font-size:var(--fs-small); }
.workspace-member { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:var(--space-3); padding:var(--space-4) 0; border-bottom:1px solid var(--line); }
.workspace-member:last-child,.workspace-invitations > li:last-child { border-bottom:0; }
.workspace-member-identity { display:flex; gap:var(--space-3); min-width:0; }
.workspace-member-identity > div { min-width:0; }
.workspace-member-identity h3 { margin:0 0 var(--space-1); font-weight:600; overflow-wrap:anywhere; }
.workspace-member-identity p { margin:0; font-size:var(--fs-meta); overflow-wrap:anywhere; line-height:1.9; }
.workspace-self { display:inline-block; margin-inline-start:var(--space-2); color:var(--muted); font-weight:400; font-size:var(--fs-meta); }
.workspace-avatar { width:32px; height:32px; display:none; place-items:center; border-radius:var(--radius-sm); background:var(--panel-2); color:var(--lapis); font-size:var(--fs-small); flex-shrink:0; }
.workspace-role { display:inline-flex; align-items:center; justify-content:center; padding:var(--space-1) var(--space-2); border-radius:var(--radius-pill); background:var(--panel-2); color:var(--ink-2); font-size:var(--fs-meta); white-space:nowrap; line-height:1.7; }
.workspace-role.owner { background:var(--lapis-soft); color:var(--ink); }
.workspace-role.admin { background:var(--turquoise-soft); color:var(--turquoise-deep); }
.workspace-member-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:var(--space-2); }
.workspace-member-actions .btn { font-size:var(--fs-small); padding:var(--space-2) var(--space-3); }
.account-page .workspace-member-actions .btn.danger { background:transparent; border-color:transparent; }
.account-page .workspace-member-actions .btn.danger:hover { background:var(--granate-soft); border-color:var(--granate); color:var(--granate); }
.workspace-invitations > li { display:flex; align-items:start; gap:var(--space-3); flex-wrap:wrap; padding:var(--space-4) 0; border-bottom:1px solid var(--line); }
.workspace-invitation-identity { min-width:0; flex:1 1 200px; overflow-wrap:anywhere; font-size:var(--fs-small); }
.workspace-invitation-identity > bdi { font-weight:600; }
.workspace-invitation-identity p { margin:var(--space-1) 0 0; line-height:1.9; }
.workspace-invitations .btn { font-size:var(--fs-small); }
.workspace-invite-state { padding:var(--space-1) var(--space-2); border-radius:var(--radius-sm); font-size:var(--fs-meta); background:var(--panel-2); color:var(--ink-2); line-height:1.8; }
.workspace-invite-state.pending { background:var(--ochre-soft); color:var(--ochre); }
.workspace-invite-state.accepted { background:var(--turquoise-soft); color:var(--turquoise-deep); }
.workspace-empty { display:grid; justify-items:center; align-content:center; gap:var(--space-3); text-align:center; padding:var(--space-6) var(--space-4); min-height:200px; }
.workspace-empty > .ico { width:32px; height:32px; color:var(--lapis); }
.workspace-empty h2,.workspace-empty h3,.workspace-empty p { margin:0; }
.workspace-empty p { max-width:48ch; line-height:1.9; font-size:var(--fs-small); }
.workspace-setting { display:flex; align-items:start; gap:var(--space-4); flex-wrap:wrap; padding-block:var(--space-5); border-top:1px solid var(--line); }
.workspace-setting > div { min-width:0; flex:1 1 240px; }
.workspace-setting h3 { margin:0 0 var(--space-2); }
.workspace-setting p { margin:0; }
.workspace-setting .btn { font-size:var(--fs-small); flex-shrink:0; }
.workspace-danger h3 { color:var(--granate); }
.workspace-rename { margin-bottom:var(--space-5); }
.workspace-rename h3 { margin:0 0 var(--space-3); }
.workspace-rename > div { display:flex; align-items:start; gap:var(--space-2); flex-wrap:wrap; }
.workspace-rename input { flex:1 1 200px; box-sizing:border-box; width:100%; }
.workspace-rename .btn { font-size:var(--fs-small); }
.workspace-dialog { width:min(500px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); margin:auto; box-sizing:border-box; padding:var(--space-5); border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--panel); color:var(--ink); box-shadow:var(--shadow-lg); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.workspace-dialog::backdrop { background:rgb(5 12 24 / .6); backdrop-filter:blur(4px); }
.workspace-dialog h2 { font-size:var(--fs-title); line-height:1.7; margin:0 0 var(--space-3); overflow-wrap:anywhere; }
.workspace-dialog p { font-size:var(--fs-small); line-height:1.9; overflow-wrap:anywhere; }
#workspace-dialog-description { background:var(--panel); }
.workspace-dialog label { font-size:var(--fs-small); line-height:1.9; }
.workspace-dialog form > label:not(.workspace-ack),.workspace-dialog > label { display:block; margin-bottom:var(--space-2); }
.workspace-dialog input:not([type=radio]):not([type=checkbox]),.workspace-dialog textarea { width:100%; box-sizing:border-box; font:inherit; font-size:16px; min-width:0; min-height:44px; color:var(--ink); background:var(--paper); border:1px solid var(--line-2); border-radius:var(--radius-sm); padding:var(--space-3); }
.workspace-dialog textarea { resize:vertical; overflow-wrap:anywhere; white-space:pre-wrap; }
.workspace-dialog #workspace-invite-code { font-family:ui-monospace,monospace; font-size:var(--fs-small); }
.workspace-dialog input[type=radio],.workspace-dialog input[type=checkbox] { width:18px; height:18px; min-height:18px; flex-shrink:0; padding:0; margin:4px 0 0; accent-color:var(--lapis); }
.workspace-dialog input:focus-visible,.workspace-dialog textarea:focus-visible,.workspace-dialog button:focus-visible,#workspace-panel:focus-visible { outline:2px solid var(--lapis); outline-offset:3px; }
.workspace-dialog fieldset { min-width:0; border:0; padding:0; margin:var(--space-4) 0; }
.workspace-dialog legend { font-size:var(--fs-small); font-weight:600; margin-bottom:var(--space-2); }
.workspace-role-options { display:grid; gap:var(--space-2); }
.workspace-role-options label,.workspace-transfer-members label { display:flex; align-items:start; gap:var(--space-3); min-height:44px; padding:var(--space-3); border:1px solid var(--line); border-radius:var(--radius-sm); cursor:pointer; }
.workspace-role-options label:has(input:checked),.workspace-transfer-members label:has(input:checked) { background:var(--lapis-soft); border-color:var(--lapis); }
.workspace-role-options label strong { display:block; font-weight:600; }
.workspace-role-options small { display:block; color:var(--muted); font-size:var(--fs-meta); }
.workspace-expiry { display:flex; flex-wrap:wrap; gap:var(--space-3); }
.workspace-expiry label { display:flex; align-items:center; gap:var(--space-2); min-height:44px; cursor:pointer; }
.workspace-transfer-members { display:grid; gap:var(--space-2); max-height:280px; overflow:auto; overscroll-behavior:contain; }
.workspace-transfer-members label > span { min-width:0; overflow-wrap:anywhere; display:flex; flex-wrap:wrap; gap:var(--space-2); }
.workspace-ack { display:flex; align-items:start; gap:var(--space-3); min-height:44px; margin-top:var(--space-4); cursor:pointer; }
.workspace-dialog-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-5); }
.workspace-dialog-actions .btn { flex:1 1 140px; min-height:44px; font-size:var(--fs-small); white-space:nowrap; }
.workspace-dialog .form-error { color:var(--granate); }
.workspace-delete-remedy { display:block; color:var(--lapis); margin-top:var(--space-2); min-height:32px; }
.workspace-access-members { list-style:none; margin:0; padding:0; }
.workspace-access-members li { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-3); padding-block:var(--space-4); border-bottom:1px solid var(--line); }
.workspace-access-members li > div { flex:1 1 180px; min-width:0; overflow-wrap:anywhere; }
.workspace-access-members p { margin:var(--space-1) 0 0; }
.workspace-access-members .btn { font-size:var(--fs-small); }
.workspace-resource-options { display:grid; gap:var(--space-2); max-height:240px; overflow:auto; overscroll-behavior:contain; }
.workspace-resource-options label,.workspace-permission-options label { display:flex; align-items:start; gap:var(--space-3); min-height:44px; padding:var(--space-3); border:1px solid var(--line); border-radius:var(--radius-sm); cursor:pointer; }
.workspace-resource-options label:has(:checked),.workspace-permission-options label:has(:checked) { background:var(--lapis-soft); border-color:var(--lapis); }
.workspace-resource-options span { min-width:0; overflow-wrap:anywhere; }
.workspace-resource-options small { display:block; color:var(--muted); font-size:var(--fs-meta); }
.workspace-permission-options { display:grid; gap:var(--space-2); }
@media (min-width:480px) {
  .workspace-tabs { display:flex; flex-wrap:wrap; }
  .workspace-avatar { display:grid; }
  .workspace-tabs button { flex:0 1 auto; padding-inline:var(--space-5); }
  .workspace-member-actions { grid-column:1; padding-inline-start:44px; }
}
@media (min-width:1100px) {
  .workspaces-layout { grid-template-columns:minmax(180px,.7fr) minmax(0,2fr); align-items:start; }
  .workspace-picker { position:sticky; top:var(--space-5); }
  .workspace-switcher summary { grid-template-columns:minmax(0,1fr); }
  .workspace-switch-hint { grid-column:1; grid-row:auto; padding:0; }
}
@media (min-width:1300px) {
  .workspaces-page .workspace-intro { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; }
  .workspace-intro > div:first-child { flex:1 1 320px; }
  .workspace-page-actions { flex:0 0 auto; padding-top:var(--space-4); }
  .workspace-member { grid-template-columns:minmax(0,1fr) auto auto; align-items:center; }
  .workspace-member-actions { grid-column:auto; padding-inline-start:0; flex-wrap:nowrap; }
  .workspace-member-actions .btn { padding-inline:var(--space-2); }
}
@media (prefers-reduced-motion:reduce) { .workspace-dialog,.workspaces-page * { scroll-behavior:auto; transition:none; animation:none; } }