/* -------------------------------------------------------- */
/* 🔹 Page Status View                                      */
/* -------------------------------------------------------- */
/* Centered icon + title + body for full-page status views  */
/* Used for submit success, empty states, confirmations     */
/* Mirrors SubmitSuccessView layout from Dart               */

/* The parent container needs flex:1 so the view can center */
/* within the space between nav and footer in .page-content */

.page-status-view__container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-status-view__container[hidden] {
  display: none;
}

.page-status-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-m);
  padding: var(--space-xxxl) var(--space-l);
  text-align: center;
}

.page-status-view__icon {
  width: 64px;
  height: 64px;
}

.page-status-view__title {
  font-size: var(--text-headline-large);
  font-weight: var(--text-title-weight);
}

.page-status-view__body {
  font-size: var(--text-body-large);
  color: var(--color-on-surface-variant);
}


/* -------------------------------------------------------- */
/* 🔹 Desktop                                              */
/* -------------------------------------------------------- */

@media (min-width: 768px) {
  .page-status-view__title {
    font-size: 28px;
  }

  .page-status-view__body {
    font-size: var(--text-title-large);
  }
}