@import "_variables";

/*
{
  "var" : "@irrBg",
  "name" : "UTR.LESS.BACKGROUND",
  "type" : "color",
  "group": "UTR.LESS.INTERACTIVE_REPORTS"
}
*/
@irrBg: @g_Region-BG;

@menu_Tabs-Active-BG: darken(@g_Accent-BG, 5%);
@menu_Tabs-Active-Text: fade(contrast(@g_Accent-BG, darken(@g_Accent-BG,  50%), lighten(@g_Accent-BG,  50%)), 100%);
@menu_Tabs-Hover-BG: darken(@g_Accent-BG, 15%);
@menu_Tabs-Text: contrast(@g_Accent-BG);

:root {
  --a-report-controls-cell-label-text-color: fade(contrast(@irrBg, desaturate(darken(@irrBg,  85%), 100%), desaturate(lighten(@irrBg,  85%), 50%)), 100%);
  --a-report-controls-cell-label-background-color: @irrBg;
  --a-report-controls-cell-label-text-color: fade(contrast(@irrBg, desaturate(darken(@irrBg,  85%), 100%), desaturate(lighten(@irrBg,  85%), 50%)), 100%);
}

.a-IRR {
  border-radius: @g_Container-BorderRadius;
  border-color: @_base-alpha-4;
  background-color: @irrBg;

  .a-IRR-pagination-label {
    color: fade(contrast(@irrBg, desaturate(darken(@irrBg,  55%), 100%), desaturate(lighten(@irrBg,  55%), 50%)), 100%);
  }
}

.a-IRR-dialogRow--header {
  color: inherit;
}

.a-IRR-dialogList a {
  color: inherit !important;
}

.a-IRR-reportSummary-value,
.a-IG-reportSummary-value {
  color: fade(contrast(@irrBg, desaturate(darken(@irrBg,  85%), 100%), desaturate(lighten(@irrBg,  85%), 50%)), 100%);
}

.a-IRR-controlsContainer {
  --a-report-controls-border-color: contrast(@g_Region-Header-BG, darken(@g_Region-Header-BG,   10%), lighten(@g_Region-Header-BG,   10%),  43%);
  border-top-color: contrast(@irrBg, darken(@irrBg,   4%), lighten(@irrBg,   4%),  43%);
  background-color: contrast(@irrBg, darken(@irrBg,   2%), lighten(@irrBg,   2%),  43%);
}

.a-IRR-fullView {
  background-color: @irrBg;
}

.a-IRR-button.a-IRR-button--controls {
  background-color: transparent;
  // background-color: contrast(@irrBg, darken(@irrBg,   10%), lighten(@irrBg,   10%),  43%);
  // &:hover {
  //   background-color: contrast(@irrBg, darken(@irrBg,   25%), lighten(@irrBg,   25%),  43%);
  // }
}

// .a-IRR-sortWidget {
//   box-shadow: 0 2px 4px @_base-shadow-4
// }

.a-IRR-toolbar {
  background: @g_Region-Header-BG;
  border-color: contrast(@g_Region-Header-BG, darken(@g_Region-Header-BG,   10%), lighten(@g_Region-Header-BG,   10%),  43%);
}

@l_Progress-BG: @g_Accent-BG;

.a-Report-percentChart-fill {
  background-color: @l_Progress-BG;
}

.a-Report-percentChart {
  background-color: contrast(@l_Progress-BG, darken(@l_Progress-BG,   50%), lighten(@l_Progress-BG,   50%),  43%);
}

.a-IRR-button--colSearch {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;

  .u-RTL & {
    border-top-right-radius: @g_Button-BorderRadius !important;
    border-bottom-right-radius: @g_Button-BorderRadius !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}

.a-IRR-iconViewTable,
.a-IRR-chartView,
.a-IRR-pivotView,
.a-IRR-groupByView,
.a-IRR-detailView {
  border-top-color: contrast(@irrBg, darken(@irrBg,   4%), lighten(@irrBg,   4%),  43%);
}

.a-IRR-toolbar--singleRow {
  border-bottom-color: contrast(@irrBg, darken(@irrBg,   6%), lighten(@irrBg,   6%),  43%);
}

.a-IRR-header {
  --a-gv-header-cell-border-color: contrast(@irrBg, darken(@irrBg,   10%), lighten(@irrBg,   10%),  43%);

  background-color: contrast(@irrBg, darken(@irrBg,   2%), lighten(@irrBg,   2%),  43%);
  border-top: 1px solid contrast(@irrBg, darken(@irrBg,   10%), lighten(@irrBg,   10%),  43%);
  // box-shadow: inset 1px 0 0 0 contrast(@irrBg, darken(@irrBg,   10%), lighten(@irrBg,   10%),  43%);
  color: @_base-alpha-12;

  &:hover {
    background-color: contrast(@irrBg, darken(@irrBg,   5%), lighten(@irrBg,   5%),  43%);
  }

  &.is-active {
    box-shadow: 0 1px 1px @_base-shadow-2 inset;

    a {
      color: inherit;
    }

    .a-IRR-headerSort {
      color: inherit;
    }
  }
}

.a-IRR-header.is-active,
.a-GV-header.is-active {
  background-color: rgba(32, 32, 32, 1);
  color: #FFF;
}

.a-IRR-header--group {
  background-color: contrast(@irrBg, darken(@irrBg,   4%), lighten(@irrBg,   4%),  43%);
}

.t-IRR-region {
  box-shadow: 0 1px 2px @_base-shadow-2, 0 2px 4px -2px @_base-shadow-3;
}

.a-IRR-tableContainer .js-stickyTableHeader.is-stuck {
  box-shadow: 0 1px @_base-alpha-4;
}

@media only screen and (max-width: 768px) {
  .a-IRR-buttons {
    &:before {
      background-color: @_base-alpha-2;
    }
  }
}

.a-IRR-table tr td {
  background-color: @irrBg;
  color: fade(contrast(@irrBg, desaturate(darken(@irrBg,  85%), 100%), desaturate(lighten(@irrBg,  85%), 50%)), 100%);
}

.a-IRR-table {
  // border-collapse: separate;
}

.a-IRR-table tr:nth-child(even):hover td {
  //  .text-contrast(@_light_hover_bg);
}

.a-IRR-table tr:hover td {
  background-color: contrast(@irrBg, darken(@irrBg,   2.5%), lighten(@irrBg,   2.5%),  43%);
}

.t-IRR-region--noBorders {
  .a-IRR {
    border-radius: @g_Container-BorderRadius;
  }
}

.a-IRR-table td {
  --a-gv-cell-border-color: mix(@irrBg, @_base, 95%);
  border-left: 1px solid mix(@irrBg, @_base, 95%);
  border-top: 1px solid mix(@irrBg, @_base, 95%);
}

.a-IRR-table tr td:last-child {
  border-right-color: darken(@irrBg, 5%);
}

.a-IRR-headerLink:focus {
  box-shadow: 0 0 0 1px @g_Focus inset;
}

.a-IRR-search-field:focus {
  // border-color: @g_Focus;
  // box-shadow: -1px 0 0 @g_Focus inset, 1px 0 0 @g_Focus inset;
}


.a-IRR-singleRow-name,
.a-IRR-singleRow-value {
  border-bottom-color: contrast(@irrBg, darken(@irrBg,   6%), lighten(@irrBg,   6%),  43%);
  color: contrast(@irrBg, darken(@irrBg,   75%), lighten(@irrBg,   75%),  43%);

}

.a-IRR-singleRow-value {
  background-color: @irrBg;

  .a-IRR-singleRow-row:hover & {
    background-color: contrast(@irrBg, darken(@irrBg,   3%), lighten(@irrBg,   3%),  43%);
  }
}

.a-IRR-singleRow-name {
  background-color: contrast(@irrBg, darken(@irrBg,   3%), lighten(@irrBg,   3%),  43%);

  .a-IRR-singleRow-row:hover & {
    background-color: contrast(@irrBg, darken(@irrBg,   6%), lighten(@irrBg,   6%),  43%);
  }
}

.a-IRR-button.a-IRR-button--pagination:hover {
  background-color: @g_Focus;
}

.a-IRR-reportSummary-label,
.a-IG-reportSummary-label {
  // background-color: @irrBg !important;
  // color: fade(contrast(@irrBg, desaturate(darken(@irrBg,  85%), 100%), desaturate(lighten(@irrBg,  85%), 50%)), 100%);
}

.a-IRR-controlsLabel,
.a-IG-controlsLabel {
  // background-color: @irrBg;
}

@media only screen and (min-width: 769px) {
  .is-maximized.t-IRR-region {
    .t-fht-thead .a-IRR-header {
      border-bottom: 1px solid contrast(@irrBg, darken(@irrBg,   10%), lighten(@irrBg,   10%),  43%);
    }
  }
}

.ui-widget-content .a-IRR-iconList-link {
  color: fade(contrast(@irrBg, desaturate(darken(@irrBg,  85%), 100%), desaturate(lighten(@irrBg,  85%), 50%)), 100%);
  background-color: @irrBg;
}

.a-IRR-iconList-link:hover {
  background-color: contrast(@irrBg, darken(@irrBg,   3%), lighten(@irrBg,   3%),  43%);
}

.a-IRR-iconList-item .a-IRR-iconList-link:hover,
.a-IRR-iconList-item .a-IRR-iconList-link.is-active,
.a-IRR-radioIconList-item input[type=radio]:checked + label {
  background-color: contrast(@irrBg, darken(@irrBg,   3%), lighten(@irrBg,   3%),  43%) !important;
}

/* Override app_ui styles
   ========================================================================== */
.a-IRR-button:focus,
.a-IRR-button:focus {
  box-shadow: inherit;
}

/* Sort Widget
   ========================================================================== */

.a-IRR-sortWidget {
  background-color: rgba(32, 32, 32, .95);
  backdrop-filter: blur(4px);
  color: #FFF;
  border-width: 0;
  // box-shadow: 0 2px 4px -2px @_base-shadow-9, 0 8px 16px -4px @_base-shadow-5;
  border-bottom-left-radius: @g_Button-BorderRadius;
  border-bottom-right-radius: @g_Button-BorderRadius;
  box-shadow: 0 8px 16px @_base-shadow-7, 0 0 0 1px @_base-alpha-4;

  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: @_base-bg-alpha-9;
  }

  ::-webkit-scrollbar-track {
    background-color: @_base-bg-alpha-7;
  }
}

/* Clear Backgrounds */
.a-IRR-sortWidget-help {
  background-color: transparent;
}

/* Buttons */
.a-IRR-sortWidget-actions {
  padding: 8px;
  border-radius: 2px;
  width: auto;
  border-bottom-width: 0;
}

.a-IRR-sortWidget-actions-item {
  border-right-width: 0;
}

.a-IRR-button.a-IRR-sortWidget-button {
  background-color: transparent;
  color: #FFF;
  border-radius: 2px;

  &:hover {
    background-color: @_base-alpha-6;
  }

  &:focus {
    box-shadow: 0 0 0 1px @g_Focus inset;
  }

  &.is-active,
  &:active:focus {
    background-color: @_base-alpha-9;
  }
}

.a-IRR-sortWidget-searchLabel {
  height: 40px;
  padding: 12px 8px;

  &:before {
    color: #FFF;
  }
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"] {
  // background-color: transparent;
  appearance: none;
  background-color: @_base-bg-alpha-4;
  height: 40px;
  color: #FFF;

  &:focus {
    box-shadow: 0 0 0 1px @g_Focus inset;
  }
}

.a-IRR-sortWidget-rows {
  border-top-width: 0;
}

.a-IRR-sortWidget-row {
  color: #FFF;
  box-shadow: none;

  &:hover {
    background-color: @_base-bg-alpha-5;
  }

  &:focus {
    box-shadow: 0 0 0 1px @g_Focus inset;
  }
}

.a-IG .a-IRR-sortWidget:before {
  color: rgba(32, 32, 32, .95);
}


// Shame for Top Users
.a-IRR .hour-graph {
  span.hour.is-null {
    background-color: @_base-shade-3 !important;
  }
}

.a-IRR .hour-graph {
  span.hour {
    background-color: mix(@g_Success-BG, @_base-bg, 40%) !important;
  }
}


// Dialog Specific
.a-IRR-dialog--download {
  .a-IconList-item {
    outline: none;
    color: @g_Body-Text;
    // background-color: @_base-alpha-1 !important;
    box-shadow: inset @_base-alpha-2 0 -1px 0 0;

    &:hover {
      background-color: contrast(@irrBg, darken(@irrBg,   3%), lighten(@irrBg,   3%),  43%) !important;
    }

    &.is-selected {
      background-color: contrast(@irrBg, darken(@irrBg,   3%), lighten(@irrBg,   3%),  43%) !important;
      box-shadow: inset @g_Accent-BG 0 2px 0 0;

      &.is-focused {
        color: inherit;
        box-shadow: inset @g_Accent-BG 0 2px 0 0, inset @g_Accent-BG 0 0 0 1px;
        background-color: contrast(@irrBg, darken(@irrBg,   3%), lighten(@irrBg,   3%),  43%) !important;
      }
    }
  }
}

.a-IRR-iconList-item + .a-IRR-iconList-item {
  border-color: @_base-alpha-2;
}

.a-IRR-dialogInfo:first-child {
  border-bottom-color: @_base-alpha-2;
}

/* Control Types
     ========================================================================== */
// Error
.a-IG-reportSummary-item.is-error,
.a-IG-controls-item.is-error,
.a-IRR-reportSummary-item.is-error,
.a-IRR-controls-item.is-error {
  // --a-report-controls-cell-label-icon-background-color: var(--a-palette-danger);
  // --a-report-controls-cell-label-icon-text-color: var(--a-palette-danger-contrast);
  // --a-report-controls-cell-label-background-color: var(--a-palette-danger-shade);
  // --a-report-controls-cell-label-text-color: var(--a-palette-danger);
  // --a-report-controls-cell-label-hover-background-color: var(--a-palette-danger-shade);
}

// Types
.a-IG-reportSummary-item--savedReport,
.a-IG-controls-item--savedReport,
.a-IRR-reportSummary-item--savedReport,
.a-IRR-controls-item--savedReport {
  --a-report-controls-cell-label-icon-background-color: @reportControl-savedReport-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-savedReport-hover_bg;
}

.a-IG-reportSummary-item--search,
.a-IG-controls-item--search,
.a-IRR-reportSummary-item--search,
.a-IRR-controls-item--search {
  --a-report-controls-cell-label-icon-background-color: @reportControl-search-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-search-hover_bg;
}

.a-IG-reportSummary-item--filter,
.a-IG-controls-item--filter,
.a-IRR-reportSummary-item--filter,
.a-IRR-controls-item--filter {
  --a-report-controls-cell-label-icon-background-color: @reportControl-filter-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-filter-hover_bg;
}

.a-IG-reportSummary-item--controlBreak,
.a-IG-controls-item--controlBreak,
.a-IRR-reportSummary-item--controlBreak,
.a-IRR-controls-item--controlBreak {
  --a-report-controls-cell-label-icon-background-color: @reportControl-controlBreak-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-controlBreak-hover_bg;
}

.a-IG-reportSummary-item--groupBy,
.a-IG-controls-item--groupBy,
.a-IRR-reportSummary-item--groupBy,
.a-IRR-controls-item--groupBy {
  --a-report-controls-cell-label-icon-background-color: @reportControl-groupBy-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-groupBy-hover_bg;
}

.a-IG-reportSummary-item--aggregate,
.a-IG-controls-item--aggregate,
.a-IRR-reportSummary-item--aggregate,
.a-IRR-controls-item--aggregate {
  --a-report-controls-cell-label-icon-background-color: @reportControl-aggregate-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-aggregate-hover_bg;
}

.a-IG-reportSummary-item--highlight,
.a-IG-controls-item--highlight,
.a-IRR-reportSummary-item--highlight,
.a-IRR-controls-item--highlight {
  --a-report-controls-cell-label-icon-background-color: @reportControl-highlight-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-highlight-hover_bg;
}

.a-IG-reportSummary-item--flashback,
.a-IG-controls-item--flashback,
.a-IRR-reportSummary-item--flashback,
.a-IRR-controls-item--flashback {
  --a-report-controls-cell-label-icon-background-color: @reportControl-flashback-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-flashback-hover_bg;
}

.a-IG-reportSummary-item--chart,
.a-IG-controls-item--chart,
.a-IRR-reportSummary-item--chart,
.a-IRR-controls-item--chart {
  --a-report-controls-cell-label-icon-background-color: @reportControl-chart-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-chart-hover_bg;
}

.a-IG-reportSummary-item--pivot,
.a-IG-controls-item--pivot,
.a-IRR-reportSummary-item--pivot,
.a-IRR-controls-item--pivot {
  --a-report-controls-cell-label-icon-background-color: @reportControl-pivot-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-pivot-hover_bg;
}

.a-IG-reportSummary-item--invalidSettings,
.a-IG-controls-item--invalidSettings,
.a-IRR-reportSummary-item--invalidSettings,
.a-IRR-controls-item--invalidSettings {
  --a-report-controls-cell-label-icon-background-color: @reportControl-invalidSettings-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-invalidSettings-hover_bg;
}

.a-IG-reportSummary-item--inactiveSettings,
.a-IG-controls-item--inactiveSettings,
.a-IRR-reportSummary-item--inactiveSettings,
.a-IRR-controls-item--inactiveSettings {
  --a-report-controls-cell-label-icon-background-color: @reportControl-inactiveSettings-icon_bg;
  --a-report-controls-cell-label-hover-background-color: @reportControl-inactiveSettings-hover_bg;
}