/* Card Analytics
******************************************************************************* */
@import "../_bootstrap-extended/include";

/* Report list section style */
.report-list {
  .report-list-item {
    background-color: rgba(var(--#{$prefix}base-color-rgb), .06);
    padding-block: .75rem;
    padding-inline: 1rem;
  }
  .report-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--#{$prefix}paper-bg);
    min-block-size: 40px;
    min-inline-size: 40px;
    @include border-radius($border-radius);
  }
}

/* Vehicles overview progress labels */
.vehicles-progress-labels {
  .vehicles-progress-label {
    position: relative;
    padding-block-end: 15px;
    &::after {
      position: absolute;
      display: inline-block;
      background-color: var(--#{$prefix}border-color);
      block-size: 10px;
      content: "";
      inline-size: 2px;
      inset-block-end: 0;
      inset-inline-start: 0;
      [dir="rtl"] & {
        inset-inline: unset 0;
      }
    }
  }
}

/* Vehicles overview progress */
.vehicles-overview-progress {
  --#{$prefix}snackbar-bg: #22303e;
  .bg-gray-900 {
    color: var(--#{$prefix}white);
  }
  .snackbar {
    background-color: var(--#{$prefix}snackbar-bg);
  }
}

/* Shipment statistics chart legend */
#shipmentStatisticsChart,
#carrierPerformance {
  .apexcharts-legend-series {
    @include border-radius($border-radius);
    border: $border-width solid var(--#{$prefix}border-color);
    block-size: 83%;
    padding-block: 4px;
    padding-inline: 12px;
    padding-inline-start: 17px;
  }
}


/* Dark theme */
@if $enable-dark-mode {
  @include color-mode(dark) {
    .vehicles-overview-progress {
      --#{$prefix}snackbar-bg: #e6e6f1;
    }
  }
}