/* Fluenta incremental UI refresh — existing branding and layouts preserved */
:root{--fl-radius:16px;--fl-focus:#7c3aed}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--fl-focus);outline-offset:3px}
:where(button,.btn,a){touch-action:manipulation}
:where(.panel,.card,.plan,.criterion,.account){border-radius:var(--fl-radius)}
:where(input,select,textarea){max-width:100%;font:inherit}
:where(.page,.admin-page){width:100%;min-width:0}
:where(.panel,.card,.question-list,.tool-grid){min-width:0}
:where(table){display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
:where(.topbar){position:relative;z-index:10}
:where(.btn,button){transition:filter .16s ease,transform .16s ease}
:where(.btn,button):not(:disabled):active{transform:translateY(1px)}
:where(.btn,button):disabled{cursor:not-allowed;opacity:.6}
@media(max-width:760px){
 :where(.page,.admin-page){padding:18px 12px}
 :where(.topbar){gap:8px}
 :where(.panel){padding:16px}
 :where(.criteria-grid,.stat-grid,.module-grid,.tool-grid,.side-stack,.quick-grid){grid-template-columns:1fr}
 :where(.btn){min-height:42px}
}
@media(prefers-reduced-motion:reduce){:where(*, *::before, *::after){animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
