.participants-panel{width:min(100%,1080px);margin:0 auto;padding:36px 40px 60px;display:flex;flex-direction:column;gap:22px}.participant-section h2,.participants-panel h1{display:flex;align-items:center;gap:9px}.participant-section{background:var(--subtle);border:1px solid var(--border);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:16px}.participant-section h2{font-size:15px;font-weight:600;margin:0}.participant-scope-note,.participant-section p{font-size:13px;line-height:1.6;color:var(--text-muted);margin:0}.participant-section label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:var(--text-muted)}.participant-section input,.participant-section textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:13px}.participant-section input:focus,.participant-section textarea:focus{outline:2px solid var(--text);outline-offset:2px}.participant-create-form,.participant-login-form{display:flex;align-items:end;gap:12px}.participant-create-form label,.participant-login-form label{flex:1 1}.participant-create-form .btn,.participant-login-form .btn{white-space:nowrap;min-height:38px}.participant-error{padding:12px 14px;border-radius:6px;background:color-mix(in srgb,var(--negative) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--negative) 40%,var(--border));color:var(--text);font-size:13px;line-height:1.5}.participant-notice{padding:12px 14px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-muted)}.participant-secret{border-color:var(--text)}.participant-secret textarea{font-family:var(--font-mono,monospace);overflow-wrap:anywhere}.participant-secret .btn{align-self:start}.participant-directory{display:flex;flex-direction:column;gap:10px}.participant-card{display:flex;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.participant-card>div{display:flex;flex-direction:column;align-items:start;gap:7px;min-width:0}.participant-card>div:last-child{align-items:end}.participant-card strong{font-size:14px}.participant-card small,.participant-id{font-size:11px;color:var(--text-muted)}.participant-id{font-family:var(--font-mono,monospace);overflow-wrap:anywhere}.participant-badge{white-space:nowrap;font-size:11px;padding:4px 7px;border:1px solid var(--border);border-radius:4px;color:var(--text)}.participant-badge.revoked{color:var(--text-muted)}@media(max-width:760px){.participants-panel{padding:24px 18px 40px;gap:16px}.participant-section{padding:16px}.participant-create-form,.participant-login-form{flex-direction:column;align-items:stretch}.participant-card{flex-direction:column;gap:12px}.participant-card>div:last-child{align-items:start}.participant-section .section-heading{align-items:start;gap:10px;flex-wrap:wrap}}