
#authRoleChoice[style*="flex"]{display:grid!important;grid-template-columns:repeat(3,1fr);gap:9px}
#authRoleChoice .auth-role-btn{flex-direction:column;justify-content:flex-start;gap:8px;padding:14px 3px 11px;border-radius:16px;text-align:center;background:#fff;border:1px solid var(--border);box-shadow:0 2px 8px rgba(20,60,110,.07);font-size:11px;line-height:1.15;min-height:92px}
#authRoleChoice .auth-role-btn:hover{box-shadow:0 6px 14px rgba(20,60,110,.14)}
#authRoleChoice .auth-role-icon{width:42px;height:42px;font-size:22px;border-radius:13px;border:0}
#authRoleChoice .auth-role-label{display:block;width:100%;white-space:nowrap;font-size:10.5px;letter-spacing:-.2px}
#authRoleChoice .ghost{grid-column:1/-1;order:99}
#authRoleChoice [data-role="owner"] .auth-role-icon{background:#e8f1ff}
#authRoleChoice [data-role="manager"] .auth-role-icon{background:#fff0e0}
#authRoleChoice [data-role="assistant"] .auth-role-icon{background:#e6f7ee}
#authRoleChoice [data-role="tandarts"] .auth-role-icon{background:#f0e9ff}
#authRoleChoice [data-role="mondhygienist"] .auth-role-icon{background:#e0f6f8}
#authRoleChoice [data-role="hr"] .auth-role-icon{background:#ffe9ee}
#authRoleChoice [data-role="boekhouder"] .auth-role-icon{background:#fff7d6}
#authRoleChoice [data-role="lab"] .auth-role-icon{background:#eaeef3}
#authRoleChoice #authPatientBtn .auth-role-icon{background:#e0f0ff}
@media (max-width:480px){#authRoleChoice .auth-role-btn{padding:12px 2px 9px;font-size:10.5px;border-radius:14px}#authRoleChoice .auth-role-icon{width:38px;height:38px;font-size:20px;border-radius:11px}}
