/**
 * EZ-Mobi utilities
 */
.ez-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.ez-stack {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-field);
}

.ez-stack--section {
  gap: var(--spacing-section);
}

.ez-text-center { text-align: center; }
.ez-text-muted { color: var(--color-text-muted); }
.ez-text-success { color: var(--color-success); }
.ez-text-danger { color: var(--color-danger); }

.ez-mt-0 { margin-top: 0; }
.ez-mb-16 { margin-bottom: 16px; }
.ez-mb-24 { margin-bottom: 24px; }
.ez-py-16 { padding-top: 16px; padding-bottom: 16px; }

.ez-hide-mobile {
  display: block;
}

.ez-hide-desktop {
  display: none;
}

@media (max-width: 767px) {
  .ez-hide-mobile { display: none !important; }
  .ez-hide-desktop { display: block !important; }
  .ez-auth-card { padding: 20px 16px; }
  .ez-content-panel { padding: 16px 12px 24px; }
}

@media (min-width: 1024px) {
  .ez-hide-desktop { display: none !important; }
  .ez-hide-mobile { display: block !important; }
}

.ez-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}