/*
 * OMBoxOS desktop visual theme entry.
 * Desktop uses square action and form controls while structural components
 * such as cards, panels, dialogs, badges and avatars retain their own radius.
 */
body.device-desktop,
body.shell-variant-desktop,
body.shell-variant-desktop-guest {
    --button-radius: 0;
    --input-radius: 0;
    --widget-control-radius: 0;
}

body.device-desktop .ombox-touch-theme {
    --ombox-touch-card-radius: var(--radius-sm, 6px);
}

body.device-desktop :where(.btn, .form-control:not(.form-control-color), .form-select, .admin-system-form-control, .admin-system-form-select, .ombox-control, .ombox-control-frame),
body.shell-variant-desktop :where(.btn, .form-control:not(.form-control-color), .form-select, .admin-system-form-control, .admin-system-form-select, .ombox-control, .ombox-control-frame),
body.shell-variant-desktop-guest :where(.btn, .form-control:not(.form-control-color), .form-select, .admin-system-form-control, .admin-system-form-select, .ombox-control, .ombox-control-frame) {
    border-radius: 0;
}

/* Bootstrap input groups carry their radius on each direct child. */
body.device-desktop .input-group > :is(.form-control, .form-select, .input-group-text, .btn),
body.shell-variant-desktop .input-group > :is(.form-control, .form-select, .input-group-text, .btn),
body.shell-variant-desktop-guest .input-group > :is(.form-control, .form-select, .input-group-text, .btn) {
    border-radius: 0;
}