:host {
  display: block;
  height: 100%;
}

:host ::ng-deep chart-panel .chart-container {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: 100%;
}

:host ::ng-deep chart-panel .station-info-title {
  justify-content: flex-end;
  display: flex;
  margin-bottom: 0.25rem !important;
}

:host ::ng-deep chart-panel .accuracy-panel {
  display: inline-flex !important;
  gap: 0.75rem;
  font-size: 0.8125rem !important;
  color: #a9bfe6 !important;
}

:host ::ng-deep chart-panel .accuracy-panel .label {
  color: #90a7d4 !important;
}

:host ::ng-deep chart-panel .accuracy-panel .value {
  color: #ffffff !important;
  font-weight: 700;
}

:host ::ng-deep chart-panel .chart-wrapper {
  height: 100% !important;
}

:host ::ng-deep chart-panel canvas {
  width: 100% !important;
  height: 100% !important;
}

:host ::ng-deep table-panel .table-container {
  margin-top: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--color-fg) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
}

:host ::ng-deep table-panel .table-container > div:first-child {
  display: none !important;
}

:host ::ng-deep table-panel .table-container > div:last-child {
  flex: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  background: transparent !important;
}

:host ::ng-deep table-panel table {
  color: var(--color-fg) !important;
  background: transparent !important;
}

:host ::ng-deep table-panel thead th {
  border: none !important;
  background: var(--table-head-bg) !important;
  color: var(--table-head-fg) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

:host ::ng-deep table-panel tbody td {
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #dfe9ff !important;
}

:host ::ng-deep table-panel tbody tr:nth-child(even) {
  background: var(--table-row-alt) !important;
}
