/* Leadstrium GUI Elite — visual tranche 22: navigation / surface consistency */
:root{--gui-22-ring:color-mix(in srgb,#08b8af 62%,transparent);--gui-22-ease:cubic-bezier(.2,.7,.2,1)}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #08b8af!important;outline-offset:3px!important}
:where(button,input,select,textarea){font:inherit}
:where(button,[role="button"]){touch-action:manipulation}
:where(button):disabled{cursor:not-allowed;opacity:.65}
:where([aria-current="page"]){text-decoration-thickness:2px;text-underline-offset:4px}
:where([role="alert"],[aria-live="assertive"]){overflow-wrap:anywhere}
:where(.card,.panel,[data-card]){min-width:0}
:where(pre,code){overflow-wrap:anywhere}
:where(.table-responsive,[data-table-scroll]){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
:where(svg[aria-hidden="true"]){pointer-events:none}
@media(max-width:767px){:where(main,.main-content,[role="main"]){min-width:0}:where(.table-responsive,[data-table-scroll]){scrollbar-width:thin}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){:where(button,[role="button"]):not(:disabled){transition:box-shadow .16s var(--gui-22-ease),background-color .16s var(--gui-22-ease),border-color .16s var(--gui-22-ease)}}
@media(prefers-reduced-motion:reduce){:where(*,*::before,*::after){animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){:where(a,button,input,textarea,select):focus-visible{outline:2px solid Highlight!important}}