.report-card { border:1px solid #e4e7ec; border-radius:16px; box-shadow:0 8px 24px #10182808; }
.report-card > .card-body { container:report / inline-size; }
.report-heading { margin-bottom:18px; }
.report-eyebrow { color:#b42318; font-size:10px; font-weight:700; letter-spacing:.12em; }
.report-heading h2 { font-size:22px; margin:4px 0; color:#182230; }
.report-heading p,.report-toolbar p,.report-filter-footer p { font-size:12px; color:#667085; margin:0; }
.report-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; padding:16px; border:1px solid #e4e7ec; border-radius:12px; background:#f8fafc; }
.report-field { min-width:0; }
.report-field > label,.report-status legend { display:block; color:#475467; font-size:12px; font-weight:600; margin-bottom:6px; }
.report-status { margin:0; padding:0; border:0; }
.report-status legend { float:none; width:auto; }
.report-status-options { display:flex; gap:12px; align-items:center; min-height:40px; flex-wrap:wrap; }
.report-status-options label { display:flex; align-items:center; gap:6px; font-size:12px; cursor:pointer; }
.report-status-options input { accent-color:#b42318; width:16px; height:16px; }
.report-filters .form-control,.report-filters .form-select { height:40px; min-height:40px; font-size:13px; background-color:white; }
.report-date { cursor:pointer; }
.report-filter-footer { grid-column:1/-1; border-top:1px solid #e4e7ec; padding-top:12px; }
.report-filter-footer,.report-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.report-buttons { display:flex; gap:8px; flex-wrap:wrap; }
.transaction-report .report-buttons .btn { min-height:38px; font-size:12px; gap:5px; }
.report-toolbar { padding:20px 0 12px; }
.report-toolbar h3 { font-size:16px; margin:0 0 4px; }
.report-empty { display:grid; justify-items:center; gap:8px; text-align:center; padding:44px 16px; border:1px dashed #d0d5dd; border-radius:12px; color:#667085; }
.report-empty i { font-size:30px; color:#98a2b3; }
.report-empty strong { color:#344054; font-size:14px; }
.report-empty p { margin:0; font-size:12px; }
.report-table-wrap { border:1px solid #e4e7ec; border-radius:10px; }
#trxReportTable { margin:0!important; font-size:12px; }
#trxReportTable th { background:#f8fafc; color:#667085; font-size:11px; white-space:nowrap; padding:12px; }
#trxReportTable td { padding:10px 12px; vertical-align:middle; }
.report-cell { min-width:110px; max-width:240px; overflow-wrap:anywhere; }
.report-cell strong,.report-cell small { display:block; }
.report-cell small { color:#667085; margin-top:3px; font-size:11px; }
.report-nowrap { white-space:nowrap; }
.report-badge { display:inline-block; padding:4px 8px; border-radius:20px; font-size:10px; font-weight:700; background:#f2f4f7; color:#475467; }
.report-badge-success { background:#ecfdf3; color:#067647; }
.report-badge-failed { background:#fef3f2; color:#b42318; }
.report-table-top,.report-table-footer { display:flex; justify-content:space-between; align-items:center; padding:10px 12px; gap:12px; flex-wrap:wrap; font-size:12px; }
.report-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.report-detail-grid > div { padding:12px; background:#f8fafc; border:1px solid #eaecf0; border-radius:8px; min-width:0; }
.report-detail-grid dt { font-size:11px; color:#667085; margin-bottom:5px; }
.report-detail-grid dd { font-size:13px; color:#344054; overflow-wrap:anywhere; margin:0; }
/* Scoped overrides are required because the shared theme uses !important. */
body .report-filters .select2-container { width:100%!important; min-width:0; }
body .report-filters .select2-selection--single { height:40px!important; min-height:40px!important; padding:0!important; position:relative; }
body .report-filters .select2-selection--single .select2-selection__rendered { padding:0 3.25rem 0 1rem!important; line-height:38px!important; font-size:13px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body .report-filters .select2-selection--single .select2-selection__arrow { height:38px!important; right:4px!important; width:24px!important; }
body .report-filters .select2-selection--single .select2-selection__clear { position:absolute; right:30px; top:0; height:38px; margin:0; padding:0; z-index:1; }
body .report-filters .select2-selection__clear span { margin:0; top:0; }
body .report-filters .select2-selection--multiple { min-height:40px!important; padding:3px 24px 3px 8px!important; border:1px solid #d0d5dd!important; border-radius:6px!important; }
body .report-filters .select2-selection--multiple .select2-selection__rendered { margin:0!important; padding:0!important; }
body .report-filters .select2-search--inline .select2-search__field { margin:5px 0 0!important; font-size:13px!important; max-width:100%; }
body .report-filters .select2-selection__choice { font-size:11px!important; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.report-dropdown .select2-results__option { font-size:13px; white-space:normal; overflow-wrap:anywhere; }
@container report (max-width:850px) { .report-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:991.98px) { .report-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575.98px) { .report-filters,.report-detail-grid { grid-template-columns:minmax(0,1fr); } .report-filters { padding:12px; } .report-buttons { width:100%; } .report-buttons .btn { flex:1; } }