/* Tamu BPS - custom styles */

body { -webkit-font-smoothing: antialiased; }

/* Hero motif subtle */
.bg-motif-sensus {
  background-image:
    radial-gradient(circle at 20% 10%, rgba(251,146,60,0.10) 0, transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(245,158,11,0.10) 0, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(234,88,12,0.04) 0, transparent 60%);
}

/* Card hover lift */
.lift { transition: transform .15s ease, box-shadow .15s ease; }
.lift:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -10px rgba(234,88,12,0.25); }

/* Sidebar active marker */
.nav-item.active { background: linear-gradient(90deg, rgba(234,88,12,0.95), rgba(234,88,12,0.85)); color: #fff; }
.nav-item.active .nav-icon { color: #fff; }

/* Skeleton */
.skeleton { background: linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%); background-size: 400% 100%; animation: shimmer 1.4s ease infinite; }
@keyframes shimmer { 0%{background-position:100% 50%} 100%{background-position:0 50%} }

/* Print: hide chrome */
@media print {
  .no-print, header, footer, nav, .sidebar, .topbar { display: none !important; }
  body { background: #fff !important; }
  .main-pad { padding: 0 !important; margin: 0 !important; }
}

/* Form error state */
.input-error { border-color: #ef4444 !important; }
.input-error:focus { box-shadow: 0 0 0 2px rgba(239,68,68,0.2) !important; }

/* Mobile table -> card list */
@media (max-width: 767px) {
  .table-card thead { display: none; }
  .table-card, .table-card tbody, .table-card tr, .table-card td { display: block; width: 100%; }
  .table-card tr { background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem; margin-bottom: 0.75rem; padding: 0.5rem; }
  .table-card td { border: none; padding: 0.4rem 0.5rem; }
  .table-card td::before { content: attr(data-label); font-size: 0.7rem; color: #6b7280; text-transform: uppercase; letter-spacing: .05em; display: block; }
}