/**
 * OmniteQ system-wide less-rounded corners for cards & controls.
 * Loaded after square-ui so page chrome stays consistently square-leaning (3px).
 * Circular indicators (50%) are intentionally not overridden here.
 */
:root {
    --ot-radius-sm: 3px;
    --ot-radius: 3px;
    --ot-radius-lg: 3px;
    --ot-control-radius: 3px;
    --otp-radius: 3px;
}

.box,
.card,
.panel,
.info-box,
.nav-tabs-custom,
.modal-content,
.alert,
.well,
.thumbnail,
.list-group-item,
.dropdown-menu,
.popover,
.btn,
button.btn,
a.btn,
.tw-dw-btn,
.ot-products-btn,
.business-table-add-btn,
.business-table-filters-btn,
.business-table-pane,
.business-table-card,
.form-control,
.input-group .form-control,
.input-group-addon,
.input-group-btn > .btn,
.label:not(.label-pill),
.badge,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.nav-tabs > li > a,
.nav-pills > li > a,
.pagination > li > a,
.pagination > li > span,
.pager li > a,
.pager li > span,
.progress,
.table-responsive,
.sa-page-shell .box,
.sa-page-shell .card,
.hub-dashboard-header,
.ot-drf__trigger,
.ot-drf__panel {
    border-radius: 3px !important;
}

.box-header,
.card-header,
.panel-heading,
.modal-header,
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
    border-radius: 3px 3px 0 0 !important;
}

.box-footer,
.card-footer,
.panel-footer,
.modal-footer {
    border-radius: 0 0 3px 3px !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}