// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0

@use "@cloudscape-design/design-tokens/index" as cloudscape;

// Accounts Pie Chart component
.chart {
  margin-top: -20px;
  margin-bottom: -20px;

  * {
    outline: none !important;
  }

  text {
    fill: cloudscape.$color-text-body-default;
  }
}

.clickable {
  cursor: pointer;
}

.cell {
  stroke: cloudscape.$color-background-container-content;
}

.container {
  width: 100%;
  height: 260px;
  max-width: 600px;
  margin: auto;
}

.middle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.red {
  fill: cloudscape.$color-charts-threshold-negative;
}

.green {
  fill: cloudscape.$color-charts-threshold-positive;
}

.yellow {
  fill: cloudscape.$color-charts-status-low;
}

.blue {
  fill: cloudscape.$color-charts-threshold-info;
}

.stroke-red {
  stroke: cloudscape.$color-charts-threshold-negative;
}

.stroke-green {
  stroke: cloudscape.$color-charts-threshold-positive;
}

.stroke-yellow {
  stroke: cloudscape.$color-charts-status-low;
}

.stroke-blue {
  stroke: cloudscape.$color-charts-threshold-info;
}

.semiTransparent {
  opacity: 0.25;
}

// Accounts Summary Table styles
.table {
  max-height: 226px;
  margin-top: -5px;

  // hide resize divider between column headers (no easy way to do this in cloudscape)
  th:first-child span {
    display: none;
  }
}

.icon {
  display: flex;
  border-radius: 16px;

  &,
  & rect {
    width: 16px;
    height: 16px;
  }
}

.hidden {
  visibility: hidden;
}

.rightAlign {
  display: block;
  text-align: right;
}

.bold {
  font-weight: bold;
}
