/* ============================================================================
   DevExpress → Metronic 8 (όσο πιο κοντά γίνεται με CSS μόνο).
   Φορτώνεται ΜΟΝΟ με Ui:MetronicTheme=on, ΜΕΤΑ το DevExpress θέμα + grid-theme.css
   ώστε να υπερισχύει. Rollback: μαζί με το flag (δεν φορτώνεται καθόλου).

   Δύο μέτωπα:
   1) CSS variables του blazing-berry (25.2 — variable-driven): editors, checkboxes,
      pager, επιλογές/hover πλεγμάτων, list boxes.
   2) Συγκεκριμένοι selectors για τα .be-dxgrid (γενίκευση του εγκεκριμένου .mtx look):
      λευκή muted κεφαλίδα αντί για μπλε, χωρίς ζέβρα, κάρτα με σκιά.
   Το μέγεθος γραμμάτων των πλεγμάτων ΔΕΝ αλλάζει (μένει το 1rem που ζητήθηκε).
   ============================================================================ */

/* ── 1. DevExpress variables → παλέτα Metronic (#1B84FF / #056EE9) ── */
:root {
    /* Editors (DxComboBox, DxDateEdit, text edits) */
    --dxbl-text-edit-border-color: #dbdfe9;
    --dxbl-text-edit-border-radius: .475rem;
    --dxbl-text-edit-focus-border-color: #1B84FF;
    --dxbl-text-edit-focus-shadow-color: rgba(27, 132, 255, .18);

    /* Checkboxes (επιλογή γραμμών στα πλέγματα) */
    --dxbl-checkbox-border-color: #dbdfe9;
    --dxbl-checkbox-check-element-checked-bg: #1B84FF;
    --dxbl-checkbox-check-element-checked-hover-bg: #056EE9;
    --dxbl-checkbox-checked-focus-shadow-color: rgba(27, 132, 255, .25);

    /* Pager */
    --dxbl-pager-active-page-btn-bg: #1B84FF;
    --dxbl-pager-active-page-btn-color: #fff;
    --dxbl-pager-page-btn-hover-color: #056EE9;

    /* Γραμμές πλέγματος: hover / επιλογή σε απαλό Metronic μπλε με σκούρο κείμενο */
    --dxbl-grid-hover-bg: #f9f9f9;
    --dxbl-grid-hover-color: #2d3237;
    --dxbl-grid-selection-bg: rgba(27, 132, 255, .12);
    --dxbl-grid-selection-color: #2d3237;
    --dxbl-grid-selection-focus-bg: rgba(27, 132, 255, .18);
    --dxbl-grid-selection-focus-color: #2d3237;
    --dxbl-grid-touch-bg: rgba(27, 132, 255, .18);
    --dxbl-grid-touch-color: #2d3237;

    /* Dropdown λίστες (combobox items) */
    --dxbl-list-box-item-active-bg: rgba(27, 132, 255, .12);
    --dxbl-list-box-item-active-color: #2d3237;
}

/* Γραμματοσειρά Inter σε όλα τα DevExpress στοιχεία (icons = SVG, δεν επηρεάζονται) */
[class*="dxbl-"] {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ── 2. Πλέγματα (.be-dxgrid) → Metronic kt-table, καθολικά ──
   Γενίκευση του look που εγκρίθηκε στα Είδη/Παραστατικά (.mtx). Υπερισχύει του
   grid-theme.css (ίδιοι selectors, ίδιο !important, φορτώνεται μετά). */
.be-dxgrid {
    border: 1px solid #f1f1f4 !important;
    border-radius: .625rem;
    overflow: hidden;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03);
}

/* Κεφαλίδα: λευκή με muted κείμενο — όχι μπλε */
.be-dxgrid .dxbl-grid-header-content,
.be-dxgrid thead tr:first-child th {
    background: #fff !important;
    color: #78829d !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #e1e3ea !important;
}

.be-dxgrid thead tr:first-child th a,
.be-dxgrid thead tr:first-child th .dxbl-text,
.be-dxgrid thead tr:first-child th .dxbl-grid-header-caption {
    color: #78829d !important;
}

.be-dxgrid thead tr:first-child th .dxbl-grid-sort-indicator,
.be-dxgrid thead tr:first-child th i {
    color: #99a1b7 !important;
}

/* Γραμμή φίλτρων/ομάδων: πολύ απαλό φόντο */
.be-dxgrid thead tr:not(:first-child) th,
.be-dxgrid .dxbl-grid-filter-row td {
    background: #f9f9f9 !important;
}

/* Γραμμές: χωρίς ζέβρα, ψιλή οριζόντια γραμμή, απαλό hover (το χρώμα από τα vars) */
.be-dxgrid tbody tr:nth-child(even) { background: transparent; }
.be-dxgrid tbody td { border-top-color: #f1f1f4; }
.be-dxgrid tbody tr:hover { background: #f9f9f9 !important; }

.be-dxgrid tbody tr.dxbl-grid-selected-row,
.be-dxgrid tbody tr[aria-selected="true"] {
    background: rgba(27, 132, 255, .12) !important;
}

/* Σύνολα: απαλό γκρι με έντονο σκούρο κείμενο — όχι μπλε */
.be-dxgrid .dxbl-grid-footer-content,
.be-dxgrid tfoot td {
    background: #f9f9f9 !important;
    font-weight: 600;
    color: #2d3237 !important;
    border-top: 1px solid #e1e3ea;
}

/* Σύνδεσμοι μέσα στα πλέγματα */
.be-dxgrid a { color: #1B84FF; font-weight: 500; }
.be-dxgrid a:hover { color: #056EE9; }

/* ID pill-σύνδεσμος (λίστες παραστατικών κ.λπ.) → Metronic primary */
.be-id-badge { background: #1B84FF; }
.be-id-badge:hover { background: #056EE9; }

/* ── 3. DevExpress popups/dropdowns → Metronic κάρτες ── */
.dxbl-dropdown-dialog,
.dxbl-popup {
    border-color: #f1f1f4;
    border-radius: .625rem;
    box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .09);
}

/* ============================================================================
   Bootstrap components — ΟΡΙΣΤΙΚΗ παλέτα Metronic (φορτώνει τελευταία).
   Χρειάζεται γιατί: (α) το blazing-berry (DevExpress) φορτώνει ΜΕΤΑ το Metronic
   bundle και ξαναβάφει .btn-*/badges/links με τη μοβ (#5f368d) παλέτα του,
   (β) το ίδιο το Metronic bundle δίνει --bs-btn-color:#000 (μαύρα γράμματα)
   σε primary/success/danger. Εδώ: σωστά χρώματα + σωστό κείμενο, μία φορά.
   ============================================================================ */

/* ΡΙΖΙΚΗ διόρθωση: το blazing-berry ξαναορίζει στο :root τα --bs-primary κ.λπ. (μοβ #5f368d),
   και το Metronic τα χρησιμοποιεί ΑΠΕΥΘΕΙΑΣ σε rules όπως `.btn.btn-primary
   { background-color: var(--bs-primary); color: var(--bs-primary-inverse) }`.
   Επαναφορά των root μεταβλητών στην παλέτα του Metronic bundle (τιμές 1:1 από αυτό). */
:root, [data-bs-theme=light] {
    --bs-primary: #1B84FF; --bs-primary-rgb: 27, 132, 255;
    --bs-primary-active: #056EE9; --bs-primary-inverse: #ffffff; --bs-primary-light: #E9F3FF;
    --bs-success: #17C653; --bs-success-rgb: 23, 198, 83;
    --bs-success-active: #04B440; --bs-success-inverse: #ffffff; --bs-success-light: #DFFFEA;
    --bs-danger: #F8285A; --bs-danger-rgb: 248, 40, 90;
    --bs-danger-active: #D81A48; --bs-danger-inverse: #ffffff; --bs-danger-light: #FFEEF3;
    --bs-warning: #F6C000; --bs-warning-rgb: 246, 192, 0;
    --bs-warning-active: #DEAD00; --bs-warning-inverse: #ffffff; --bs-warning-light: #FFF8DD;
    --bs-info: #1B84FF; --bs-info-rgb: 27, 132, 255;
    --bs-info-active: #056EE9; --bs-info-inverse: #ffffff; --bs-info-light: #E9F3FF;
    --bs-secondary: #F1F1F4; --bs-secondary-rgb: 241, 241, 244;
    --bs-secondary-active: #C4CADA; --bs-secondary-inverse: #252F4A; --bs-secondary-light: #F9F9F9;
    --bs-link-color: #1B84FF; --bs-link-color-rgb: 27, 132, 255;
    --bs-link-hover-color: #056EE9; --bs-link-hover-color-rgb: 5, 110, 233;
    /* ⚠ light/dark: το Metronic bundle τα ορίζει ΜΟΝΟ μέσα σε [data-bs-theme=light]
       — και στο default φως το <html> ΔΕΝ έχει καθόλου data-bs-theme, οπότε το
       `color: var(--bs-light-inverse)` του `.btn.btn-light` έμενε ΑΟΡΙΣΤΟ και έπεφτε
       στο κληρονομούμενο χρώμα. Σε σκούρο φόντο (π.χ. tablet topbar, color:#fff)
       αυτό σήμαινε ΛΕΥΚΑ ΓΡΑΜΜΑΤΑ ΣΕ ΛΕΥΚΟ ΚΟΥΜΠΙ. */
    --bs-light: #F9F9F9; --bs-light-rgb: 249, 249, 249;
    --bs-light-active: #F1F1F4; --bs-light-inverse: #252F4A; --bs-light-light: #ffffff;
    --bs-dark: #1E2129; --bs-dark-rgb: 30, 33, 41;
    --bs-dark-active: #111318; --bs-dark-inverse: #ffffff; --bs-dark-light: #F9F9F9;
}

.btn-primary {
    --bs-btn-color: #fff; --bs-btn-bg: #1B84FF; --bs-btn-border-color: #1B84FF;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #056EE9; --bs-btn-hover-border-color: #056EE9;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #056EE9; --bs-btn-active-border-color: #056EE9;
    --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #1B84FF; --bs-btn-disabled-border-color: #1B84FF;
    --bs-btn-focus-shadow-rgb: 27, 132, 255;
}
.btn-success {
    --bs-btn-color: #fff; --bs-btn-bg: #17C653; --bs-btn-border-color: #17C653;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #13A94A; --bs-btn-hover-border-color: #13A94A;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #13A94A; --bs-btn-active-border-color: #13A94A;
    --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #17C653; --bs-btn-disabled-border-color: #17C653;
    --bs-btn-focus-shadow-rgb: 23, 198, 83;
}
.btn-danger {
    --bs-btn-color: #fff; --bs-btn-bg: #F8285A; --bs-btn-border-color: #F8285A;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #D81A48; --bs-btn-hover-border-color: #D81A48;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #D81A48; --bs-btn-active-border-color: #D81A48;
    --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #F8285A; --bs-btn-disabled-border-color: #F8285A;
    --bs-btn-focus-shadow-rgb: 248, 40, 90;
}
.btn-warning {
    --bs-btn-color: #1E2129; --bs-btn-bg: #F6C000; --bs-btn-border-color: #F6C000;
    --bs-btn-hover-color: #1E2129; --bs-btn-hover-bg: #DEAD00; --bs-btn-hover-border-color: #DEAD00;
    --bs-btn-active-color: #1E2129; --bs-btn-active-bg: #DEAD00; --bs-btn-active-border-color: #DEAD00;
    --bs-btn-focus-shadow-rgb: 246, 192, 0;
}
.btn-info {
    --bs-btn-color: #fff; --bs-btn-bg: #1B84FF; --bs-btn-border-color: #1B84FF;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #056EE9; --bs-btn-hover-border-color: #056EE9;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #056EE9; --bs-btn-active-border-color: #056EE9;
    --bs-btn-focus-shadow-rgb: 27, 132, 255;
}
.btn-secondary {
    --bs-btn-color: #252F4A; --bs-btn-bg: #F1F1F4; --bs-btn-border-color: #F1F1F4;
    --bs-btn-hover-color: #252F4A; --bs-btn-hover-bg: #E1E3EA; --bs-btn-hover-border-color: #E1E3EA;
    --bs-btn-active-color: #252F4A; --bs-btn-active-bg: #E1E3EA; --bs-btn-active-border-color: #E1E3EA;
}
.btn-light {
    --bs-btn-color: #252F4A; --bs-btn-bg: #F9F9F9; --bs-btn-border-color: #F9F9F9;
    --bs-btn-hover-color: #2d3237; --bs-btn-hover-bg: #F1F1F4; --bs-btn-hover-border-color: #F1F1F4;
    --bs-btn-active-color: #2d3237; --bs-btn-active-bg: #F1F1F4; --bs-btn-active-border-color: #F1F1F4;
}
.btn-dark {
    --bs-btn-color: #fff; --bs-btn-bg: #1E2129; --bs-btn-border-color: #1E2129;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #404249; --bs-btn-hover-border-color: #404249;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #404249; --bs-btn-active-border-color: #404249;
}

.btn-outline-primary {
    --bs-btn-color: #1B84FF; --bs-btn-border-color: #1B84FF;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1B84FF; --bs-btn-hover-border-color: #1B84FF;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #056EE9; --bs-btn-active-border-color: #056EE9;
    --bs-btn-focus-shadow-rgb: 27, 132, 255;
}
.btn-outline-success {
    --bs-btn-color: #17C653; --bs-btn-border-color: #17C653;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #17C653; --bs-btn-hover-border-color: #17C653;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #13A94A; --bs-btn-active-border-color: #13A94A;
}
.btn-outline-danger {
    --bs-btn-color: #F8285A; --bs-btn-border-color: #F8285A;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #F8285A; --bs-btn-hover-border-color: #F8285A;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #D81A48; --bs-btn-active-border-color: #D81A48;
}
.btn-outline-warning {
    --bs-btn-color: #C59A00; --bs-btn-border-color: #F6C000;
    --bs-btn-hover-color: #1E2129; --bs-btn-hover-bg: #F6C000; --bs-btn-hover-border-color: #F6C000;
}
.btn-outline-info {
    --bs-btn-color: #1B84FF; --bs-btn-border-color: #1B84FF;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1B84FF; --bs-btn-hover-border-color: #1B84FF;
}
.btn-outline-secondary, .btn-outline-dark {
    --bs-btn-color: #4B5675; --bs-btn-border-color: #DBDFE9;
    --bs-btn-hover-color: #2d3237; --bs-btn-hover-bg: #F9F9F9; --bs-btn-hover-border-color: #DBDFE9;
    --bs-btn-active-color: #2d3237; --bs-btn-active-bg: #F1F1F4; --bs-btn-active-border-color: #DBDFE9;
}
.btn-outline-light {
    --bs-btn-color: #F9F9F9; --bs-btn-border-color: rgba(255, 255, 255, .35);
    --bs-btn-hover-color: #1E2129; --bs-btn-hover-bg: #F9F9F9; --bs-btn-hover-border-color: #F9F9F9;
}

.btn-link { --bs-btn-color: #1B84FF; --bs-btn-hover-color: #056EE9; }

/* Σύνδεσμοι + utilities που «μόλυνε» το blazing-berry */
a { --bs-link-color: #1B84FF; --bs-link-hover-color: #056EE9; }
.text-primary { color: #1B84FF !important; }
.bg-primary, .badge.bg-primary, .text-bg-primary { background-color: #1B84FF !important; color: #fff !important; }
.badge.bg-success { background-color: #17C653 !important; }
.badge.bg-danger { background-color: #F8285A !important; }
.badge.bg-warning { background-color: #F6C000 !important; }

/* Πεδία φορμών: focus σε Metronic μπλε (το blazing-berry το κάνει μοβ) */
.form-control:focus, .form-select:focus {
    border-color: #1B84FF;
    box-shadow: 0 0 0 .25rem rgba(27, 132, 255, .15);
}
.form-check-input:checked { background-color: #1B84FF; border-color: #1B84FF; }
.form-check-input:focus { box-shadow: 0 0 0 .25rem rgba(27, 132, 255, .15); }

/* Pagination / ενεργά στοιχεία */
.page-link { color: #1B84FF; }
.active > .page-link, .page-link.active { background-color: #1B84FF; border-color: #1B84FF; }
.dropdown-item.active, .dropdown-item:active { background-color: #1B84FF; }
.nav-pills .nav-link.active { background-color: #1B84FF; }
.progress-bar { background-color: #1B84FF; }

/* Το θέμα είναι ενιαία LIGHT — κανένα dark-mode override στα πλέγματα.
   (Σε browsers με prefers-color-scheme: dark εμφανίζονταν μαύρη κεφαλίδα/σύνολα
   μέσα σε φωτεινή σελίδα. Τα dark rules του grid-theme.css ουδετεροποιούνται
   από τους παραπάνω light κανόνες που φορτώνουν αργότερα.) */
.be-dxgrid { color-scheme: light; }

/* ============================================================================
   ΚΟΥΜΠΙΑ ΕΝΕΡΓΕΙΑΣ — ενιαία εμφάνιση σε ΟΛΕΣ τις σελίδες (14/08/2026)
   ----------------------------------------------------------------------------
   Πρόβλημα: σε σελίδες ΕΚΤΟΣ του scoped Metronic skin (.mtx) — π.χ. «Εκτέλεση»
   στα /cube/*, /lotify/send, /templparacc — το κουμπί έβγαινε ΜΟΒ με ΜΑΥΡΑ
   γράμματα, ενώ στο /par/* (που φορτώνει metronic-skin.css) είναι μπλε/λευκό.

   Δύο ανεξάρτητοι μηχανισμοί το προκαλούν και οι προηγούμενοι κανόνες κάλυπταν
   μόνο τον έναν:
     (α) blazing-berry (DevExpress): `.btn-primary { --bs-btn-bg: #5f368d }` (μοβ)
     (β) Metronic bundle: `.btn.btn-primary { background-color: var(--bs-primary);
         color: var(--bs-primary-inverse) }` — ΕΙΔΙΚΟΤΗΤΑ (0,2,0), νικά κάθε
         σκέτο `.btn-primary` (0,1,0) ΑΝΕΞΑΡΤΗΤΑ από σειρά φόρτωσης. Το ίδιο
         bundle δίνει και `--bs-btn-color: #000000` (μαύρα γράμματα).

   Λύση: ειδικότητα (0,2,1) με το `html` μπροστά ώστε να υπερισχύει του
   `.btn.btn-primary`, και ορίζουμε ΚΑΙ τις μεταβλητές ΚΑΙ τις ιδιότητες —
   έτσι καλύπτονται και οι δύο διαδρομές. Χωρίς !important.
   Χρώματα ίδια με το `.mtx .btn-primary` του metronic-skin.css.
   ============================================================================ */

html .btn.btn-primary,
html .btn.btn-primary.disabled,
html .btn.btn-primary:disabled {
    --bs-btn-color: #fff; --bs-btn-bg: #1B84FF; --bs-btn-border-color: #1B84FF;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #056EE9; --bs-btn-hover-border-color: #056EE9;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #056EE9; --bs-btn-active-border-color: #056EE9;
    --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #1B84FF; --bs-btn-disabled-border-color: #1B84FF;
    background-color: #1B84FF;
    border-color: #1B84FF;
    color: #fff;
}
html .btn.btn-primary:hover,
html .btn.btn-primary:focus,
html .btn.btn-primary:active,
html .btn.btn-primary:first-child:active,
html .btn.btn-check:checked + .btn.btn-primary {
    background-color: #056EE9;
    border-color: #056EE9;
    color: #fff;
}

/* btn-light: το πιο ύπουλο — «εξαφανιζόταν» μόνο πάνω σε σκούρο φόντο. */
html .btn.btn-light {
    --bs-btn-color: #252F4A; --bs-btn-bg: #F9F9F9; --bs-btn-border-color: #F9F9F9;
    background-color: #F9F9F9; border-color: #e4e6ef; color: #252F4A;
}
html .btn.btn-light:hover, html .btn.btn-light:focus, html .btn.btn-light:active {
    background-color: #F1F1F4; border-color: #d7dae5; color: #1e2129;
}
html .btn.btn-outline-light {
    --bs-btn-color: #fff; --bs-btn-hover-color: #252F4A;
}

/* Ίδια θεραπεία στα υπόλοιπα χρωματιστά κουμπιά — ίδια αιτία, ίδιο σύμπτωμα. */
html .btn.btn-success {
    --bs-btn-color: #fff; --bs-btn-bg: #17C653; --bs-btn-border-color: #17C653;
    background-color: #17C653; border-color: #17C653; color: #fff;
}
html .btn.btn-success:hover, html .btn.btn-success:focus, html .btn.btn-success:active {
    background-color: #13A94A; border-color: #13A94A; color: #fff;
}
html .btn.btn-danger {
    --bs-btn-color: #fff; --bs-btn-bg: #F8285A; --bs-btn-border-color: #F8285A;
    background-color: #F8285A; border-color: #F8285A; color: #fff;
}
html .btn.btn-danger:hover, html .btn.btn-danger:focus, html .btn.btn-danger:active {
    background-color: #D81A48; border-color: #D81A48; color: #fff;
}
html .btn.btn-warning {
    --bs-btn-color: #1E2129; --bs-btn-bg: #F6C000; --bs-btn-border-color: #F6C000;
    background-color: #F6C000; border-color: #F6C000; color: #1E2129;
}
html .btn.btn-warning:hover, html .btn.btn-warning:focus, html .btn.btn-warning:active {
    background-color: #DEAD00; border-color: #DEAD00; color: #1E2129;
}

/* ============================================================================
   ΔΙΑΛΟΓΟΣ ΦΙΛΤΡΩΝ (m-views / κύβοι / εκτυπώσεις) — ανανέωση εμφάνισης 14/08/2026
   ----------------------------------------------------------------------------
   Το markup μένει ΑΝΕΠΑΦΟ (437 γραμμές razor, ~40 σελίδες το χρησιμοποιούν).
   Όλα γίνονται με CSS scoped στο .gv-filter-dialog / .gv-lookup-dialog, ώστε
   να μην κινδυνεύσει η συμπεριφορά (saved sets, lookups, υποχρεωτικά πεδία).

   ΤΙ ΑΛΛΑΖΕΙ: γεωμετρία (στρογγυλά), ύψος/αέρας πεδίων, ιεραρχία κουμπιών,
   focus ring. ΤΙ ΜΕΝΕΙ: η μπλε ταυτότητα του διαλόγου και το κρεμ του lookup —
   είναι σκόπιμα σήματα αναγνώρισης, ίδια με τις εκτυπώσεις του BE.
   ============================================================================ */

/* ── Κέλυφος: στρογγυλό, με βάθος ── */
.gv-filter-dialog .modal-content,
.gv-lookup-dialog .modal-content {
    border: 0;
    border-radius: .875rem;
    overflow: hidden;                       /* να κόβονται οι γωνίες header/footer */
    box-shadow: 0 24px 60px rgba(15, 34, 66, .28);
}

/* ── Σώμα: πιο ανοιχτό ώστε τα λευκά πεδία να ξεχωρίζουν ── */
.gv-filter-dialog .modal-content { background-color: #f4f8fc !important; }
.gv-filter-dialog .modal-body { padding: 1.15rem 1.25rem; }

/* ── Κεφαλίδα / υποσέλιδο ── */
.gv-filter-dialog .modal-header,
.gv-lookup-dialog .modal-header {
    border-bottom: 1px solid rgba(15, 34, 66, .10);
    padding: .85rem 1.25rem;
}
.gv-filter-dialog .modal-header .modal-title,
.gv-lookup-dialog .modal-header .modal-title {
    font-size: 1rem; font-weight: 600; letter-spacing: -.01em; color: #1e2129;
}
.gv-filter-dialog .modal-footer,
.gv-lookup-dialog .modal-footer {
    border-top: 1px solid rgba(15, 34, 66, .10);
    padding: .8rem 1.25rem; gap: .5rem;
}

/* ── Ετικέτες: λίγο μεγαλύτερες, με ανάσα από το πεδίο ── */
.gv-filter-dialog .form-label {
    font-size: .8125rem; font-weight: 500; color: #4b5675;
    margin-bottom: .35rem !important;
}

/* ── ΠΕΔΙΑ: ψηλότερα, ευρύχωρα, στρογγυλά ──
   Τα markup classes είναι form-control-sm/form-select-sm — τα εξουδετερώνουμε
   εδώ αντί να αλλάξουμε 40 σελίδες. */
.gv-filter-dialog .form-control,
.gv-filter-dialog .form-select,
.gv-filter-dialog .form-control-sm,
.gv-filter-dialog .form-select-sm {
    min-height: 2.5rem;                     /* 40px αντί ~31px */
    padding: .5rem .8rem;
    font-size: .875rem;
    line-height: 1.4;
    border-radius: .5rem;
    border-color: #d8e2ee;
    background-color: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.gv-filter-dialog .form-control:focus,
.gv-filter-dialog .form-select:focus {
    border-color: #1B84FF;
    box-shadow: 0 0 0 .2rem rgba(27, 132, 255, .18);
}
.gv-filter-dialog .form-control::placeholder { color: #99a1b7; }

/* ── Αραιότερο πλέγμα παραμέτρων ── */
.gv-filter-dialog .modal-body .row.g-2 { --bs-gutter-y: .9rem; --bs-gutter-x: .9rem; }

/* ── input-group (πεδίο + 🔍 + ×): ενιαίο, στρογγυλό στα άκρα ── */
.gv-filter-dialog .input-group > .form-control,
.gv-filter-dialog .input-group > .form-select { border-right: 0; }
.gv-filter-dialog .input-group > .btn {
    min-height: 2.5rem;
    padding: .5rem .7rem;
    border-color: #d8e2ee;
    background-color: #fff;
    color: #4b5675;
}
.gv-filter-dialog .input-group > .btn:hover {
    background-color: #eef4fb; color: #1B84FF; border-color: #cfe0f5;
}
.gv-filter-dialog .input-group > :first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
.gv-filter-dialog .input-group > :last-child  { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }
.gv-filter-dialog .input-group-text {
    background-color: #eef4fb; border-color: #d8e2ee; color: #4b5675; font-size: .8125rem;
}

/* ── Γραμμή αποθηκευμένων σετ: διακριτική «ράφι» πάνω από τα φίλτρα ── */
.gv-filter-dialog .modal-body > .d-flex:first-child {
    background: #fff;
    border: 1px solid #e4ecf5;
    border-radius: .625rem;
    padding: .6rem .7rem;
    margin-bottom: 1rem !important;
}
.gv-filter-dialog .modal-body > .d-flex:first-child .btn { border-radius: .45rem; }

/* ── ΚΟΥΜΠΙΑ: το «Εφαρμογή» κυριαρχεί, τα υπόλοιπα υποχωρούν ── */
.gv-filter-dialog .modal-footer .btn,
.gv-lookup-dialog .modal-footer .btn {
    border-radius: .5rem;
    padding: .5rem 1.05rem;
    font-size: .875rem;
    font-weight: 500;
    min-height: 2.375rem;
}
.gv-filter-dialog .modal-footer .btn-primary,
.gv-lookup-dialog .modal-footer .btn-primary {
    padding-inline: 1.5rem;
    box-shadow: 0 3px 10px rgba(27, 132, 255, .32);
}
.gv-filter-dialog .modal-footer .btn-outline-secondary {
    background: #fff; border-color: #d8e2ee; color: #4b5675;
}
.gv-filter-dialog .modal-footer .btn-outline-secondary:hover { background: #eef4fb; color: #1e2129; }
.gv-filter-dialog .btn-sm { border-radius: .45rem; }

/* ── Κόκκινη σήμανση υποχρεωτικών: εναρμόνιση με τη νέα γεωμετρία ── */
.gv-filter-dialog .fp-missing .form-control,
.gv-filter-dialog .fp-missing .form-select,
.gv-filter-dialog .fp-missing .input-group > .form-control {
    border-color: #F8285A !important;
    box-shadow: 0 0 0 .2rem rgba(248, 40, 90, .15) !important;
}

/* ── Lookup popup (αναζήτηση): λευκό σώμα + μπλε κεφαλίδα, ίδια παλέτα με τα φίλτρα ── */
.gv-lookup-dialog .modal-body { padding: 1rem 1.15rem; }
/* Πεδίο και κουμπί αναζήτησης ΑΚΡΙΒΩΣ ισοϋψή. Πριν, το emoji 🔍 «φούσκωνε» το
   κουμπί (τα emoji glyphs είναι ψηλότερα από το κείμενο) — τώρα είναι bi-search. */
.gv-lookup-dialog .form-control,
.gv-lookup-dialog .input-group > .btn {
    min-height: 2.25rem;
    height: 2.25rem;
    padding-block: 0;
    border-radius: .5rem;
    font-size: .875rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}
/* Το κουμπί αναζήτησης: στενό, με δικό του περίγραμμα & απαλό γέμισμα ώστε να
   διαβάζεται ως κουμπί και να μη «λιώνει» πάνω στο λευκό πεδίο δίπλα του. */
.gv-lookup-dialog .input-group > .btn {
    padding-inline: .6rem;
    white-space: nowrap;
    background-color: #eef4fb;
    border: 1px solid #b9d4f5;
    color: #1B84FF;
    font-weight: 500;
    gap: .3rem;
}
.gv-lookup-dialog .input-group > .btn:hover,
.gv-lookup-dialog .input-group > .btn:focus {
    background-color: #1B84FF;
    border-color: #1B84FF;
    color: #fff;
}
/* Το εικονίδιο κολλητά στο κείμενο — το me-1 του Bootstrap ήταν υπερβολικό εδώ. */
.gv-lookup-dialog .input-group > .btn > .bi { margin-right: 0 !important; }

/* Ίδια λογική και στα κουμπιά lookup/καθαρισμού των παραμέτρων (φίλτρα). */
.gv-filter-dialog .input-group > .btn {
    padding-inline: .6rem;
    background-color: #eef4fb;
    border: 1px solid #cfe0f5;
    color: #4b5675;
}
.gv-filter-dialog .input-group > .btn:hover {
    background-color: #1B84FF; border-color: #1B84FF; color: #fff;
}
.gv-lookup-dialog .modal-footer .btn { min-height: 2.25rem; border-radius: .5rem; font-size: .875rem; }
/* Τα εικονίδια μέσα σε κουμπιά: ίδιο οπτικό βάρος, χωρίς να ψηλώνουν τη γραμμή. */
.gv-filter-dialog .btn > .bi,
.gv-lookup-dialog .btn > .bi { font-size: .875rem; line-height: 1; vertical-align: -.05em; }
.gv-lookup-dialog .input-group > :first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
.gv-lookup-dialog .input-group > :last-child  { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }
.gv-lookup-dialog .table { border-radius: .5rem; overflow: hidden; }
.gv-lookup-dialog .table > thead th {
    background: #eef4fb; color: #4b5675; font-weight: 600;
    border-bottom: 1px solid #dbe6f2; padding: .5rem .6rem;
}
.gv-lookup-dialog .table > tbody td { padding: .45rem .6rem; vertical-align: middle; }
.gv-lookup-dialog .table > tbody tr:hover > td { background: #f4f8fc; }
.gv-lookup-dialog .table > tbody tr { cursor: pointer; }

/* ── DevExpress popups/dropdowns: ίδια γλώσσα σχεδίασης ── */
.dxbl-popup .dxbl-btn, .dxbl-dropdown-dialog .dxbl-btn { border-radius: .5rem; }
.dxbl-popup input.dxbl-text-edit-input,
.dxbl-dropdown-dialog input.dxbl-text-edit-input { min-height: 2.25rem; }

/* ── INLINE φίλτρα (GridFilterParamsDialog Inline="true") ──────────────────
   Ίδια σχεδιαστική γλώσσα με τον modal, αλλά ως κάρτα μέσα στη σελίδα. */
.gv-filter-inline {
    background: #f4f8fc;
    border: 1px solid #dbe6f2;
    border-radius: .75rem;
    margin-bottom: .75rem;
    overflow: hidden;
}
.gv-filter-inline .gvfi-head {
    display: flex; align-items: center; gap: .5rem;
    padding: .55rem .85rem;
    background: #e8f0f9;
    border-bottom: 1px solid #dbe6f2;
    cursor: pointer; user-select: none;
    font-size: .875rem; color: #1e2129;
}
.gv-filter-inline.gvfi-collapsed .gvfi-head { border-bottom: 0; }
.gv-filter-inline .gvfi-head:hover { background: #dfeaf6; }
.gv-filter-inline .gvfi-title { font-weight: 600; }
.gv-filter-inline .gvfi-badge {
    background: #1B84FF; color: #fff; border-radius: 999px;
    font-size: .6875rem; font-weight: 600; padding: .1rem .45rem; line-height: 1.3;
}
.gv-filter-inline .gvfi-summary {
    color: #4b5675; font-size: .8125rem;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%;
}
.gv-filter-inline .gvfi-chev { color: #78829d; font-size: .75rem; }
.gv-filter-inline .gvfi-body { padding: .9rem 1rem .4rem; }
.gv-filter-inline .gvfi-foot {
    display: flex; align-items: center; gap: .5rem;
    padding: .5rem 1rem .8rem;
}
/* Στην inline μορφή τα φίλτρα είναι πιο πυκνά: 3 στήλες σε φαρδιά οθόνη. */
@media (min-width: 1400px) {
    .gv-filter-inline .gvfi-body .row > .col-md-6 { flex: 0 0 auto; width: 33.3333%; }
}