.staff-page{width:100%}.staff-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;width:100%;margin-top:4px}.staff-directory-item{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;min-width:0;padding:18px 20px 18px 16px;border:1px solid transparent;border-left:3px solid var(--staff-role-accent,#64748b);border-radius:18px;background:color-mix(in srgb,var(--card,#0d1a2e) 62%,transparent);transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.staff-directory-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--staff-role-accent,#64748b) 44%,transparent);border-left-color:var(--staff-role-accent,#64748b);background:color-mix(in srgb,var(--card,#0d1a2e) 84%,transparent);box-shadow:0 14px 32px rgba(0,0,0,.12)}.staff-directory-photo{width:96px;height:96px;display:block;border-radius:50%;object-fit:cover;object-position:center;border:2px solid color-mix(in srgb,var(--staff-role-accent,#64748b) 46%,var(--border,#2a3d60));background:#e8eef5}.staff-directory-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.staff-directory-copy h2{max-width:100%;margin:0;font-size:1.22rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-position{max-width:100%;margin:.25rem 0 .45rem;color:var(--muted,#9eabc0);font-size:.92rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-role-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.28rem .62rem;border-radius:999px;font-size:.76rem;font-weight:750;line-height:1.2}.staff-contact-list{display:flex;flex-wrap:wrap;gap:.32rem 1rem;max-width:100%;margin-top:.62rem}.staff-contact-list a{max-width:100%;color:var(--text-secondary,#b8c4d6);font-size:.86rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-contact-list a:hover{color:var(--accent,#7c83ff);text-decoration:underline}.staff-directory-actions{display:flex;gap:.45rem;margin-top:.75rem;opacity:.72;transition:opacity .18s ease}.staff-directory-item:hover .staff-directory-actions,.staff-directory-item:focus-within .staff-directory-actions{opacity:1}.staff-directory-actions button{min-height:32px;padding:.35rem .66rem;border:1px solid var(--border,#2a3d60);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.8rem;cursor:pointer}.staff-directory-actions button:hover{border-color:var(--accent,#6d6eff);background:color-mix(in srgb,var(--accent,#6d6eff) 12%,transparent)}
@media(max-width:1000px){.staff-directory{gap:20px}}
@media(max-width:900px){.staff-directory{grid-template-columns:1fr}}
@media(max-width:520px){.staff-directory-item{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px}.staff-directory-photo{width:72px;height:72px}.staff-directory-copy h2{font-size:1.08rem}.staff-contact-list{flex-direction:column;gap:.25rem}.staff-directory-actions{opacity:1}}
.pending-invitations{margin-bottom:24px;padding:22px}.invitation-list{display:grid;gap:10px;margin-top:16px}.invitation-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.invitation-row>div:first-child{display:grid;gap:4px;min-width:0}.invitation-row strong{overflow:hidden;text-overflow:ellipsis}.invitation-row span:not(.status-badge){font-size:13px;color:var(--secondary)}.status-badge.pending{color:var(--warning);background:#f59e0b1f}.status-badge.accepted{color:var(--success);background:#22c55e1f}.status-badge.expired,.status-badge.cancelled{color:var(--secondary);background:var(--elevated)}@media(max-width:760px){.invitation-row{grid-template-columns:1fr}.invitation-row .row-actions{justify-content:flex-start;flex-wrap:wrap}}