/* Professional membership screens share the existing palette and controls. */
[hidden] { display: none !important; }
.team-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.35fr); gap: 24px; align-items: start; }
.team-grid > *, .team-card { min-width: 0; }
.team-card { padding: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: #161513; }
.team-card h2, .team-card h3 { margin-bottom: 12px; }
.team-card p { margin-bottom: 12px; line-height: 1.6; }
.team-list { display: grid; gap: 16px; margin-top: 16px; padding: 0; list-style: none; }
.team-member { padding: 18px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; overflow-wrap: anywhere; }
.team-member h3 { margin-bottom: 6px; }
.team-member p { margin-bottom: 8px; }
.team-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
.team-actions > label { display: grid; gap: 6px; flex: 1 1 170px; }
.team-feedback { padding: 16px; margin-bottom: 20px; border: 1px solid #FBBF24; border-radius: 10px; color: #EEEEF2; background: #161513; overflow-wrap: anywhere; line-height: 1.6; }
.team-button { min-height: 44px; padding: 10px 16px; border: 1px solid #A39C93; border-radius: 9px; background: transparent; color: #EEEEF2; font: inherit; cursor: pointer; text-align: center; }
.team-button-primary { color: #1A1400; background: #FBBF24; border-color: #FBBF24; font-weight: 700; }
.team-button:disabled { cursor: not-allowed; opacity: .6; }
.team-field { display: grid; gap: 8px; margin-bottom: 18px; }
.team-input { min-width: 0; width: 100%; min-height: 44px; padding: 10px 12px; font: inherit; color: #EEEEF2; background: #131210; border: 1px solid #94908A; border-radius: 8px; }
.team-muted { color: #A39C93; }
.team-access-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.team-access-grid a { text-decoration: underline; }
.invite-page { margin: 0; min-height: 100svh; overflow: auto; display: grid; place-items: center; padding: 24px 16px; }
.invite-main { width: min(100%,560px); }
.invite-main h1 { font-size: 1.7rem; margin: 16px 0; }
.invite-main a { color: #FBBF24; text-underline-offset: 3px; }
.invite-details { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px 16px; margin: 20px 0; }
.invite-details dt { color: #A39C93; }
.invite-details dd { margin: 0; overflow-wrap: anywhere; }
:where(a,button,input,select):focus-visible { outline: 3px solid #60A5FA; outline-offset: 4px; }
@media (max-width: 900px) { .team-grid, .team-access-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 400px) { .team-card { padding: 18px; } .team-actions > button { width: 100%; } .invite-details { grid-template-columns: minmax(0,1fr); gap: 6px; } .invite-details dd { margin-bottom: 10px; } }