/* Dashboard final panels: keep desktop framing and prevent mobile overflow. */
.dashboard-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.dashboard-final-grid > .dashboard-regime-card,
.dashboard-final-grid > .dashboard-alert-card {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.dashboard-regime-card [data-slot="card-content"],
.dashboard-alert-card [data-slot="card-content"] {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.dashboard-alert-card [data-radix-scroll-area-viewport] {
  overflow-x: hidden !important;
}

.dashboard-alert-card [data-radix-scroll-area-viewport] > div {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.dashboard-alert-list {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.dashboard-alert-item {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.dashboard-alert-item * {
  min-width: 0;
}

.dashboard-alert-title {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.dashboard-alert-footer {
  min-width: 0;
  max-width: 100%;
}

.dashboard-alert-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 639px) {
  .dashboard-alert-card [data-slot="card-header"] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .dashboard-alert-list {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .dashboard-alert-item {
    padding: .875rem !important;
  }

  .dashboard-alert-item .ml-auto {
    align-self: flex-start;
    margin-left: 2.5rem;
  }

  .dashboard-alert-footer {
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .dashboard-final-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (min-width: 1024px) {
  .dashboard-final-grid {
    grid-template-columns: minmax(360px, 4fr) minmax(420px, 3fr);
  }
}