/* ============================================ Bandum custom overrides — loaded via to avoid FOUC from Vite/JS-injected CSS. Last in so it overrides Sneat reliably. ============================================ */ /* Table header blue background */ .table thead:not(.table-light) { background-color: #696cff; } .table thead th { font-weight: 600; font-size: 12px; vertical-align: middle; white-space: nowrap; } .table th h6, .table td p { margin-bottom: 0; font-size: inherit; font-weight: inherit; color: inherit; } /* Force h6 inside blue thead to be white */ .table thead th.text-white h6 { color: #fff !important; } /* Handle th without text-white class inside blue thead */ thead[style*="background-color: #696cff"] th { color: #fff !important; } thead[style*="background-color: #696cff"] th h6 { color: #fff !important; } /* Table cell sizing */ .table th, .table td { padding: 0.625rem 1.25rem; vertical-align: middle; white-space: nowrap; } .table td { font-size: 0.875rem; } .table th:first-child, .table td:first-child { padding-left: 1.5rem; } .table th:last-child, .table td:last-child { padding-right: 1.5rem; box-shadow: inset 0 0 0 9999px #fff; } .table thead th:last-child { box-shadow: inset 0 0 0 9999px #696cff; } /* Row hover on sticky column */ .table-hover tbody tr:hover td:last-child { background: rgba(105, 108, 255, 0.04) !important; } /* Filter card spacing */ h5.fw-bold.py-0 { margin-bottom: 0.75rem !important; } .card.mb-3 { margin-bottom: 0.5rem; } /* Filter card padding — no card-body wrapper, so add padding to inner row */ .card.mb-3 > .row:first-child { padding: 1.5rem 1.5rem 1rem 1.5rem; margin-left: 0; margin-right: 0; } /* Filter inputs consistent height */ .card.mb-3 .form-control-sm, .card.mb-3 .form-select-sm { min-height: 31px; height: 31px; padding: 0.25rem 0.5rem; font-size: 0.8125rem; } /* Label small in filters */ label[style*="font-size: 13px"] { font-size: 0.8125rem !important; font-weight: 500 !important; margin-bottom: 0.25rem !important; display: block !important; color: #1a2332 !important; } input[style*="padding: 10px"] { padding: 0.25rem 0.5rem !important; font-size: 0.8125rem !important; border-radius: 0.25rem !important; border: 1px solid #d9dee3 !important; display: block; width: 100%; } /* Legacy input wrapper reset */ .input-style-1, .select-style-1 { display: block; width: 100%; } /* Legacy button mapping */ .main-btn { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.4375rem 1rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.53; border-radius: 0.375rem; border: 1px solid #d9dee3; background: #fff; cursor: pointer; text-decoration: none; color: #1a2332; transition: all 0.15s ease-in-out; } .main-btn:hover { background: #f5f5f5; } .main-btn.primary-btn { background: #696cff; color: #fff; border-color: #696cff; } .main-btn.light-btn { background: #f5f5f5; color: #1a2332; border-color: #d9dee3; } .main-btn.success-btn { background: #71dd37; color: #fff; border-color: #71dd37; } .main-btn.danger-btn-outline { border-color: #ff3e1d; color: #ff3e1d; background: transparent; } .main-btn.primary-btn-outline { border-color: #696cff; color: #696cff; background: transparent; } /* Card-footer pagination small */ .card-footer small { font-size: 0.8125rem; } /* Remove top padding from content container */ .container-p-y { padding-top: 0 !important; } /* DateRangePicker trigger — looks like form input, no button hover/focus */ .btn-outline-secondary.d-flex.align-items-center.gap-1.w-100 { color: #1a2332 !important; border-color: #d9dee3 !important; } .btn-outline-secondary.d-flex.align-items-center.gap-1.w-100:hover, .btn-outline-secondary.d-flex.align-items-center.gap-1.w-100:focus, .btn-outline-secondary.d-flex.align-items-center.gap-1.w-100:focus-visible, .btn-outline-secondary.d-flex.align-items-center.gap-1.w-100:active, .btn-outline-secondary.d-flex.align-items-center.gap-1.w-100:focus:not(:focus-visible) { background-color: transparent !important; color: #1a2332 !important; box-shadow: none !important; } /* CKEditor editable 5-row height */ .ck.ck-editor__editable_inline { min-height: 190px; }