.staff-role-picker{grid-column:1/-1;border:1px solid #dce1e6;border-radius:16px;padding:20px;min-width:0}.staff-role-picker legend{font-size:16px;font-weight:700;color:#26344d;padding:0 8px}.staff-role-picker>p{font-size:12px;color:#728277;margin:0 0 16px}.staff-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:12px}.role-standard{--role:#576b85;--role-bg:#f2f5fa}.role-waiter{--role:#2165a7;--role-bg:#eff6ff}.role-kitchen{--role:#a3611b;--role-bg:#fff7eb}.role-accounts{--role:#6a48a4;--role-bg:#f6f1ff}.role-cleaner{--role:#244174;--role-bg:#edf2f8}.staff-role-card{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #dce0e5;border-inline-start:4px solid var(--role);border-radius:12px;background:var(--role-bg);padding:18px 40px 18px 14px!important;cursor:pointer;min-height:108px;box-sizing:border-box;margin:0!important}.staff-role-card strong{font-size:14px;color:var(--role)}.staff-role-card small{font-size:11px;line-height:1.7;color:#6d7c73}.staff-role-card input{position:absolute;opacity:0;width:1px;height:1px}.staff-role-check{position:absolute;inset-inline-end:12px;top:15px;width:21px;height:21px;display:grid;place-items:center;border:1px solid #bcc6cf;border-radius:50%;color:transparent;background:white;font-size:13px}.staff-role-card:has(input:checked){border-color:var(--role);box-shadow:0 0 0 2px color-mix(in srgb,var(--role) 15%,transparent)}.staff-role-card input:checked+.staff-role-check{background:var(--role);border-color:var(--role);color:white}.staff-role-card:has(input:focus-visible){outline:3px solid #8daac6;outline-offset:3px}.staff-role-badge{display:inline-block;white-space:nowrap;background:var(--role-bg);color:var(--role);border:1px solid var(--role);border-radius:20px;padding:6px 11px;font-size:11px;font-weight:650}.staff-permission-hint{grid-column:1/-1;color:#6b757e;font-size:12px;margin:0}@media(max-width:600px){.staff-role-picker{padding:14px}.staff-role-grid{grid-template-columns:1fr}.staff-role-card{min-height:95px;padding-inline-end:42px!important}}