/* Shared single-line field dimensions. Width follows the page's layout; textareas
   retain their content height. Compact menus, checkboxes and icon buttons keep
   their own geometry. Mobile editable text stays large enough for iOS focus. */
:root{--app-field-height:var(--app-control-height,36px);--app-field-radius:5px;--app-field-font:11px;--app-field-padding:8px}
html:root body :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=button]):not([type=submit]):not([type=image]),select){box-sizing:border-box!important;height:var(--app-field-height)!important;min-height:var(--app-field-height)!important;border-radius:var(--app-field-radius)!important;font-size:var(--app-field-font)!important;font-weight:400!important;line-height:1.4!important;padding-top:0!important;padding-bottom:0!important;padding-inline:var(--app-field-padding)!important}
html:root body .app-dd{height:var(--app-field-height)!important}
html:root body :is(.app-dd-trigger,.app-time-trigger,.tag-menu>summary){box-sizing:border-box!important;height:var(--app-field-height)!important;min-height:var(--app-field-height)!important;border-radius:var(--app-field-radius)!important;font-size:11px!important;font-weight:400!important;padding-block:0!important;padding-inline:var(--app-field-padding)!important}
html:root body textarea{box-sizing:border-box!important;border-radius:var(--app-field-radius)!important;font-size:var(--app-field-font)!important;font-weight:400!important;line-height:1.5!important;padding:var(--app-field-padding)!important}
/* Existing ID-scoped controls use the same dimensions as the shared fields. */
html:root body :is(#wbSearch,#dailyDate,#periodStart,#periodEnd,#dailyDateTrigger){height:var(--app-field-height)!important;min-height:var(--app-field-height)!important}
html:root body #siteAiDialog .site-ai-form textarea{font-size:var(--app-field-font)!important}
@media(max-width:1024px),(pointer:coarse){
 :root{--app-field-font:16px}
 html:root body :is(.wb-form,.learning-form,.site-ai-form) :is(input,textarea){font-size:16px!important}
 html:root body #wbSearch,html:root body #siteAiDialog .site-ai-form textarea{font-size:16px!important}
}
/* Keep the workbench filter row typographically consistent in narrow desktop
   panels too. Touch devices retain 16px editable text to avoid iOS zoom. */
html:root body #shieldWorkTools #wbSearch::placeholder{font:inherit!important;font-size:inherit!important}
@media(pointer:fine){html:root body #shieldWorkTools #wbSearch{font-size:11px!important}}
@media(pointer:coarse){html:root body #shieldWorkTools .wb-filters :is(.app-dd-trigger,.app-time-trigger){font-size:16px!important}}
html:root body #shieldWorkTools .app-dd-native{width:100%!important;min-width:0!important}
/* The desktop date panel uses the same 11px text as its calendar and actions,
   even when the page itself is displayed in a narrow desktop panel. */
html:root body .app-time-picker{--app-field-font:11px}
html:root body .app-time-picker .app-time-input::placeholder{font:inherit!important;font-size:inherit!important}
@media(pointer:coarse){html:root body .app-time-picker{--app-field-font:16px}}