.admin-navigating::before{content:'Opening workspace…';position:fixed;top:0;left:0;right:0;z-index:10000;background:#173f5f;color:white;text-align:center;padding:5px;font-size:13px;pointer-events:none}
.role-tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:20px 0}
.role-tab-option{display:flex;align-items:center;gap:10px;border:1px solid #d9e1e8;border-radius:8px;padding:14px;background:white}
.role-tab-option input{width:20px;height:20px;flex-shrink:0}.role-tab-option small{color:#566474}.role-tab-option:focus-within{outline:2px solid #067a81;outline-offset:2px}
button.danger{background:#a82026;color:#fff;border-color:#a82026}button.danger:hover{background:#841a20}
nav{overscroll-behavior:contain}button:focus-visible{outline:3px solid #007a83;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.navigation-tools{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:38px}
#navigationTrail{flex:1;color:#536573;text-transform:capitalize;font-size:13px;overflow-wrap:anywhere}
.admin-navigating main.workspace>*:not(.navigation-tools){pointer-events:none}
.admin-navigating main.workspace{cursor:progress}
main.workspace:focus{outline:none}.navigation-tools button{min-height:40px}
@media(max-width:640px){.navigation-tools{gap:8px}.heading{flex-wrap:wrap}.heading .actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar input{min-width:0;max-width:100%;flex:1 1 180px}.navigation-tools button{min-height:44px}}

.role-tab-option{align-items:flex-start;overflow-wrap:normal;word-break:normal;min-width:0}.role-tab-option input{margin-top:3px}.role-tab-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}