/* contributte/datagrid 7 (Bootstrap 5 markup) v sbadmin2/Bootstrap 3 admine — minimálny shim; dopĺňať podľa pilotu */
.datagrid .table > :not(caption) > * > * { padding: 6px 8px; }
.datagrid .btn-sm, .datagrid .btn-xs { padding: 2px 8px; font-size: 12px; }
.datagrid .d-flex { display: flex; } .datagrid .align-items-center { align-items: center; }
.datagrid .justify-content-between { justify-content: space-between; }
.datagrid .me-1, .datagrid .me-2 { margin-right: .5rem; } .datagrid .ms-1, .datagrid .ms-2 { margin-left: .5rem; }
.datagrid .mb-0 { margin-bottom: 0; } .datagrid .mt-2 { margin-top: .5rem; }
.datagrid .form-select { display: inline-block; width: auto; height: 30px; padding: 4px 8px; font-size: 12px; }
.datagrid .form-control-sm { height: 30px; padding: 4px 8px; font-size: 12px; }
.datagrid .row-grid-bottom { margin-top: 10px; }
.datagrid .col-items { text-align: right; }
.datagrid .datagrid-per-page-submit { display: none; }
.datagrid .btn-check + .btn, .datagrid .btn-outline-secondary { border: 1px solid #ccc; background: #fff; color: #333; }
.datagrid .text-nowrap { white-space: nowrap; }
.datagrid .fa { margin-right: 2px; }
.datagrid select.form-select, .datagrid .form-select { display: block; width: 100%; height: 30px; padding: 4px 8px; font-size: 12px; border: 1px solid #ccc; border-radius: 3px; background: #fff; }
.datagrid .row-filters .form-select, .datagrid th .form-select { width: auto; max-width: 100%; }
.datagrid .datagrid-row-outer-filters, .datagrid .row-grid-bottom + .row { background: #f5f5f5; }
.datagrid .col-per-page .form-select { display: inline-block; width: auto; }
.datagrid .datagrid-outer-filters .form-group, .datagrid .filter .form-group { margin-bottom: 8px; }
.datagrid .datagrid-outer-filters label, .datagrid .filter label.col-form-label { font-weight: bold; font-size: 12px; margin-bottom: 2px; }
.datagrid .table thead th { vertical-align: bottom; }
.datagrid .table > tbody > tr > td { word-break: normal; }
/* outer filtre: label nad polom (ako v Gride), 4 stĺpce */
.datagrid .row-filters { background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px; padding: 10px 10px 4px; margin-bottom: 12px; }
.datagrid .datagrid-row-outer-filters-group { margin-bottom: 8px; }
.datagrid .datagrid-row-outer-filters-group > .row > .form-label { float: none; width: 100%; padding: 0 15px; font-weight: bold; font-size: 12px; margin-bottom: 2px; }
.datagrid .datagrid-row-outer-filters-group > .row > .col-sm-9 { float: none; width: 100%; }
.datagrid select.form-select { -webkit-appearance: menulist; appearance: menulist; }
.datagrid .row-filters .btn { margin-top: 4px; }
/* BS5 CSS premenné, ktoré datagrid-full.css (Tom Select dropdowny atď.) používa — v BS3 admine nie sú definované,
   dropdown filtrov bol preto priehľadný */
.datagrid, .ts-dropdown { --bs-body-bg: #fff; --bs-body-color: #333; --bs-secondary-bg: #e9ecef; --bs-tertiary-bg: #f5f5f5;
  --bs-border-color: #ccc; --bs-border-color-translucent: rgba(0,0,0,.175); --bs-border-width: 1px;
  --bs-border-radius: 3px; --bs-border-radius-sm: 2px; --bs-border-radius-lg: 4px; --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
  --bs-form-valid-color: #3c763d; --bs-form-invalid-color: #a94442; }
.datagrid .ts-dropdown { background: #fff; border: 1px solid #ccc; box-shadow: 0 6px 12px rgba(0,0,0,.175); font-size: 12px; }
.datagrid .ts-dropdown .option { padding: 5px 8px; }
.datagrid .ts-dropdown .active { background: #f5f5f5; color: #333; }
.datagrid .ts-wrapper .ts-control, .datagrid .ts-wrapper.form-select .ts-control { font-size: 12px; min-height: 30px; padding: 4px 8px; background: #fff; }
/* date-range filter (od – do) v outer filtroch: dve polia vedľa seba s ikonou kalendára, nie pod sebou */
.datagrid .datagrid-row-outer-filters-group > .row { display: flex; flex-wrap: wrap; margin: 0; }
.datagrid .datagrid-row-outer-filters-group > .row > .form-label { flex: 0 0 100%; padding: 0; }
.datagrid .datagrid-row-outer-filters-group > .row > .col-sm-9 { flex: 0 0 100%; padding: 0; }
.datagrid .datagrid-row-outer-filters-group > .row > .col-sm-4.d-flex { float: none; flex: 1 1 0; width: auto; padding: 0; }
.datagrid .datagrid-row-outer-filters-group > .row > .filter-range-delimiter { flex: 0 0 24px; width: 24px; padding: 6px 0 0; text-align: center; font-weight: normal; }
.datagrid .input-group { display: flex; width: 100%; }
.datagrid .input-group > .form-control { flex: 1 1 auto; width: 1%; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.datagrid .input-group-text { display: flex; align-items: center; padding: 0 8px; font-size: 12px; border: 1px solid #ccc; border-left: 0; border-radius: 0 3px 3px 0; background: #eee; margin: 0; cursor: pointer; }
.datagrid .datagrid-col-filter-date-range { display: flex; gap: 4px; align-items: center; }
/* vanillajs-datepicker popup (v bundle) — BS3 admin nemá BS5 premenné */
.datepicker.datepicker-dropdown { z-index: 1060; background: #fff; border: 1px solid #ccc; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
/* legacy bootstrap-datepicker CSS (formuláre) skrýva `.datepicker > div` a kreslí šípky — vanillajs-datepicker (datagrid) to rozbíja */
.datepicker.datepicker-dropdown > .datepicker-picker { display: block; }
.datepicker.datepicker-dropdown:before, .datepicker.datepicker-dropdown:after { display: none; }
.datepicker.datepicker-dropdown { padding: 0; }