.workspace-admin { max-width: 1120px; margin: 0 auto; padding-bottom: 24px; }
.admin-owner-label { display: flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 3px; font: 10px var(--mono); color: var(--muted); white-space: nowrap; }
.admin-owner-label svg { width: 13px; height: 13px; }
.admin-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 24px; border: 1px solid var(--line); border-radius: 4px; background: #f8f7f2; }
.admin-summary > div { display: flex; align-items: center; gap: 13px; padding: 17px 20px; color: var(--muted); font-size: 11px; }
.admin-summary > div + div { border-left: 1px solid var(--line); }
.admin-summary-value { color: var(--ink); font: 27px var(--mono); letter-spacing: -1px; }
.admin-top-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.admin-panel { border: 1px solid var(--line); border-radius: 4px; background: var(--card); margin-bottom: 20px; padding: 24px; min-width: 0; }
.admin-section-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.admin-section-heading h2 { font-size: 16px; font-weight: 500; letter-spacing: -.35px; }
.admin-section-heading > .mono { margin-left: auto; font-size: 10px; }
.admin-index { color: var(--orange); font: 10px var(--mono); }
.admin-panel-intro { color: var(--muted); font-size: 12px; line-height: 1.65; max-width: 780px; margin-bottom: 18px; }
.workspace-admin .help-text { font-size: 11px; line-height: 1.6; }
.admin-fieldset { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.admin-fieldset legend { margin-bottom: 8px; }
.admin-fieldset > .help-text { margin: -2px 0 10px; }
.admin-choice { display: flex; align-items: flex-start; gap: 10px; min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 3px; font-size: 12px; cursor: pointer; background: #f7f7f1; }
.admin-choice input { margin: 3px 0 0; width: 15px; height: 15px; flex: 0 0 auto; accent-color: var(--orange); }
.admin-choice > span { min-width: 0; overflow-wrap: anywhere; }
.admin-choice small { display: flex; gap: 4px; align-items: center; color: var(--muted); font-size: 10px; line-height: 1.5; margin-top: 2px; }
.admin-choice small svg { width: 10px; height: 10px; }
.admin-project-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; max-height: 240px; overflow: auto; }
.admin-invite-panel form > .help-text { margin-top: 9px; }
.admin-pilot-preview { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 15px; }
.admin-pilot-preview li { display: flex; gap: 11px; }
.admin-pilot-preview li > span { display: flex; color: var(--muted); margin-top: 1px; }
.admin-pilot-preview svg { width: 16px; height: 16px; }
.admin-pilot-preview strong { font-size: 12px; font-weight: 600; }
.admin-pilot-preview p { font-size: 11px; line-height: 1.6; margin-top: 2px; color: var(--muted); }
.admin-pilot-panel > .help-text { margin-top: 10px; }
.admin-pilot-installed { display: flex; gap: 9px; padding: 13px; background: var(--sage); border: 1px solid #d8dfcf; border-radius: 3px; font-size: 12px; }
.admin-pilot-installed > svg { color: var(--green); width: 16px; height: 16px; margin-top: 1px; }
.admin-pilot-installed strong { font-weight: 500; }
.admin-pilot-installed p { margin-top: 4px; font-size: 11px; }
.admin-badge { display: inline-flex; align-items: center; padding: 3px 6px; border: 1px solid var(--line); border-radius: 3px; color: var(--muted); font: 9px var(--mono); line-height: 1.3; white-space: nowrap; }
.admin-badge.active { color: #536642; border-color: #d4ddc9; background: #edf0e6; }
.admin-badge.disabled { color: #8b6855; border-color: #e2d4c9; background: #f5ece5; }
.admin-person { padding: 15px 0; display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.admin-person + .admin-person { border-top: 1px solid var(--line); }
.admin-person:last-child { padding-bottom: 0; }
.admin-person-identity { display: flex; gap: 12px; align-items: center; min-width: 0; }
.admin-person-identity > div { min-width: 0; }
.admin-person-initials { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #d5d9ca; background: #e7eadd; color: #647054; border-radius: 50%; font: 10px var(--mono); }
.admin-person h3 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.admin-person p, .admin-invitation p { color: var(--muted); font-size: 11px; margin-top: 3px; overflow-wrap: anywhere; }
.admin-person-actions { display: flex; align-items: center; justify-content: flex-end; gap: 15px; flex-shrink: 0; }
.admin-protected-label { min-width: 105px; font-size: 10px; color: var(--muted); text-align: right; }
.admin-invitation { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 0; }
.admin-invitation + .admin-invitation { border-top: 1px solid var(--line); }
.admin-invitation:last-child { padding-bottom: 0; }
.admin-invitation > div:first-child { min-width: 0; }
.admin-invitation h3 { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.admin-invitation-actions { display: flex; gap: 12px; align-items: center; flex-shrink: 0; }
.admin-empty { font-size: 12px; color: var(--muted); padding: 9px 0; line-height: 1.6; }
.admin-project { border: 1px solid var(--line); border-radius: 3px; background: #f8f8f2; }
.admin-project + .admin-project { margin-top: 10px; }
.admin-project summary { display: flex; list-style: none; justify-content: space-between; gap: 15px; align-items: center; padding: 16px; cursor: pointer; }
.admin-project summary::-webkit-details-marker { display: none; }
.admin-project-name { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; min-width: 0; }
.admin-project-name strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.admin-project-name > svg { width: 15px; height: 15px; color: var(--muted); }
.admin-project-count { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.admin-project-count svg { width: 14px; height: 14px; transition: transform .12s; }
.admin-project[open] .admin-project-count svg { transform: rotate(180deg); }
.admin-project form { padding: 0 16px 17px; }
.admin-privacy-choice { margin-bottom: 19px; background: #fdfcf8; }
.admin-member-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.admin-member-choices .admin-choice { background: #fdfcf8; }
.admin-choice-disabled { color: var(--muted); cursor: default; }
.admin-project-save { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.admin-error { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 20px; background: #fae9e0; border: 1px solid #e7c5b2; color: #a44424; border-radius: 3px; padding: 13px 15px; font-size: 12px; }
.admin-error svg { width: 15px; height: 15px; margin-top: 1px; }
.admin-invite-result { padding: 19px 21px; margin-bottom: 20px; background: #f8eddf; border: 1px solid #dfc5a8; border-radius: 4px; }
.admin-invite-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 7px; }
.admin-invite-result-heading strong { font-size: 14px; font-weight: 500; }
.admin-invite-result > p { max-width: 780px; color: #7b6d5c; font-size: 12px; line-height: 1.6; }
.admin-copy-row { display: flex; gap: 9px; align-items: center; margin: 13px 0 9px; }
.admin-copy-row input { min-width: 0; flex: 1; border: 1px solid #dfcbb4; background: #fffaf1; padding: 10px; border-radius: 3px; font: 11px var(--mono); }
.admin-loading { color: var(--muted); padding: 36px 0; }
@media (max-width: 1100px) { .admin-top-grid { grid-template-columns: 1fr; gap: 0; } .admin-member-choices { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) {
  .workspace-admin .page-heading { align-items: flex-start; gap: 12px; }
  .admin-owner-label { font-size: 0; gap: 0; padding: 8px; }
  .admin-owner-label svg { width: 16px; height: 16px; }
  .admin-summary > div { flex-direction: column; gap: 3px; align-items: flex-start; padding: 12px; font-size: 10px; }
  .admin-summary-value { font-size: 23px; }
  .admin-panel { padding: 18px 15px; }
  .admin-person, .admin-invitation { align-items: flex-start; flex-direction: column; gap: 10px; }
  .admin-person-actions, .admin-invitation-actions { justify-content: space-between; width: 100%; padding-left: 43px; }
  .admin-invitation-actions { padding-left: 0; }
  .admin-person-actions .button, .admin-invitation-actions .button { min-height: 36px; }
  .admin-project summary { padding: 13px 10px; gap: 10px; }
  .admin-project-count { font-size: 0; gap: 0; }
  .admin-project-count svg { width: 17px; height: 17px; }
  .admin-project form { padding: 0 10px 13px; }
  .admin-project-save { flex-direction: column; align-items: stretch; gap: 11px; }
  .admin-member-choices { grid-template-columns: 1fr; }
  .admin-project-choices { grid-template-columns: 1fr; max-height: 230px; }
  .admin-choice { min-height: 44px; }
  .admin-choice input { width: 18px; height: 18px; margin-top: 1px; }
  .admin-invite-result { padding: 15px; }
  .admin-copy-row { flex-direction: column; align-items: stretch; }
  .admin-copy-row input, .workspace-admin input[type=email] { font-size: 16px; }
  .admin-copy-row input { width: 100%; }
  .admin-protected-label { min-width: 0; }
}
