/* Shared OMBoxOS form density contract: DeviceContext first, viewport fallback second. */
.ombox-form{--widget-control-min-height:38px;--widget-control-padding-x:12px;--widget-font-size:14px;--widget-label-font-size:14px;--form-textarea-min-height:84px}
body.device-mobile .ombox-form,body.shell-variant-mobile .ombox-form{--widget-control-min-height:44px;--widget-control-padding-x:12px;--widget-font-size:16px;--widget-label-font-size:13px;--form-textarea-min-height:88px;gap:12px;padding:14px;border-radius:14px}
body.device-mobile .ombox-form-grid,body.shell-variant-mobile .ombox-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}
body.device-mobile .ombox-form-actions,body.shell-variant-mobile .ombox-form-actions{display:grid;grid-template-columns:1fr}
body.device-mobile .ombox-form-actions .btn,body.shell-variant-mobile .ombox-form-actions .btn{min-height:44px;width:100%}
body.device-tablet .ombox-form,body.shell-variant-tablet .ombox-form{--widget-control-min-height:44px;--widget-control-padding-x:14px;--widget-font-size:16px;--widget-label-font-size:14px;--form-textarea-min-height:96px;gap:18px;padding:20px}
body.device-tablet .ombox-form-grid,body.shell-variant-tablet .ombox-form-grid{grid-template-columns:minmax(0,1fr);gap:16px}
body.device-desktop .ombox-form,body.shell-variant-desktop .ombox-form{--widget-control-min-height:38px;--widget-control-padding-x:12px;--widget-font-size:14px;--widget-label-font-size:13px}
body.device-desktop .ombox-form-grid,body.shell-variant-desktop .ombox-form-grid{grid-template-columns:minmax(0,1fr)}
body.device-tv .ombox-form,body.shell-variant-tv .ombox-form{--widget-control-min-height:58px;--widget-control-padding-x:20px;--widget-control-radius:12px;--widget-font-size:20px;--widget-label-font-size:18px;--widget-small-font-size:16px;--form-textarea-min-height:132px;gap:28px;padding:32px;border-radius:20px}
body.device-tv .ombox-form-grid,body.shell-variant-tv .ombox-form-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px 30px}
body.device-tv .ombox-form-actions .btn,body.shell-variant-tv .ombox-form-actions .btn{min-height:58px;padding-inline:28px;font-size:20px}
body.device-tv .ombox-form :where(input,select,textarea,button):focus-visible,body.shell-variant-tv .ombox-form :where(input,select,textarea,button):focus-visible{outline:4px solid var(--color-primary,#0087f7);outline-offset:3px}
body.device-tv .ombox-switch-track,body.shell-variant-tv .ombox-switch-track{width:58px;height:32px;padding:3px}body.device-tv .ombox-switch-thumb,body.shell-variant-tv .ombox-switch-thumb{width:26px;height:26px}body.device-tv .ombox-switch input:checked+.ombox-switch-track .ombox-switch-thumb,body.shell-variant-tv .ombox-switch input:checked+.ombox-switch-track .ombox-switch-thumb{transform:translateX(26px)}
body.eye-protection .ombox-form :where(.form-control,.form-select,.admin-system-form-control,.admin-system-form-select){border-color:#c9b99f;background:#fffdf8;color:#4a3c28}
@media (max-width:767.98px){body.device-auto .ombox-form{--widget-control-min-height:44px;--widget-font-size:16px;--widget-label-font-size:13px;padding:14px}body.device-auto .ombox-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}}
@media (min-width:768px) and (max-width:1023.98px){body.device-auto .ombox-form{--widget-control-min-height:44px;--widget-font-size:16px;padding:20px}body.device-auto .ombox-form-grid{grid-template-columns:minmax(0,1fr)}}