/* Shared management-page polish. Operational POS/KDS/Waiters layouts keep
   their existing geometry; client colors and uploaded icons remain intact. */
html[data-workspace-active] .nav-icon{width:19px;height:19px;flex:0 0 19px;object-fit:contain;vertical-align:middle}
html[data-workspace-active] .nav button{gap:12px;text-align:left}
html[data-workspace-active] .nav button>span{min-width:0;line-height:1.45}
html[data-workspace-active] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
html[data-workspace-active][data-workspace-layout="standard"] #content{min-width:0}
html[data-workspace-active][data-workspace-layout="standard"] #content>.section-head{margin-bottom:20px}
html[data-workspace-active][data-workspace-layout="standard"] .section-head h1{line-height:1.2;letter-spacing:-.035em}
html[data-workspace-active][data-workspace-layout="standard"] .section-head p{max-width:68ch;line-height:1.65;margin-bottom:0}
html[data-workspace-active][data-workspace-layout="standard"] :is(.btn,.tab){gap:8px}
html[data-workspace-active][data-workspace-layout="standard"] :is(.btn,.tab)>.nav-icon{width:18px;height:18px;flex-basis:18px}
html[data-workspace-active][data-workspace-layout="standard"] .field{min-width:0;gap:8px}
html[data-workspace-active][data-workspace-layout="standard"] .field :is(input,select,textarea){max-width:100%;font:inherit}
html[data-workspace-active][data-workspace-layout="standard"] :is(.amount,.finance-value,.metric strong){font-variant-numeric:tabular-nums}
html[data-workspace-active] .outlet-context label{flex-wrap:wrap}
html[data-workspace-active] .outlet-context select{background:var(--ws-input);max-width:100%;min-width:0}
@media(max-width:650px){
 html[data-workspace-active][data-workspace-layout="standard"] .section-head{gap:16px;flex-wrap:wrap}
 html[data-workspace-active][data-workspace-layout="standard"] .section-head h1{font-size:1.5rem}
 html[data-workspace-active][data-workspace-layout="standard"] .section-head>.row{width:100%;flex-wrap:wrap}
 html[data-workspace-active][data-workspace-layout="standard"] .section-head>.row>.btn{flex:1 1 auto}
 html[data-workspace-active][data-workspace-layout="standard"] .field :is(input,select,textarea){font-size:16px}
 html[data-workspace-active] .outlet-context select{width:100%}
}
@media(prefers-reduced-motion:reduce){html[data-workspace-active] .aside{transition:none}}