/* =============================================================================
   styledDX.css — hand-written DevExpress / Bootstrap runtime overrides.
   Loaded AFTER main.css so these win. Ported from the ShopControllerApp
   reference (checkboxes, toolbar buttons, modals); reference-only kanban and
   detail-modal specifics were omitted as GRIPS doesn't use them.
   ============================================================================= */

/* Checkboxes / switches → green when checked */
.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: rgba(var(--bs-primary-rgb), 1);
    --dxbl-checkbox-switch-checked-bg: rgba(var(--bs-primary-rgb), 1);
    --dxbl-checkbox-switch-checked-hover-bg: #4EBB81;
    --dxbl-checkbox-check-element-checked-hover-bg: #4EBB81;
}

/* Toolbar buttons */
.dxbl-toolbar {
    --bs-btn-hover-bg: #26284F;
    --bs-btn-hover-border-color: #6BC998;
    --dxbl-toolbar-btn-hover-bg: var(--bs-btn-hover-bg);
    --dxbl-btn-hover-border-color: var(--bs-btn-hover-border-color);
}

/* Primary toolbar button → green bg, white text (matches site CTA) */
.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn-primary {
    --dxbl-toolbar-btn-hover-color: #fff;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-color: #fff;
    --dxbl-btn-hover-background: none !important;
}

.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn-secondary {
    --bs-btn-hover-border-color: #6BC998;
    --bs-btn-hover-bg: #6BC998;
    --dxbl-btn-hover-border-color: var(--bs-btn-hover-border-color);
    --dxbl-toolbar-btn-hover-bg: var(--bs-btn-hover-bg);
    --dxbl-toolbar-btn-border-color: var(--bs-btn-hover-border-color);
}

.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn-light {
    --bs-btn-hover-border-color: #6BC998;
    --dxbl-btn-hover-border-color: var(--bs-btn-hover-border-color);
    --dxbl-toolbar-btn-hover-bg: var(--bs-primary);
}

.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn-light:hover {
    background-color: var(--bs-primary);
}

/* Modals / popups → square, light body, dark footer */
.dxbl-modal {
    --bs-modal-color: ;
    --bs-modal-bg: #fefefe;
    --bs-modal-border-color: transparent;
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 0;
    --bs-modal-inner-border-radius: 0;
    --bs-modal-box-shadow: 0 6px 50px 0px rgba(180, 180, 180, 0.5);
    --bs-modal-header-border-color: transparent;
    --bs-modal-header-border-width: 0;
    --bs-modal-footer-bg: #1E204E;
    --bs-modal-footer-border-color: transparent;
    --bs-modal-footer-border-width: 0;
}