/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still add
 * dashboard-specific utilities below; WhatsApp theme variables live in wa_dashboard_theme.css.
 */

.dashboard-qr-image {
  max-width: 320px;
  width: 100%;
  height: auto;
}

.wa-qr-scan__frame {
  max-width: 20rem;
  padding: 1rem;
  border: 2px solid var(--tblr-success, #2fb344);
  border-radius: 0.75rem;
  background: var(--tblr-bg-surface, #fff);
}

.wa-qr-scan__image {
  display: block;
  margin: 0 auto;
}

.wa-qr-scan__timer {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--tblr-success, #2fb344);
}

.wa-qr-scan__refresh-btn {
  margin-top: 1rem;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}

.wa-qr-setup__generate-btn,
.wa-qr-scan__title,
.wa-qr-setup__title {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}

.wa-qr-setup__generate-btn {
  width: 100%;
}

/* Allow text-truncate inside flex rows (e.g. dashboard instance list) */
.min-w-0 {
  min-width: 0;
}