.datasignals-page {
  font-family: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.datasignals-dashboard {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-4);
}

.datasignals-dashboard .card,
.datasignals-dashboard .frontend-card,
.datasignals-dashboard .card-body,
.datasignals-dashboard .frontend-card-body,
.datasignals-dashboard .grid > *,
.datasignals-dashboard .frontend-grid > * {
  min-width: 0;
}

.datasignals-dashboard [id$="-chart"],
.datasignals-dashboard [id$="-gauge"],
.datasignals-dashboard [id$="-compass"] {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}

.datasignals-dashboard [id$="-chart"] > div,
.datasignals-dashboard [id$="-gauge"] > div,
.datasignals-dashboard [id$="-compass"] > div,
.datasignals-dashboard canvas {
  width: 100% !important;
  max-width: 100%;
}

.datasignals-dashboard .frontend-card-title,
.datasignals-dashboard .app-page-title {
  font-family: "Roboto Slab", ui-serif, Georgia, "Times New Roman", serif;
}

:root[data-theme="dark"] .datasignals-dashboard .card.border-base-300,
:root[data-theme="dark"] .datasignals-dashboard .frontend-card,
:root[data-theme="dark"] .datasignals-dashboard .border-base-300 {
  border-color: var(--color-base-300) !important;
}

:root[data-theme="dark"] .datasignals-dashboard .frontend-card.bg-base-100,
:root[data-theme="dark"] .datasignals-dashboard .card.bg-base-100,
:root[data-theme="dark"] .dashboard-chart-modal__box {
  background-color: var(--color-base-300) !important;
}

:root[data-theme="dark"] .datasignals-dashboard .frontend-card.bg-base-200,
:root[data-theme="dark"] .datasignals-dashboard .card.bg-base-200 {
  background-color: var(--color-base-100) !important;
}

:root[data-theme="dark"] .datasignals-dashboard .card,
:root[data-theme="dark"] .datasignals-dashboard .frontend-card {
  box-shadow: none !important;
}

:root[data-theme="dark"] .datasignals-dashboard .dataTable,
:root[data-theme="dark"] .datasignals-dashboard .dt-container,
:root[data-theme="dark"] .datasignals-dashboard .dt-container .dt-search input,
:root[data-theme="dark"] .datasignals-dashboard .dt-container .dt-length select {
  background-color: var(--color-base-300) !important;
  color: var(--color-base-content) !important;
}

:root[data-theme="dark"] .datasignals-dashboard .dt-container .dt-button {
  background: var(--color-base-100) !important;
  border-color: var(--color-base-300) !important;
  color: var(--color-base-content) !important;
}

.datasignals-dashboard .frontend-control-input,
.datasignals-dashboard .select,
.datasignals-dashboard .select option,
.datasignals-dashboard .dashboard-multiselect-summary,
.datasignals-dashboard .dashboard-multiselect-menu,
.datasignals-dashboard .dashboard-multiselect-option,
.datasignals-dashboard .dashboard-multiselect-search,
.datasignals-dashboard .dashboard-multiselect-action,
.datasignals-dashboard .dashboard-checkbox-panel {
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

.datasignals-coverage-list {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-3);
  padding-block: var(--frontend-space-2);
}

.datasignals-coverage-row {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-1);
}

.datasignals-coverage-header {
  align-items: baseline;
  display: flex;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  gap: var(--frontend-space-2);
  justify-content: space-between;
}

.datasignals-coverage-header span {
  font-size: var(--frontend-font-size-xs);
  opacity: 0.72;
}

.datasignals-coverage-bar {
  background: color-mix(in srgb, currentColor 10%, transparent);
  border-radius: 999px;
  height: 0.55rem;
  overflow: hidden;
}

.datasignals-coverage-fill {
  background: #28a79a;
  border-radius: inherit;
  display: block;
  height: 100%;
}

.datasignals-access-table {
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  margin-top: var(--frontend-space-2);
}

.datasignals-plot-card-controls {
  align-items: center;
  display: flex;
  flex: 1 1 18rem;
  flex-wrap: wrap;
  gap: var(--frontend-space-2);
  justify-content: flex-end;
  margin-left: auto;
  max-width: 100%;
  min-width: 0;
}

.datasignals-plot-card-controls .frontend-control {
  flex: 0 1 auto;
  justify-content: flex-end;
  max-width: 100%;
  min-width: 0;
}

.datasignals-plot-card-controls .frontend-control-input {
  flex: 0 1 auto;
  max-width: min(12rem, 100%);
  min-width: 6.5rem;
  width: auto;
}

.datasignals-plot-card-controls .frontend-control-label {
  flex: 0 0 auto;
}

.datasignals-inline-checkbox-control {
  align-items: center;
  flex-direction: row;
  gap: 0.35rem;
  min-height: 2rem;
}

.datasignals-stat-toggle {
  align-items: center;
  display: inline-flex;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.72rem;
  gap: 0.3rem;
  line-height: 1;
  min-height: 2rem;
  opacity: 0.78;
  white-space: nowrap;
}

.datasignals-high-value-table-wrap {
  overflow-x: auto;
  width: 100%;
}

.datasignals-high-value-table {
  font-size: 0.75rem;
  table-layout: fixed;
}

.datasignals-high-value-table th,
.datasignals-high-value-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.datasignals-high-value-table .datasignals-high-value-location {
  max-width: 5.5rem;
  min-width: 5.5rem;
  width: 5.5rem;
}

.datasignals-high-value-table .datasignals-high-value-time-window {
  max-width: 11rem;
  min-width: 11rem;
  white-space: normal;
  width: 11rem;
}

.datasignals-high-value-time-window__line {
  display: block;
  line-height: 1.25;
  white-space: nowrap;
}

.datasignals-high-value-table .datasignals-high-value-metric {
  min-width: 9.5rem;
  white-space: normal;
}

.datasignals-high-value-cell {
  background: transparent;
  border: 0;
  border-radius: 0.25rem;
  color: inherit;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 0.08rem;
  padding: 0.2rem 0.25rem;
  text-align: left;
  width: 100%;
}

.datasignals-high-value-cell > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.datasignals-high-value-cell:hover,
.datasignals-high-value-cell:focus-visible,
.datasignals-high-value-cell.is-selected {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
  outline: none;
}

.datasignals-high-value-cell__value {
  font-weight: 600;
}

.datasignals-high-value-cell__meta {
  font-size: 0.68rem;
  opacity: 0.72;
}

.datasignals-input-form {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-3);
}

.datasignals-input-grid {
  align-items: end;
  display: grid;
  gap: var(--frontend-space-3);
  grid-template-columns:
    minmax(7rem, 0.8fr)
    minmax(9rem, 1fr)
    minmax(10rem, 1.2fr)
    auto;
}

@media (max-width: 1180px) {
  .datasignals-input-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .datasignals-time-controls,
  .datasignals-input-actions {
    grid-column: 1 / -1;
  }

  .datasignals-input-actions {
    justify-content: flex-start;
  }
}

.datasignals-project-control,
.datasignals-location-control {
  align-items: stretch;
  flex-direction: column;
  gap: var(--frontend-space-1);
  min-width: 0;
}

.datasignals-input-form .frontend-control-label {
  flex: 0 0 auto;
  font-family: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

.datasignals-input-form .frontend-control-input,
.datasignals-input-form .dashboard-multiselect,
.datasignals-input-form .dashboard-multiselect-summary,
.datasignals-input-form .dashboard-multiselect-menu,
.datasignals-input-form .dashboard-multiselect-option,
.datasignals-input-form input {
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

.datasignals-input-locations .dashboard-multiselect {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.datasignals-input-locations:empty {
  display: block;
  min-height: 2rem;
}

.datasignals-time-controls {
  display: flex;
  flex-wrap: wrap;
  gap: var(--frontend-space-2);
}

.datasignals-time-mode-control {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  gap: var(--frontend-space-2);
  justify-content: flex-end;
  margin-left: auto;
  min-width: 0;
}

.datasignals-time-mode-control * {
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

.datasignals-time-mode-toggle {
  align-items: center;
  display: inline-flex;
  gap: 0.3rem;
  min-height: 0;
  white-space: nowrap;
}

#datasignals-scada-availability-granularity {
  min-width: 7.5rem;
}

.datasignals-time-control-row {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: var(--frontend-space-2);
}

.datasignals-time-control-row[hidden] {
  display: none;
}

#datasignals-absolute-time-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(10rem, 1fr));
  width: 100%;
}

#datasignals-absolute-time-controls[hidden] {
  display: none;
}

#datasignals-absolute-time-controls .frontend-control {
  align-items: center;
  min-width: 0;
}

#datasignals-absolute-time-controls .frontend-control-input {
  flex: 1 1 auto;
  width: 100%;
}

@media (max-width: 640px) {
  #datasignals-absolute-time-controls {
    grid-template-columns: minmax(0, 1fr);
  }
}

.datasignals-input-actions {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
}

.datasignals-input-actions .btn {
  min-height: 2rem;
}

.datasignals-input-location-block {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-2);
}

.datasignals-scada-layout .dashboard-controls,
.datasignals-acceleration-layout .dashboard-controls,
.datasignals-load-layout .dashboard-controls {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr);
}

.datasignals-scada-layout,
.datasignals-acceleration-layout,
.datasignals-load-layout {
  container-type: inline-size;
}

.datasignals-acceleration-layout .dashboard-card-header {
  align-items: center;
}

.datasignals-acceleration-layout .dashboard-card-header > :first-child {
  flex: 0 1 auto;
  min-width: 12rem;
}

@media (min-width: 769px) {
  .datasignals-scada-layout #datasignals-dashboard-controls-header:empty,
  .datasignals-acceleration-layout #datasignals-acceleration-dashboard-controls-header:empty,
  .datasignals-load-layout #datasignals-load-dashboard-controls-header:empty {
    min-height: 2.5rem;
  }

  .datasignals-inclination-layout #datasignals-inclination-dashboard-controls-header:empty {
    min-height: 5.5rem;
  }

  .datasignals-scada-layout #datasignals-dashboard-controls:empty {
    min-height: 10.75rem;
  }

  .datasignals-acceleration-layout #datasignals-acceleration-dashboard-controls:empty,
  .datasignals-load-layout #datasignals-load-dashboard-controls:empty {
    min-height: 13.5rem;
  }

  .datasignals-inclination-layout #datasignals-inclination-dashboard-controls:empty {
    min-height: 17.375rem;
  }

  .datasignals-scada-layout #datasignals-kpi-strip:empty {
    min-height: 10.875rem;
  }

  .datasignals-acceleration-layout #datasignals-kpi-strip:empty {
    min-height: 11.75rem;
  }

  .datasignals-inclination-layout #datasignals-kpi-strip:empty {
    min-height: 14.875rem;
  }

  .datasignals-load-layout #datasignals-kpi-strip:empty {
    min-height: 12.8125rem;
  }
}

.datasignals-scada-top-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr);
}

.datasignals-scada-top-main,
.datasignals-scada-top-side {
  min-width: 0;
}

@container (min-width: 48rem) {
  .datasignals-scada-top-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .datasignals-scada-top-main {
    grid-column: span 6;
    order: 0;
  }

  .datasignals-scada-top-side {
    grid-column: span 3;
    order: 0;
  }
}

.datasignals-scada-layout .frontend-control,
.datasignals-scada-layout .frontend-control-label,
.datasignals-scada-layout .frontend-control-input,
.datasignals-scada-layout .dashboard-multiselect,
.datasignals-acceleration-layout .frontend-control,
.datasignals-acceleration-layout .frontend-control-label,
.datasignals-acceleration-layout .frontend-control-input,
.datasignals-acceleration-layout .dashboard-multiselect,
.datasignals-load-layout .frontend-control,
.datasignals-load-layout .frontend-control-label,
.datasignals-load-layout .frontend-control-input,
.datasignals-load-layout .dashboard-multiselect {
  font-size: 0.75rem;
}

.datasignals-scada-layout .frontend-control-label,
.datasignals-acceleration-layout .frontend-control-label,
.datasignals-load-layout .frontend-control-label {
  color: color-mix(in srgb, var(--color-base-content) 72%, transparent);
}

.datasignals-operating-mode-stack {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-end;
}

.datasignals-operating-mode-control,
.datasignals-operating-family-control .frontend-control {
  align-self: center;
  justify-content: flex-end;
}

.datasignals-operating-family-control[hidden] {
  display: none;
}

.datasignals-operating-family-control .frontend-control-input {
  min-width: 11rem;
}

.datasignals-operating-condition-block {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-1);
  grid-column: 1 / -1;
  min-width: 0;
}

.datasignals-scada-layout .scada-kpi-grid,
.datasignals-acceleration-layout .scada-kpi-grid,
.datasignals-inclination-layout .scada-kpi-grid,
.datasignals-load-layout .scada-kpi-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: var(--frontend-space-3);
}

.datasignals-acceleration-layout .scada-kpi-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.datasignals-inclination-layout .scada-kpi-grid {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(10.5rem, 100%), 1fr)
  );
}

.datasignals-load-layout .scada-kpi-grid {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(12rem, 100%), 1fr)
  );
}

.datasignals-scada-layout .dashboard-kpi,
.datasignals-acceleration-layout .dashboard-kpi,
.datasignals-inclination-layout .dashboard-kpi,
.datasignals-load-layout .dashboard-kpi {
  background: var(--color-base-200);
  border-color: var(--color-base-300);
  border-radius: 0.5rem;
  min-height: 5rem;
  padding: 0.85rem;
}

.datasignals-scada-layout .dashboard-kpi-label,
.datasignals-acceleration-layout .dashboard-kpi-label,
.datasignals-inclination-layout .dashboard-kpi-label,
.datasignals-load-layout .dashboard-kpi-label {
  color: color-mix(in srgb, var(--color-base-content) 68%, transparent);
  font-size: 0.72rem;
  letter-spacing: 0.02em;
  opacity: 1;
  text-transform: uppercase;
}

.datasignals-scada-layout .dashboard-kpi-value,
.datasignals-acceleration-layout .dashboard-kpi-value,
.datasignals-inclination-layout .dashboard-kpi-value,
.datasignals-load-layout .dashboard-kpi-value {
  color: var(--color-base-content);
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1;
  overflow-wrap: anywhere;
}

.datasignals-acceleration-layout .dashboard-kpi-split,
.datasignals-inclination-layout .dashboard-kpi-split,
.datasignals-load-layout .dashboard-kpi-split {
  display: grid;
  gap: 0.4rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.15rem;
}

.datasignals-acceleration-layout .dashboard-kpi-split-item,
.datasignals-inclination-layout .dashboard-kpi-split-item,
.datasignals-load-layout .dashboard-kpi-split-item {
  min-width: 0;
}

.datasignals-acceleration-layout .dashboard-kpi-split-label,
.datasignals-inclination-layout .dashboard-kpi-split-label,
.datasignals-load-layout .dashboard-kpi-split-label {
  color: color-mix(in srgb, var(--color-base-content) 62%, transparent);
  display: block;
  font-size: 0.68rem;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
}

.datasignals-acceleration-layout .dashboard-kpi-split-label {
  font-size: 0.64rem;
  text-transform: none;
}

.datasignals-acceleration-layout .dashboard-kpi-split-value,
.datasignals-inclination-layout .dashboard-kpi-split-value,
.datasignals-load-layout .dashboard-kpi-split-value {
  color: var(--color-base-content);
  display: block;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  overflow-wrap: anywhere;
}

.datasignals-acceleration-layout .dashboard-kpi-split-detail,
.datasignals-acceleration-layout .dashboard-kpi-split-meta,
.datasignals-inclination-layout .dashboard-kpi-split-detail,
.datasignals-inclination-layout .dashboard-kpi-split-meta,
.datasignals-load-layout .dashboard-kpi-split-detail,
.datasignals-load-layout .dashboard-kpi-split-meta {
  color: color-mix(in srgb, var(--color-base-content) 72%, transparent);
  display: block;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.74rem;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.datasignals-load-layout .dashboard-kpi-split-meta {
  color: color-mix(in srgb, var(--color-base-content) 56%, transparent);
  font-size: 0.68rem;
}

.datasignals-acceleration-control-grid,
.datasignals-acceleration-analysis-grid,
.datasignals-acceleration-main-grid,
.datasignals-acceleration-placeholder-grid,
.datasignals-load-control-grid,
.datasignals-load-overview-grid,
.datasignals-load-main-grid,
.datasignals-load-analysis-grid,
.datasignals-load-lifetime-grid {
  align-items: stretch;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.datasignals-acceleration-placeholder-grid,
.datasignals-load-control-grid {
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.datasignals-acceleration-control-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.datasignals-acceleration-main-grid {
  grid-template-columns: minmax(0, 1fr);
}

.datasignals-acceleration-top-main,
.datasignals-acceleration-top-side {
  min-width: 0;
}

.datasignals-acceleration-top-side .dashboard-card-header > :first-child {
  min-width: 0;
}

@container (min-width: 40rem) {
  .datasignals-acceleration-main-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .datasignals-acceleration-top-main {
    grid-column: span 6;
  }

  .datasignals-acceleration-top-side {
    grid-column: span 3;
  }

  .datasignals-acceleration-main-grid--overview .datasignals-acceleration-top-side {
    grid-column: span 3;
  }

  .datasignals-acceleration-main-grid--overview .datasignals-acceleration-top-main {
    grid-column: span 9;
  }
}

.datasignals-acceleration-analysis-wide {
  grid-column: 1 / -1;
}

.datasignals-load-analysis-grid,
.datasignals-acceleration-rms-comparison-grid,
.datasignals-inclination-analysis-grid {
  display: grid;
  gap: var(--frontend-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.datasignals-dashboard-section,
.datasignals-load-section,
.datasignals-inclination-section {
  min-width: 0;
}

.datasignals-dashboard-section-toggle {
  align-items: center;
  appearance: none;
  background: transparent;
  background-image: none !important;
  border: 0 !important;
  border-image: none !important;
  border-radius: 0;
  border-style: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  color: color-mix(in srgb, var(--color-base-content) 72%, transparent);
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 0.4rem;
  margin: 0 0 var(--frontend-space-2);
  padding: 0;
  text-align: left;
  text-decoration: none;
  -webkit-appearance: none;
}

.datasignals-dashboard-section-toggle .heroicon {
  height: 0.78rem;
  transition: transform 160ms ease;
  width: 0.78rem;
}

.datasignals-dashboard-section.is-collapsed .datasignals-dashboard-section-toggle .heroicon {
  transform: rotate(-90deg);
}

.datasignals-dashboard-section-title,
.datasignals-load-section-title {
  background: transparent;
  background-image: none !important;
  border: 0 !important;
  border-image: none !important;
  border-style: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  color: color-mix(in srgb, var(--color-base-content) 72%, transparent);
  display: inline-block;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.datasignals-dashboard-section-toggle:focus:not(:focus-visible) {
  outline: 0;
}

.datasignals-dashboard-section-toggle:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--color-primary) 60%, transparent);
  outline-offset: 0.18rem;
}

.datasignals-load-section-title {
  margin: 0 0 var(--frontend-space-2);
}

.datasignals-dashboard-section-body[hidden] {
  display: none !important;
}

.datasignals-dashboard-section-toggle::before,
.datasignals-dashboard-section-toggle::after,
.datasignals-dashboard-section-title::before,
.datasignals-dashboard-section-title::after {
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
}

.datasignals-acceleration-chart-pane {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-1);
  min-width: 0;
}

.datasignals-chart-pane-title {
  color: color-mix(in srgb, var(--color-base-content) 72%, transparent);
  font-family: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}

.datasignals-title-with-action {
  align-items: center;
  display: inline-flex;
  gap: 0.2rem;
  max-width: 100%;
  min-width: 0;
}

.datasignals-title-with-action > :first-child {
  min-width: 0;
}

.datasignals-load-dem-combined-card {
  grid-column: 1 / -1;
}

.datasignals-load-dem-combined-grid {
  display: grid;
  gap: var(--frontend-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.datasignals-load-dem-combined-grid .datasignals-chart-pane {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-1);
  min-width: 0;
}

.datasignals-acceleration-main-grid > .card,
.datasignals-acceleration-analysis-grid > .card,
.datasignals-acceleration-placeholder-grid > .card,
.datasignals-load-overview-grid > .card,
.datasignals-load-main-grid > .card,
.datasignals-load-analysis-grid > .card,
.datasignals-load-lifetime-grid > .card {
  height: 100%;
}

.datasignals-acceleration-main-grid > .card > .card-body,
.datasignals-acceleration-analysis-grid > .card > .card-body,
.datasignals-acceleration-placeholder-grid > .card > .card-body,
.datasignals-load-overview-grid > .card > .card-body,
.datasignals-load-main-grid > .card > .card-body,
.datasignals-load-analysis-grid > .card > .card-body,
.datasignals-load-lifetime-grid > .card > .card-body {
  display: flex;
  flex-direction: column;
}

.datasignals-acceleration-main-grid [id$="-chart"],
.datasignals-acceleration-analysis-grid [id$="-chart"],
.datasignals-load-overview-grid [id$="-chart"],
.datasignals-load-main-grid [id$="-chart"],
.datasignals-load-analysis-grid [id$="-chart"],
.datasignals-load-lifetime-grid [id$="-chart"] {
  margin-top: auto;
}

#datasignals-acceleration-timeseries-chart,
#datasignals-acceleration-operating-condition-chart,
#datasignals-acceleration-operating-condition-breakdown-chart,
#datasignals-acceleration-availability-bar-chart,
#datasignals-acceleration-availability-chart,
#datasignals-acceleration-rms-scada-chart,
#datasignals-acceleration-rms-operating-boxplot-chart,
#datasignals-acceleration-exceedance-chart,
#datasignals-acceleration-frequency-boxplot-chart,
#datasignals-acceleration-rms1p-timeseries-chart,
#datasignals-acceleration-rms1p-power-chart,
#datasignals-acceleration-fa1-frequency-chart,
#datasignals-acceleration-ss1-frequency-chart,
#datasignals-acceleration-ss2-frequency-chart,
#datasignals-load-dem-location-chart,
#datasignals-load-bending-summary-chart,
#datasignals-load-accumulated-chart,
#datasignals-load-scatter-chart,
#datasignals-load-dem-timeseries-chart,
#datasignals-load-bending-timeseries-chart,
#datasignals-load-dem-scada-chart,
#datasignals-load-dem-boxplot-chart,
#datasignals-load-bending-scada-chart,
#datasignals-load-bending-boxplot-chart,
#datasignals-load-dem-contribution-chart,
#datasignals-load-dem-contribution-flow-chart,
#datasignals-load-bending-share-chart,
#datasignals-load-bending-share-breakdown-chart,
#datasignals-load-timeseries-chart,
#datasignals-load-service-life-chart,
#datasignals-load-lifetime-rate-chart,
#datasignals-load-monthly-trend-chart,
#datasignals-load-nominal-chart,
#datasignals-load-model-performance-chart,
#datasignals-load-model-performance-mtn-chart,
#datasignals-load-model-performance-mtl-chart,
#datasignals-load-availability-bar-chart,
#datasignals-load-availability-chart {
  height: 20rem !important;
  min-height: 20rem !important;
}

.datasignals-contribution-breakdown-grid {
  display: grid;
  gap: var(--frontend-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  min-width: 0;
}

.datasignals-inclination-contribution-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.datasignals-inclination-section .datasignals-chart-pane {
  min-width: 0;
}

.datasignals-inclination-section [id$="-timeseries-chart"],
.datasignals-inclination-section [id$="-analysis-chart"],
.datasignals-inclination-section [id$="-boxplot-chart"] {
  height: 23rem;
  min-height: 23rem;
}

.datasignals-inclination-section [id$="-contribution-chart"],
.datasignals-inclination-section [id$="-breakdown-chart"] {
  height: 20rem;
  min-height: 20rem;
}

.datasignals-segmented-control {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
  min-height: 2rem;
}

.datasignals-segmented-control .btn {
  min-height: 1.75rem;
  white-space: nowrap;
}

.datasignals-segmented-control .btn[aria-pressed="true"] {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
  border-color: color-mix(in srgb, var(--color-primary) 58%, transparent);
}

.datasignals-radio-group {
  align-items: center;
  display: inline-flex;
  min-height: 2rem;
}

.datasignals-radio-group .btn {
  min-height: 1.75rem;
  white-space: nowrap;
}

.datasignals-high-value-cell.is-highlighted {
  outline: 1px solid #66c8ef;
  outline-offset: -1px;
}

.datasignals-load-dem-contribution-grid {
  display: grid;
  gap: var(--frontend-space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.datasignals-contribution-breakdown-grid .datasignals-chart-pane,
.datasignals-load-dem-contribution-grid .datasignals-chart-pane {
  min-width: 0;
}

.datasignals-contribution-breakdown-list,
.datasignals-dem-contribution-breakdown-list {
  border-top: 1px solid color-mix(in srgb, var(--color-base-content) 12%, transparent);
  margin-top: var(--frontend-space-2);
  max-height: 10.5rem;
  min-width: 0;
  overflow: auto;
}

.datasignals-contribution-breakdown-table,
.datasignals-dem-contribution-breakdown-table {
  border-collapse: collapse;
  font-size: 0.72rem;
  line-height: 1.12;
  min-width: min(18rem, 100%);
  table-layout: fixed;
  width: 100%;
}

.datasignals-contribution-breakdown-table th,
.datasignals-contribution-breakdown-table td,
.datasignals-dem-contribution-breakdown-table th,
.datasignals-dem-contribution-breakdown-table td {
  border-bottom: 1px solid color-mix(in srgb, var(--color-base-content) 9%, transparent);
  padding: 0.3rem 0.35rem;
  text-align: left;
  vertical-align: top;
}

.datasignals-contribution-breakdown-table th,
.datasignals-dem-contribution-breakdown-table th {
  background: var(--color-base-200);
  color: color-mix(in srgb, var(--color-base-content) 62%, transparent);
  font-size: 0.64rem;
  font-weight: 700;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.datasignals-contribution-breakdown-table th:first-child,
.datasignals-contribution-breakdown-parent-cell,
.datasignals-dem-contribution-breakdown-table th:first-child,
.datasignals-dem-contribution-breakdown-parent-cell {
  width: 34%;
}

.datasignals-contribution-breakdown-table th:last-child,
.datasignals-contribution-breakdown-percent,
.datasignals-dem-contribution-breakdown-table th:last-child,
.datasignals-dem-contribution-breakdown-percent {
  text-align: right;
  width: 4.2rem;
}

.datasignals-contribution-breakdown-swatch,
.datasignals-dem-contribution-breakdown-swatch {
  border-radius: 999px;
  flex: 0 0 auto;
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
}

.datasignals-contribution-breakdown-parent-summary,
.datasignals-contribution-breakdown-case-summary,
.datasignals-dem-contribution-breakdown-parent-summary,
.datasignals-dem-contribution-breakdown-case-summary {
  align-items: baseline;
  display: flex;
  gap: 0.35rem;
  min-width: 0;
}

.datasignals-contribution-breakdown-parent-summary,
.datasignals-dem-contribution-breakdown-parent-summary {
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  flex-wrap: wrap;
}

.datasignals-contribution-breakdown-parent-summary strong,
.datasignals-dem-contribution-breakdown-parent-summary strong {
  color: color-mix(in srgb, var(--color-base-content) 72%, transparent);
  font-size: 0.7rem;
  font-weight: 700;
  margin-left: 0.85rem;
}

.datasignals-contribution-breakdown-case-summary span:last-child,
.datasignals-dem-contribution-breakdown-case-summary span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.datasignals-contribution-breakdown-percent,
.datasignals-dem-contribution-breakdown-percent {
  color: color-mix(in srgb, var(--color-base-content) 82%, transparent);
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .datasignals-contribution-breakdown-grid,
  .datasignals-frequency-evolution-layout,
  .datasignals-load-dem-contribution-grid {
    grid-template-columns: 1fr;
  }

  .datasignals-inclination-contribution-grid {
    grid-template-columns: 1fr;
  }
}

#datasignals-acceleration-timeseries-chart {
  height: 23rem !important;
  min-height: 23rem !important;
}

#datasignals-scada-operating-condition-card .card-body {
  min-height: 0;
}

#datasignals-scada-operating-condition-card .datasignals-contribution-breakdown-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#datasignals-scada-operating-condition-chart,
#datasignals-scada-operating-condition-breakdown-chart {
  height: 20rem !important;
  margin-top: 0 !important;
  min-height: 20rem !important;
}

#datasignals-acceleration-operating-condition-card .card-body {
  min-height: 0;
}

#datasignals-acceleration-operating-condition-card .datasignals-contribution-breakdown-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#datasignals-acceleration-operating-condition-chart,
#datasignals-acceleration-operating-condition-breakdown-chart {
  height: 20rem !important;
  margin-top: 0 !important;
  min-height: 20rem !important;
}

@media (max-width: 700px) {
  #datasignals-scada-operating-condition-card .datasignals-contribution-breakdown-grid,
  #datasignals-acceleration-operating-condition-card .datasignals-contribution-breakdown-grid {
    grid-template-columns: 1fr;
  }
}

.datasignals-frequency-evolution-layout {
  display: grid;
  gap: var(--frontend-space-3);
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  min-width: 0;
}

.datasignals-frequency-evolution-gauge-pane,
.datasignals-frequency-evolution-boxplot-pane {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-2);
  min-width: 0;
}

.datasignals-chart-pane-header {
  align-items: flex-start;
}

.datasignals-acceleration-gauge-stack {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(0, 1fr);
}

.datasignals-acceleration-evolution-slot {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.datasignals-evolution-controls {
  flex: 0 0 auto;
  justify-content: stretch;
  margin-left: 0;
  width: 100%;
}

.datasignals-evolution-controls .frontend-control {
  align-items: stretch;
  flex-direction: column;
  flex: 1 1 100%;
  gap: 0.15rem;
  justify-content: flex-start;
  min-width: 0;
}

.datasignals-evolution-controls .frontend-control-input {
  min-width: 0;
  width: 100%;
}

.datasignals-evolution-controls .frontend-control-label {
  align-self: flex-start;
}

.datasignals-frequency-evolution-row {
  align-items: center;
  display: grid;
  gap: 0.25rem;
  grid-template-columns: minmax(0, 1fr) 3.1rem;
  min-width: 0;
}

.datasignals-frequency-evolution-delta {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.74rem;
  font-weight: 700;
  gap: 0.1rem;
  line-height: 1;
  min-width: 0;
  text-align: center;
}

.datasignals-frequency-evolution-delta .heroicon {
  font-size: 0.95rem;
  line-height: 1;
}

.datasignals-frequency-evolution-delta--up {
  color: inherit;
}

.datasignals-frequency-evolution-delta--down {
  color: inherit;
}

.datasignals-frequency-evolution-delta--neutral {
  color: color-mix(in srgb, var(--color-base-content) 58%, transparent);
}

.datasignals-frequency-evolution-delta--green {
  color: #16a34a;
}

.datasignals-frequency-evolution-delta--yellow {
  color: #f59e0b;
}

.datasignals-frequency-evolution-delta--red {
  color: #dc2626;
}

.datasignals-frequency-evolution-delta--unknown {
  color: color-mix(in srgb, var(--color-base-content) 58%, transparent);
}

#datasignals-acceleration-rms-fa-evolution-gauge,
#datasignals-acceleration-rms-ss-evolution-gauge {
  height: 8.5rem !important;
  min-height: 8.5rem !important;
}

#datasignals-acceleration-ss1-evolution-gauge,
#datasignals-acceleration-ss2-evolution-gauge,
#datasignals-acceleration-fa1-evolution-gauge {
  height: 7.2rem !important;
  min-height: 7.2rem !important;
}

.datasignals-exceedance-controls {
  flex: 1 1 min(100%, 48rem);
}

.datasignals-exceedance-controls .frontend-control {
  flex: 0 1 12rem;
}

.datasignals-exceedance-controls .datasignals-threshold-action {
  align-self: center;
  flex: 0 0 auto;
  min-height: 2rem;
  white-space: nowrap;
}

#datasignals-acceleration-exceedance-warning,
#datasignals-acceleration-exceedance-alarm {
  padding-inline: 0.65rem;
}

#datasignals-acceleration-availability-selection {
  align-self: flex-end;
  text-align: right;
  width: 100%;
}

.datasignals-acceleration-placeholder {
  min-width: 0;
  overflow: hidden;
}

.datasignals-acceleration-placeholder-summary {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  list-style: none;
  padding: 1rem;
}

.datasignals-acceleration-placeholder-summary::-webkit-details-marker {
  display: none;
}

.datasignals-acceleration-placeholder-title {
  min-width: 0;
}

.datasignals-acceleration-placeholder-body {
  border-top: 1px solid color-mix(in srgb, var(--color-base-content) 12%, transparent);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.8rem 1rem 1rem;
}

.datasignals-acceleration-placeholder-items {
  color: color-mix(in srgb, var(--color-base-content) 74%, transparent);
  column-gap: 1.25rem;
  columns: 2 14rem;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.78rem;
  line-height: 1.25;
  margin: 0.2rem 0 0;
  padding: 0.65rem 0 0 1rem;
}

.datasignals-acceleration-placeholder-items li {
  break-inside: avoid;
  margin-bottom: 0.35rem;
  padding-inline-start: 0.1rem;
}

#datasignals-load-model-performance-chart {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
}

.datasignals-model-performance-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#datasignals-load-model-performance-card .dashboard-card-header {
  align-items: center;
  column-gap: var(--frontend-space-2);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}

.datasignals-model-performance-actions {
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--frontend-space-2);
  justify-content: flex-end;
  margin-left: auto;
  min-width: 0;
  width: 100%;
}

.datasignals-model-performance-actions .datasignals-plot-card-controls {
  align-items: flex-end;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: nowrap;
  gap: var(--frontend-space-2);
  justify-content: flex-end;
  min-width: 0;
}

.datasignals-model-performance-actions .frontend-control {
  align-items: stretch;
  flex: 0 1 7rem;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.datasignals-model-performance-actions .frontend-control-label {
  line-height: 1;
  white-space: nowrap;
}

.datasignals-model-performance-actions .frontend-control-input {
  min-width: 0;
  width: 100%;
}

.datasignals-model-performance-actions > .btn {
  align-self: flex-end;
  flex: 0 0 auto;
  white-space: nowrap;
}

.datasignals-model-performance-model-control {
  flex: 0 1 6.75rem;
  max-width: 6.75rem;
}

.datasignals-model-performance-location-control {
  flex: 0 1 7rem;
  max-width: 7rem;
}

.datasignals-model-performance-location-control > span:not(.frontend-control-label),
.datasignals-model-performance-model-control > span:not(.frontend-control-label) {
  flex: 1 1 0;
  min-width: 0;
}

.datasignals-model-performance-location-control .dashboard-multiselect,
.datasignals-model-performance-model-control .dashboard-multiselect {
  width: 100%;
}

.datasignals-model-performance-panel {
  min-width: 0;
}

.datasignals-model-performance-title {
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
  opacity: 0.78;
}

.datasignals-info-button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  height: 1.55rem;
  justify-content: center;
  min-height: 0;
  padding: 0;
  position: relative;
  width: 1.55rem;
}

.datasignals-info-button:hover,
.datasignals-info-button:focus-visible {
  background: color-mix(in srgb, var(--color-base-content) 8%, transparent);
}

.datasignals-dem-info-modal__box {
  max-height: min(95vh, calc(100vh - 1.5rem));
  max-width: min(46rem, calc(100vw - 2rem));
  overflow-y: auto;
}

.datasignals-dem-info-modal__content {
  color: var(--color-base-content);
  font-family: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.88rem;
  line-height: 1.45;
  margin-top: 0.75rem;
}

.datasignals-dem-info-modal__content p {
  margin: 0 0 0.75rem;
}

.datasignals-dem-info-modal__content mjx-container {
  font-family: "Roboto Slab", "Barlow", ui-serif, Georgia, "Times New Roman", serif !important;
  font-size: 92%;
  margin: 0.45rem 0 0.8rem;
}

.datasignals-dem-info-modal__content mjx-container * {
  font-family: "Roboto Slab", "Barlow", ui-serif, Georgia, "Times New Roman", serif !important;
}

.datasignals-dem-tooltip {
  max-width: 18rem;
  white-space: normal;
}

.datasignals-model-performance-table-wrap {
  margin-top: var(--frontend-space-3);
}

.datasignals-model-performance-table {
  font-size: 0.78rem;
}

.datasignals-model-performance-table th,
.datasignals-model-performance-table td {
  white-space: nowrap;
}

.datasignals-model-performance-table td:nth-child(n + 4),
.datasignals-model-performance-table th:nth-child(n + 4) {
  text-align: right;
}

.datasignals-dem-tooltip code {
  background: color-mix(in srgb, currentColor 10%, transparent);
  border-radius: 0.25rem;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  padding: 0.08rem 0.22rem;
}

@media (max-width: 980px) {
  #datasignals-load-model-performance-card .dashboard-card-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .datasignals-model-performance-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .datasignals-model-performance-grid {
    grid-template-columns: 1fr;
  }

  .datasignals-model-performance-actions .datasignals-plot-card-controls {
    flex-wrap: wrap;
  }
}

#datasignals-load-timeseries-chart,
#datasignals-load-scatter-chart,
#datasignals-load-dem-timeseries-chart,
#datasignals-load-bending-timeseries-chart,
#datasignals-load-dem-scada-chart,
#datasignals-load-dem-boxplot-chart,
#datasignals-load-bending-scada-chart,
#datasignals-load-bending-boxplot-chart {
  height: 23rem !important;
  min-height: 23rem !important;
}

#datasignals-load-availability-selection {
  align-self: flex-end;
  text-align: right;
  width: 100%;
}

#datasignals-scada-power-gauge,
#datasignals-scada-wind-speed-gauge {
  height: 12rem !important;
  min-height: 12rem !important;
}

#datasignals-scada-power-bar-chart {
  height: 11rem !important;
  min-height: 11rem !important;
}

#datasignals-power-curve-chart {
  height: 22rem !important;
  min-height: 22rem !important;
}

#datasignals-scada-wind-direction-compass {
  height: 9rem !important;
  min-height: 9rem !important;
}

#datasignals-scada-timeseries-chart {
  height: 23rem !important;
  min-height: 23rem !important;
}

#datasignals-scada-availability-bar-chart {
  height: 16rem !important;
  min-height: 16rem !important;
}

#datasignals-scada-availability-chart {
  height: 18rem !important;
  min-height: 18rem !important;
}

#datasignals-scada-availability-selection {
  align-self: flex-end;
  text-align: right;
  width: 100%;
}

#datasignals-scada-operating-condition-chart {
  height: 18rem !important;
  min-height: 18rem !important;
}

#datasignals-scada-operating-condition-breakdown-chart {
  height: 18rem !important;
  min-height: 18rem !important;
}

#datasignals-scada-top-left-stat,
#datasignals-scada-power-curve-card,
#datasignals-scada-top-right-wind {
  display: flex;
  flex-direction: column;
  height: 35rem !important;
  max-height: 35rem !important;
  min-height: 35rem !important;
  overflow: hidden !important;
}

#datasignals-scada-top-left-stat > .card-body,
#datasignals-scada-power-curve-card > .card-body,
#datasignals-scada-top-right-wind > .card-body {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

#datasignals-scada-wind-direction-average {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
  margin-top: 0.35rem;
  min-height: 2.2rem;
  overflow: hidden;
  text-align: center;
}

#datasignals-scada-wind-direction-average .scada-wind-direction-value {
  color: var(--color-base-content);
  display: block;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  opacity: 1;
}

#datasignals-scada-wind-direction-average .scada-wind-direction-label {
  color: var(--color-base-content);
  display: block;
  font-family: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.8rem;
  font-weight: 200;
  letter-spacing: 0.02em;
  margin-top: 0.2rem;
  opacity: 0.6;
}

@media (max-width: 1280px) {
  .datasignals-scada-layout .scada-kpi-grid,
  .datasignals-acceleration-layout .scada-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .datasignals-acceleration-control-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .datasignals-input-grid {
    grid-template-columns: 1fr;
  }

  .datasignals-plot-card-controls {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 0;
    width: 100%;
  }

  .datasignals-scada-layout .dashboard-controls,
  .datasignals-scada-layout .scada-kpi-grid,
  .datasignals-acceleration-layout .dashboard-controls,
  .datasignals-acceleration-layout .scada-kpi-grid,
  .datasignals-acceleration-analysis-grid,
  .datasignals-acceleration-rms-comparison-grid,
  .datasignals-acceleration-control-grid,
  .datasignals-acceleration-main-grid,
  .datasignals-acceleration-placeholder-grid,
  .datasignals-inclination-layout .dashboard-controls,
  .datasignals-inclination-layout .scada-kpi-grid,
  .datasignals-inclination-analysis-grid,
  .datasignals-load-layout .dashboard-controls,
  .datasignals-load-layout .scada-kpi-grid,
  .datasignals-load-control-grid,
  .datasignals-load-dem-combined-grid,
  .datasignals-load-overview-grid,
  .datasignals-load-main-grid,
  .datasignals-load-analysis-grid,
  .datasignals-load-lifetime-grid {
    grid-template-columns: 1fr;
  }
}