/* ════════════════════════════════════════════════════════
   UTILITY CLASSES - Hide/Show and other helpers
   ════════════════════════════════════════════════════════ */

.hidden {
  display: none !important;
}

.visible {
  display: block !important;
}

.flex-hidden {
  display: flex !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.mt-4 { margin-top: 1rem; }
.mb-4 { margin-bottom: 1rem; }
.p-4 { padding: 1rem; }

.shadow-sm { box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1); }

/* Mobile responsive */
@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
}