/* ==========================================
   Mosparo Component Styles
   Reusable styling for mosparo integration
   ========================================== */

/* Mosparo container styling */
.mosparo-container {
  margin-top: 16px;
}

/* Override any default mosparo styling if needed */
#mosparo-box {
  margin-top: 16px;
}

/* Loading state for mosparo */
.mosparo-container.loading::after {
  content: 'Loading security verification...';
  display: block;
  color: var(--text-muted, #666);
  font-size: 14px;
  text-align: center;
  padding: 20px;
  background: var(--bg-card, #f8f9fa);
  border-radius: 8px;
  border: 1px dashed var(--border, #ddd);
}

/* Error state for mosparo */
.mosparo-container.error::after {
  content: 'Security verification temporarily unavailable';
  display: block;
  color: var(--text-muted, #666);
  font-size: 14px;
  text-align: center;
  padding: 20px;
  background: var(--bg-card, #f8f9fa);
  border-radius: 8px;
  border: 1px dashed var(--border, #ddd);
}

/* Hidden state */
.mosparo-container.hidden {
  display: none !important;
}