body.team-page{background:var(--color-bg);color:var(--color-text);min-height:100vh}.team-shell{width:100%;max-width:1080px;padding:var(--space-6) 1.5rem 4rem;gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.team-gate-message{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:4rem 1.5rem}.team-gate-message p{font-size:var(--text-base);margin:0 0 .75rem}.team-gate-message a{color:var(--color-brand-accent);font-size:var(--text-sm);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.team-gate-message a:hover{text-decoration:underline}.team-page-header{margin-bottom:var(--space-2)}.team-page-title{font-family:var(--font-brand);color:var(--color-text);letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.8rem,2vw + 1rem,2.2rem);font-weight:700}.team-page-desc{color:var(--color-text-secondary);max-width:720px;margin:0;font-size:13.5px;line-height:1.5}.team-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);align-items:start;gap:1.5rem;display:grid}@media (width<=860px){.team-grid{grid-template-columns:1fr;gap:1.25rem}}.team-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.team-section-header{border-bottom:1px solid var(--color-border-subtle);margin-bottom:1.25rem;padding-bottom:.85rem}.team-section-header-title{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.team-section-header h2{font-family:var(--font-brand);color:var(--color-text);margin:0;font-size:1.15rem;font-weight:700}.team-count-badge{background:var(--color-bg-subtle);border:1px solid var(--color-border-strong);min-width:22px;height:20px;color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.team-section-desc{color:var(--color-text-secondary);margin:0;font-size:12.5px;line-height:1.45}.team-members-list{flex-direction:column;gap:.65rem;display:flex}.team-members-loading,.team-members-empty{color:var(--color-text-secondary);align-items:center;gap:.75rem;margin:0;padding:1.5rem .5rem;font-size:13px;display:flex}.team-spinner{border:2px solid var(--color-border);border-top-color:var(--color-brand-accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.team-member-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);transition:all .12s var(--ease-out);align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.team-member-card:hover{border-color:var(--color-border-strong);box-shadow:0 2px 6px #0000000a}.team-member-avatar{color:#f4efe7;letter-spacing:.02em;background:#1a0e0e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.team-member-identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.team-member-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.team-member-sub{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.team-member-role{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2.5px 8px;font-size:11px;font-weight:600}.team-member-role.role-owner{color:#6b2936;background:#6b293617;border:1px solid #6b293638}.team-member-role.role-admin{color:#166534;background:#16653414;border:1px solid #16653438}.team-member-role.role-member{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border)}.team-invite-form{flex-direction:column;gap:1rem;display:flex}.team-invite-form .form-group{flex-direction:column;gap:5px;display:flex}.team-invite-form label{color:var(--color-text-secondary);font-size:12.5px;font-weight:600}.required-mark{color:var(--color-brand-accent)}.team-invite-form .input-field-wrap{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius);height:40px;transition:border-color .12s var(--ease-out);align-items:center;gap:8px;padding:0 10px;display:flex}.team-invite-form .input-field-wrap:focus-within{border-color:var(--color-brand-accent);box-shadow:0 0 0 1px var(--color-brand-accent)}.team-invite-form .input-field-wrap .field-icon{color:var(--color-text-muted);flex-shrink:0}.team-invite-form .input-field-wrap:focus-within .field-icon{color:var(--color-brand-accent)}.team-invite-form .input-field-wrap input{width:100%;color:var(--color-text);flex:1;font-size:13.5px;background:0 0!important;border:none!important;outline:none!important;height:100%!important;padding:0!important}.team-invite-form .input-field-wrap input::placeholder{color:var(--color-text-muted);font-size:13px}.team-invite-submit-btn{color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;min-height:42px;transition:background-color .12s var(--ease-out), border-color .12s var(--ease-out);background:#6b2936;border:1px solid #6b2936;justify-content:center;align-items:center;gap:8px;margin-top:.25rem;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #00000014}.team-invite-submit-btn:hover:not(:disabled){background:#54202b;border-color:#54202b}.team-invite-submit-btn:disabled{opacity:.6;cursor:not-allowed}.team-invite-feedback{margin-top:.85rem}
