:root{--oas-motion-time:240ms;--oas-motion-ease:cubic-bezier(.16,1,.3,1)}
.role-options{border:1px solid var(--border);border-radius:var(--control,6px);padding:12px 15px;margin:18px 0}
.role-options legend{font-size:.8125rem;color:var(--muted);padding-inline:5px}
.role-options label{display:flex;align-items:center;gap:10px;min-height:38px;font-size:.8125rem;cursor:pointer}
.role-options input{width:16px;height:16px;accent-color:var(--accent)}
.nav{position:relative;isolation:isolate}
.oas-nav-indicator{position:absolute;z-index:-1;left:0;top:0;width:100%;height:44px;pointer-events:none;background:#2b465a;border-radius:6px;opacity:0}
.nav.oas-indicator-ready a[aria-current="page"]{background:transparent}
.oas-row-selected{background:var(--raised)}
.oas-inline-emblem{display:block;width:100%;height:100%;object-fit:contain}
@media(prefers-reduced-motion:no-preference){
 .btn,.nav a,.segmented button,.segmented a,.plane-switch button,.close-btn{transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 120ms ease}
 .btn:hover:not(:disabled){transform:translateY(-1px)}
 .btn:active:not(:disabled){transform:translateY(1px)}
 .btn:disabled{transform:none}
 .nav a:hover:not([aria-current="page"]){background:#203442}
 .oas-nav-indicator{transition:transform var(--oas-motion-time) var(--oas-motion-ease),height var(--oas-motion-time) var(--oas-motion-ease),opacity 160ms}
 .panel,.profile-sheet{transition:border-color 180ms ease}
 .panel:hover,.profile-sheet:hover{border-color:#587084}
 tbody tr{transition:background-color 160ms ease}
 tbody tr:hover{background:rgba(174,210,234,.035)}
 .badge,.status{transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease}
 .oas-arriving{animation:oasContentArrive var(--oas-motion-time) var(--oas-motion-ease) both}
 .oas-feedback{animation:oasFeedback 260ms ease-out}
 .oas-rows-arriving tr:nth-child(-n+6){animation:oasRowArrive 200ms ease-out both}
 .oas-rows-arriving tr:nth-child(2){animation-delay:15ms}.oas-rows-arriving tr:nth-child(3){animation-delay:30ms}.oas-rows-arriving tr:nth-child(4){animation-delay:45ms}.oas-rows-arriving tr:nth-child(5){animation-delay:60ms}.oas-rows-arriving tr:nth-child(6){animation-delay:75ms}
 .btn[aria-busy="true"]{background-image:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.15) 50%,transparent 75%);background-size:220% 100%;animation:oasBusy 900ms ease-in-out 8}
 dialog:not(#oas-intro){opacity:0;transform:translateY(5px);transition:opacity 180ms ease,transform 220ms var(--oas-motion-ease),overlay 220ms allow-discrete,display 220ms allow-discrete}
 dialog[open]:not(#oas-intro){opacity:1;transform:none}
 dialog[open].oas-dialog-closing:not(#oas-intro){opacity:0;transform:translateY(3px)}
 dialog:not(#oas-intro)::backdrop{opacity:0;transition:opacity 180ms ease,overlay 220ms allow-discrete,display 220ms allow-discrete}
 dialog[open]:not(#oas-intro)::backdrop{opacity:1}
 dialog[open].oas-dialog-closing:not(#oas-intro)::backdrop{opacity:0}
 @starting-style{dialog[open]:not(#oas-intro){opacity:0;transform:translateY(5px)}dialog[open]:not(#oas-intro)::backdrop{opacity:0}}
 ::view-transition-group(root){animation-duration:var(--oas-motion-time)}
 ::view-transition-old(root){animation:oasPageExit 180ms ease-out both}
 ::view-transition-new(root){animation:oasPageEnter var(--oas-motion-time) var(--oas-motion-ease) both}
}
@keyframes oasContentArrive{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes oasRowArrive{from{opacity:.35}to{opacity:1}}
@keyframes oasFeedback{from{opacity:.55}to{opacity:1}}
@keyframes oasBusy{from{background-position:140% 0}to{background-position:-100% 0}}
@keyframes oasPageExit{to{opacity:0}}
@keyframes oasPageEnter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0s!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media(forced-colors:active){.oas-nav-indicator{display:none}.nav.oas-indicator-ready a[aria-current="page"]{outline:2px solid Highlight}}