/* 
    NOTE: 
    All the following classes have been moved here temporarily from main.less.
    This is to allow for easier management and isolation of styles related to the Merchant Statement feature.
    As Blazor's scoped CSS for Razor components requires additional keywords (such as ::deep) for deep selectors,
    and since this approach can be cumbersome or inconsistent, we are avoiding scoped CSS for now.
    These styles will remain global until a better solution is found.
*/
.statement-mud-card {
  border-top: 10px solid #5186ec;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 12px;
}
.underlined-text {
  display: inline-block;
  min-width: 180px;
  /* adjust as needed for alignment */
  border-bottom: 1px solid black;
  padding-bottom: 1px;
}
.report-section-outer--border {
  border: 2px solid #c9dafc;
  border-radius: 4px;
  background-color: #f3f7fe;
  margin-bottom: 8px;
}
.report-section-inner--border {
  border: 1px solid #c9dafc;
  border-radius: 4px;
  background-color: #fff;
}
.report-section {
  background-color: #f3f7fe;
  margin-bottom: 8px;
  padding: 16px;
}
/* ========== Custom Table Overrides ========== */
/* =====================================================
   Custom MudTable Styling Overrides for report-section-table
   ===================================================== */
/* Base table wrapper */
div.mud-table.report-section-table {
  background-color: #f3f7fe !important;
  /* light bluish background */
  border: none !important;
  box-shadow: none !important;
}
/* Actual table root */
div.mud-table.report-section-table table.mud-table-root {
  border-collapse: collapse !important;
  width: 100%;
  background-color: #f3f7fe !important;
  /* body bg color */
}
/* ----------- HEADER ----------- */
div.mud-table.report-section-table table.mud-table-root thead.mud-table-head {
  background-color: #e8edfd !important;
  /* lighter blue */
  height: 42px !important;
  min-height: 42px !important;
}
/* ----------- BODY ROWS ----------- */
div.mud-table.report-section-table table.mud-table-root tbody.mud-table-body tr {
  background-color: #f3f7fe !important;
  /* slightly different tone */
  border-bottom: none !important;
}
div.mud-table.report-section-table table.mud-table-root tbody.mud-table-body tr:nth-child(even) {
  background-color: #f3f7fe !important;
  /* alternating subtle rows */
}
div.mud-table.report-section-table table.mud-table-root tbody.mud-table-body td {
  border: none !important;
  line-height: 1.3 !important;
}
/* Hover effect */
div.mud-table.report-section-table table.mud-table-root tbody.mud-table-body tr:hover {
  background-color: #eef3ff !important;
}
/* ----------- FOOTER ----------- */
div.mud-table.report-section-table table.mud-table-root tfoot.mud-table-foot tr {
  background-color: #f3f7fe !important;
  border-top: 2px solid #d0d4e4 !important;
  border-bottom: 2px solid #d0d4e4 !important;
}
div.mud-table.report-section-table table.mud-table-root tfoot.mud-table-foot td {
  border-top: 2px solid #d0d4e4 !important;
  border-bottom: 2px solid #d0d4e4 !important;
  padding: 10px 18px !important;
  font-weight: bold;
}
/* Remove unwanted shadow & elevation */
div.mud-table.report-section-table .mud-paper,
div.mud-table.report-section-table.mud-elevation-0 {
  box-shadow: none !important;
  border: none !important;
}
/* Right alignment for numeric columns */
div.mud-table.report-section-table .text-right {
  text-align: right !important;
}