.staff-card-wrap{justify-content:center;padding:40px 0 80px;display:flex}.staff-card{width:100%;max-width:480px}.staff-card h1{margin:8px 0 16px;font-size:34px}.staff-card h2{margin:10px 0 8px;font-size:22px}.staff-card .button.wide{width:100%;margin-top:22px}.staff-card .text-button{width:100%;margin-top:10px}.staff-qr{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:14px 0 4px;display:flex}.staff-qr img{border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px}.staff-secret{letter-spacing:1px;word-break:break-all;-webkit-user-select:all;user-select:all;background:#eff1e8;border-radius:10px;padding:12px 14px;font-size:17px;display:block}.staff-hint,.staff-lock{color:var(--muted);align-items:center;gap:7px;margin-top:18px;font-size:13px;display:flex}.staff-who{overflow-wrap:anywhere;flex-direction:column;align-items:flex-end;max-width:320px;margin-right:10px;font-size:14px;font-weight:650;line-height:1.25;display:flex}.staff-who small{color:var(--muted);font-size:12px;font-weight:400}.staff-add{gap:4px;max-width:560px;display:grid}.staff-roles{border:0;flex-wrap:wrap;gap:8px 20px;margin:18px 0 6px;padding:0;display:flex}.staff-roles legend{margin-bottom:10px;font-size:17px;font-weight:650}.staff-roles label{align-items:center;gap:9px;font-size:15px;display:inline-flex}.staff-add .button{justify-self:start;margin-top:14px}.staff-rows{gap:12px;display:grid}.staff-row{border:1px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px;display:flex}.staff-row.inactive{opacity:.65}.staff-row-main{gap:3px;min-width:240px;display:grid}.staff-row-main small{color:var(--muted);font-size:13px}.staff-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.staff-chip{background:#eff1e8;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.staff-actions{flex-wrap:wrap;gap:8px;display:flex}.staff-edit{gap:8px;display:grid}.staff-audit{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.staff-audit li{border-bottom:1px solid var(--line);padding-bottom:8px}.staff-audit time{color:var(--muted);margin-right:8px}.staff-audit small{color:var(--muted)}@media (max-width:700px){.staff-who{display:none}.staff-card-wrap{padding:20px 0 60px}.staff-card h1{font-size:28px}}.staff-card .button.wide.staff-alt{margin-top:10px}.staff-menu{position:relative}.staff-menu summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.staff-menu summary::-webkit-details-marker{display:none}.staff-menu-panel{z-index:30;border:1px solid var(--line);background:#fff;border-radius:12px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #17292224}.staff-menu-panel button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;display:block}.staff-menu-panel button:hover{background:#eff1e8}.staff-roles{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.staff-roles legend{margin-bottom:12px;padding:0 4px}.staff-roles label{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;line-height:1.2;display:inline-flex}.staff-roles label:has(input:checked){background:#eff1e8;border-color:#172922;font-weight:650}.staff-roles input[type=checkbox]{flex:none;width:18px;min-width:18px;height:18px;margin:0;padding:0}@media (max-width:700px){.staff-roles label{flex:calc(50% - 10px)}}