/* ZelvotriX Agency UX Release — additive, layered overrides.
 * Scoped to existing site and workspace shells. No permissions or workflow logic changes.
 */
:root{--zux-accent:#1461ff;--zux-ink:#112740;--zux-outline:#1769e7;--zux-shadow:0 12px 32px rgba(17,39,64,.09)}
html{scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
body{overflow-wrap:break-word}
:where(.mode-app,.mode-site) :where(button,input,select,textarea){font:inherit}
:where(.mode-app,.mode-site) :where(a,button,input,select,textarea,summary,[role="button"]):focus-visible{outline:3px solid var(--zux-outline)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(20,97,255,.13)}
:where(.mode-app,.mode-site) :where(button,[type="submit"],[role="button"]){touch-action:manipulation}
:where(.mode-app,.mode-site) :where(input,select,textarea){max-width:100%;min-width:0}
:where(.mode-app,.mode-site) :where(label){line-height:1.45}
:where(.mode-app,.mode-site) :where(p,li){overflow-wrap:anywhere}
:where(.mode-app,.mode-site) :where(.muted,small){line-height:1.55}
:where(.mode-app,.mode-site) :where(.card,.panel,.stat-card,.dashboard-card){min-width:0}
:where(.mode-app,.mode-site) :where(.table-wrap,.table-responsive,.data-table-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
:where(.mode-app,.mode-site) table{border-collapse:separate;border-spacing:0}
:where(.mode-app,.mode-site) table :where(th,td){vertical-align:top}
:where(.mode-site) :where(.wrap,.container){min-width:0}
.mode-site :where(.site-header,.site-footer){isolation:isolate}
.mode-site :where(.site-links a,.zx-resource-menu a){text-underline-offset:.2em}
.mode-site :where(.site-links a[aria-current="page"],.zx-resource-menu a[aria-current="page"]){font-weight:750}
.mode-site .zx-nav-resources summary{cursor:pointer}
.mode-site :where(.zx-resource-menu,.site-links){max-width:100%}
.mode-app .app-frame{min-width:0}
.mode-app .app-content{min-width:0}
.mode-app .app-page{min-width:0;max-width:100%;overflow-wrap:break-word}
.mode-app .app-topbar{min-width:0}
.mode-app .app-top-left,.mode-app .app-top-right{min-width:0}
.mode-app .app-page-head{min-width:0}
.mode-app .app-page-head h1{line-height:1.17;letter-spacing:-.025em;overflow-wrap:break-word}
.mode-app .app-navigation a{transition:background-color .17s ease,color .17s ease,border-color .17s ease}
.mode-app .app-navigation a.active{font-weight:750}
.mode-app :where(.app-sidebar,.app-topbar){isolation:isolate}
.mode-app :where(.app-page input,.app-page select,.app-page textarea){min-height:42px}
.mode-app :where(.app-page textarea){min-height:104px}
.mode-app :where(.app-page button,.app-page .btn){min-height:40px}
.mode-app .app-page :where(.grid,.stats-grid,.dashboard-grid){min-width:0}
.mode-app .app-page :where(.grid,.stats-grid,.dashboard-grid)>*{min-width:0}
.mode-app .app-page :where(.muted,.hint,.help-text){color:#52677f}
.mode-app .app-page :where(.alert,.notice,[role="alert"]){overflow-wrap:anywhere}
.mode-app .app-page :where(code,pre){max-width:100%}
.mode-app .app-page pre{overflow-x:auto}
@media(max-width:900px){
 .mode-app .app-page{padding-left:clamp(12px,3vw,24px);padding-right:clamp(12px,3vw,24px)}
 .mode-app .app-topbar{gap:10px}
 .mode-app .app-page-head h1{font-size:clamp(1.4rem,4.4vw,2rem)}
 .mode-site .zx-resource-menu{max-width:calc(100vw - 32px)}
}
@media(max-width:600px){
 .mode-app .app-page{padding-left:14px;padding-right:14px}
 .mode-app .app-page-head{gap:12px}
 .mode-app .app-page-head h1{font-size:clamp(1.45rem,7vw,1.85rem)}
 .mode-app .app-topbar .today-chip{display:none}
 .mode-app .app-page :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px}
 .mode-app .app-page :where(.btn,button[type="submit"]){max-width:100%}
 .mode-app .app-page table{font-size:.875rem}
 .mode-app .app-page table :where(th,td){padding:9px 11px}
 .mode-app .app-page :where(.table-wrap,.table-responsive,.data-table-wrap){margin-inline:0}
 .mode-site :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px}
 .mode-site .site-footer .footer-grid{min-width:0}
}
@media(prefers-reduced-motion:reduce){
 :where(.mode-app,.mode-site) :where(*,*::before,*::after){scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(forced-colors:active){:where(.mode-app,.mode-site) :where(a,button,input,select,textarea):focus-visible{outline:3px solid Highlight!important}}