/* Keep the configuration page's shared styling without the dashboard shell. */
.setup-preview .main-wrapper {
  margin: 0 auto;
  max-width: 1480px;
  padding-bottom: 0;
}
.setup-preview .main-content { padding: 1.5rem; }
.setup-preview .preview-back { text-decoration: none; }
.setup-preview #currentDeviceDetails { overflow-wrap: anywhere; }
.setup-preview .nav-tabs { gap: .25rem; flex-wrap: wrap; }
.setup-preview .nav-tabs .nav-link { padding: .75rem 1rem; }
.setup-preview .input-group > .form-label { flex: 0 0 100%; }
.setup-preview .input-group > .form-select { width: 100%; border-radius: var(--bs-border-radius); }
.setup-preview .input-group-text { white-space: normal; max-width: 100%; text-align: left; }
.setup-preview .text-secondary { color: #adb7cd !important; }
.setup-preview #previewStatus { text-align: left; }
.setup-preview :is(button, a, input, select):focus-visible { outline: 3px solid #62b9ff; outline-offset: 2px; }
@media (max-width: 575.98px) {
  .setup-preview .main-content { padding: .75rem; }
  .setup-preview .card-body { padding: 1rem !important; }
  .setup-preview .nav-tabs .nav-link { padding: .65rem .55rem; }
  .setup-preview .nav-tabs .tab-icon { display: none; }
  .setup-preview #allowRestartForm .input-group { gap: .5rem; }
  .setup-preview #allowRestartForm .input-group-text { width: 100%; border-radius: var(--bs-border-radius); }
  .setup-preview #allowRestartForm #restartTimer { width: 100%; border-radius: var(--bs-border-radius); }
}