@import "_variables";

/* ==========================================================================
  .t-Report
  ---
  Standard Report (Bordered)
  ========================================================================== */
.t-Report-cell,
.t-Report-colHead {
  border: 1px solid contrast(@g_Region-BG, darken(@g_Region-BG,   10%), lighten(@g_Region-BG,   10%),  43%);
}

.t-Report-report tr .t-Report-cell:last-child,
.t-Report-report tr .t-Report-colHead:last-child {
  border-right: 1px solid contrast(@g_Region-BG, darken(@g_Region-BG,   10%), lighten(@g_Region-BG,   10%),  43%);

  .u-RTL & {
    border-left: 1px solid contrast(@g_Region-BG, darken(@g_Region-BG,   10%), lighten(@g_Region-BG,   10%),  43%);
  }
}

.t-Report-report tr:last-child .t-Report-cell {
  border-bottom: 1px solid contrast(@g_Region-BG, darken(@g_Region-BG,   10%), lighten(@g_Region-BG,   10%),  43%);
}

.t-Report .is-stuck .t-Report-colHead {
  background-color: fadeout(@g_Region-BG, 5%);
  -webkit-backdrop-filter: blur(4px);
}

/* ==========================================================================
   .t-Report--inline
   ---
   ========================================================================== */
.t-Region--noPadding .t-Report--horizontalBorders,
.t-Report--inline {
  .is-stuck .t-Report-colHead {
    background-color: @_base-bg-alpha-12;
    border-bottom-color: @_base-alpha-2;
  }
}


.t-Report--rowHighlight {

  .t-Report-report tr:hover .t-Report-cell,
  .t-Report-report tr:nth-child(odd):hover .t-Report-cell {
    background-color: contrast(@g_Region-BG, darken(@g_Region-BG,   2%), lighten(@g_Region-BG,   2%),  43%) !important;
  }
}

.t-Report--staticRowColors {
  .t-Report-report tr:nth-child(odd) .t-Report-cell {
    background-color: transparent;
  }
}

/* ==========================================================================
   .t-Report--altRowsDefault
   ---
   Alternate Report Rows
   ========================================================================== */
.t-Report--altRowsDefault {
  .t-Report-report tr:nth-child(odd) .t-Report-cell {
    // background-color: contrast(@g_Region-BG, darken(@g_Region-BG,   1%), lighten(@g_Region-BG,   1%),  43%);
    background-color: @_base-alpha-2;
  }
}

/* ==========================================================================
   .t-Report--pagination
   ========================================================================== */
.t-Report-paginationText b,
.t-Report-paginationText a:hover {
  background-color: @g_Accent-BG;
  color: @g_Accent-FG;
}

.t-Report-links {
  border-color: @_base-alpha-3;
  background-color: @_base-alpha-1;
}