/* Barakah Circle Co-operative Society — Custom Styles */

/* Smooth transitions globally */
*, *::before, *::after { box-sizing: border-box; }

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Number input — hide spinner */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

/* Subtle fade-in for page content */
main { animation: fadeIn 0.25s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

/* Card hover lift */
.card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,.08); }

/* Auth background geometric accents */
body.auth-bg::before {
  content: '';
  position: fixed;
  top: -50%;
  right: -20%;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(74,222,128,.15) 0%, transparent 70%);
  pointer-events: none;
}

/* Green sidebar gradient line on active nav */
aside a.active-nav { border-left: 3px solid #22c55e; }

/* Print tweaks */
@media print {
  aside, header { display: none !important; }
  main { padding: 0 !important; }
}

/* Responsive table wrapper */
.table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }