/*
|---------------------------------------------------------------
| Dashboard
|---------------------------------------------------------------
*/
.ta-dashboard {
  display: block;
  width: 100%;
}
.ta-dashboard__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 40px;
}
.ta-dashboard__body {
  display: block;
  width: 100%;
}

.ta-dashboard-noData {
  font-size: 0.9em;
  color: var(--ta-color-error);
  text-align: var(--ta-noData-align, center);
  margin: 1em 0;
}

.ta-dashboard-control {
  width: 100%;
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ta-dashboard-timeline {
  width: 100%;
  margin: 0 0 40px;
}
.ta-dashboard-timeline__head {
  width: 100%;
  margin: 0 0 0.5em;
  padding: 0 0.5em;
  color: var(--ta-color-secondary);
}
.ta-dashboard-timeline__body {
  width: 100%;
}

.ta-dashboard-charts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}

.ta-dashboard-card {
  width: auto;
  min-width: min(100%, 320px);
  margin: 0;
  flex-grow: 1;
  flex-basis: 0;
}
.ta-dashboard-card[data-key=key], .ta-dashboard-card[data-key=project] {
  width: 100%;
  flex-grow: 1;
  flex-basis: auto;
}