/* Compact is the existing layout. Larger settings change legibility, not access. */
.app-controls{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.app-controls .display-size-control{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#b8cbd3}
.app-controls select{font:16px system-ui;width:auto;max-width:135px;padding:6px 8px;min-height:36px}
.app-controls button{font:14px system-ui;padding:8px 10px;min-height:36px;margin:0}
.app-controls .display-save-status{font-size:12px;max-width:170px}
header:has(.app-controls){gap:10px;flex-wrap:wrap}
html[data-display-size="standard"] body{font-size:18px}
html[data-display-size="large"] body{font-size:20px}
html[data-display-size="standard"] :is(.muted,.metric span,.note,.field label,.toolbar label){font-size:15px}
html[data-display-size="large"] :is(.muted,.metric span,.note,.field label,.toolbar label){font-size:17px}
html[data-display-size="standard"] :is(.pill,.status){font-size:14px}
html[data-display-size="large"] :is(.pill,.status){font-size:16px}
html[data-display-size="standard"] .badge{font-size:13px}
html[data-display-size="large"] .badge{font-size:15px}
html[data-display-size="standard"] .metric strong{font-size:30px}
html[data-display-size="large"] .metric strong{font-size:34px}
html[data-display-size="standard"] nav button{font-size:17px}
html[data-display-size="large"] nav button{font-size:19px}
html[data-display-size="standard"] :is(input,textarea,select){font-size:18px}
html[data-display-size="large"] :is(input,textarea,select){font-size:20px}
html[data-display-size="standard"] :is(button,a.button-link){min-height:46px}
html[data-display-size="large"] :is(button,a.button-link){min-height:50px}
html[data-display-size="large"] :is(.panel,.job){padding:20px}
html[data-display-size="large"] :is(.job h3,.job p){overflow-wrap:anywhere}
html[data-display-size] .app-controls select{font-size:16px;min-height:36px}
html[data-display-size] .app-controls button{font-size:14px;min-height:36px}