/**
* Stats
* ============================================================================
*/

.team-stats {
  margin: -21px -20px 20px;
  box-shadow: inset 0 1px 0 lighten(@trim, 1), inset 0 -1px 0 lighten(@trim, 3);
  background: @white-dark;

  .stat-column {
    padding: 20px 20px 18px;
    line-height: 1;

    &.good, &.bad {
      color: #fff;
      .count-label {
        opacity: .7;
      }
    }

    &.good {
      background: @green;
    }

    &.bad {
      background: @red;
    }
  }

  .count {
    font-size: 30px;
    display: block;
    margin-bottom: 6px;
  }

  .count-label {
    font-size: 16px;
    opacity: .4;
  }
}

.project-chart {
  .loading {
    margin: 0;
    min-height: 93px;
  }
  .chart-wrapper {
    position: relative;
    padding-top: 20px;

    .sparkline a {
      span {
        background: @purple-light;
        #gradient > .vertical(@purple-light, @purple);
      }

      &:hover span {
        background: @blue;
      }
    }

    .date-legend {
      top: 0;
      left: 0;
      position: absolute;
      color: @gray-dark;
      padding: 2px;
      font-size: 12px;
      line-height: 1;
    }
  }
}
