/* Shared accessibility refinements for the application screens. */
:root{--ui-readable-muted:#b0adbd;--ui-focus:#8dbbff}
html body[data-ui-page] :is(button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:44px;min-width:44px}
html body[data-ui-page] a:has(svg),html body[data-ui-page] :is(.voltar,.back-btn){min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html body[data-ui-page] :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}
html body[data-ui-page=home] .sidebar-section,
html body[data-ui-page=admin-v1] :is(.sidebar-section,.page-sub,.stat-label,.stat-hint,.act-time),
html body[data-ui-page=editor] :is(#tree-root-name,#empty-state>span,.chat-header-status,.msg-system,.status-bar),
html body[data-ui-page=terminal] :is(.back-btn,.status-text){color:var(--ui-readable-muted)!important}
html body[data-ui-page=app] :is(#view-code-btn,.text-neutral-500,.mob-sw){color:var(--ui-readable-muted)!important}
html body[data-ui-page=admin-v2]{--z-fg-2:#bbb8c8;--z-fg-3:#b0adbd;--z-fg-4:#a5a2b2}
html body[data-ui-page=admin-v2] :is(.z-nav-grupo,.z-top-rotulo,.z-trilha,.z-cab-txt>p,.z-rotulo,.z-stat-rot,.z-stat-cap){color:var(--ui-readable-muted)!important}
html body[data-ui-page=admin-v2] .z-nav-item{min-height:44px}
html body[data-ui-page=editor] .chat-send{width:44px;height:44px}
html body[data-ui-page=app] #desktop-header{height:auto;min-height:48px}
html body[data-ui-page=terminal] .header{height:auto;min-height:56px}
html body[data-ui-page] :is(input[type=checkbox],input[type=radio]){min-width:24px;min-height:24px}
@media(max-width:600px){
 html body[data-ui-page=corte]>header>div,html body[data-ui-page=pesquisa]>header>div{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;padding:8px 12px}
 html body[data-ui-page=corte]>header>div>div,html body[data-ui-page=pesquisa]>header>div>div{min-width:0;flex-wrap:wrap}
 html body[data-ui-page=corte]>header h1,html body[data-ui-page=pesquisa]>header h1{overflow-wrap:anywhere}
 html body[data-ui-page=corte]>header>div>div:last-child,html body[data-ui-page=pesquisa]>header>div>div:last-child{margin-left:auto}
}
html body[data-ui-page=index] a[onclick],html body[data-ui-page=home] :is(.connect-project-link,.home-text-link){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
html body[data-ui-page=home] #spotlight-input{min-height:46px}
html body[data-ui-page=home] .tab-link{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ui-readable-muted)!important;font-family:inherit}
html body[data-ui-page=home] .tab-link.active{border-bottom-color:var(--zh-accent);color:var(--zh-text,#fff)!important}
@media(max-width:800px){
 html body[data-ui-page=editor]{height:auto;min-height:100dvh;overflow:auto}
 html body[data-ui-page=editor] .editor-main{flex-direction:column;overflow:visible;flex:none}
 html body[data-ui-page=editor] .sidebar{width:100%;min-width:0;max-height:200px;flex:none}
 html body[data-ui-page=editor] .file-tree{max-height:150px}
 html body[data-ui-page=editor] .editor-area{width:100%;min-height:360px;flex:none}
 html body[data-ui-page=editor] #monaco-container{height:360px;min-height:360px;flex:none}
 html body[data-ui-page=editor] .chat-panel{width:100%;min-width:0;min-height:360px;flex:none}
 html body[data-ui-page=editor] .chat-messages{max-height:50dvh;overflow:auto}
 html body[data-ui-page=editor] .chat-input{min-width:0}
 html body[data-ui-page=editor] .tabs-bar,html body[data-ui-page=editor] .tabs-actions{flex-wrap:wrap}
 html body[data-ui-page=editor] .status-bar{height:auto;min-height:28px;flex-wrap:wrap}
}
html body[data-ui-page=home] :is(.home-text-link,.connect-project-link){color:var(--ui-readable-muted)!important;border:0;font-family:inherit}
html body[data-ui-page=home] .home-text-link{background:transparent}
html body[data-ui-page=home] :is(.skills-filter-btn,.int-filter-btn,.skill-badge-plugin,.skill-badge-skill,.int-category-badge,.modal-tab,#folder-path){color:var(--ui-readable-muted)!important}
html body[data-ui-page=home] :is([id^=settings-ia-][id$=-status],#folder-list .text-xs){color:var(--ui-readable-muted)!important}
html body[data-ui-page=admin-v2] .z-chip.acento{color:#a7c9ff}
html body[data-ui-page=admin-v2] .z-modal{max-width:calc(100vw - 24px)}
html body[data-ui-page=home] #intmodal-test-btn{color:var(--ui-readable-muted)!important}