/* ============================================================
   CAPEX PORTAL — Custom Styles
   Tailwind handles 95%. This file covers the gaps.
   ============================================================ */

/* Sidebar scrollbar */
aside::-webkit-scrollbar { width: 4px; }
aside::-webkit-scrollbar-track { background: transparent; }
aside::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }

/* Table row hover */
.capex-table tr:hover td { background-color: #f8fafc; }

/* Workflow tracker connector line */
.wf-connector { width: 2px; background: #e5e7eb; margin: 0 auto; }
.wf-connector.done { background: #16a34a; }

/* Status ring pulse for current step */
@keyframes pulse-ring {
  0%   { box-shadow: 0 0 0 0 rgba(37,99,235,0.4); }
  70%  { box-shadow: 0 0 0 8px rgba(37,99,235,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }
}
.step-current { animation: pulse-ring 2s infinite; }

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

/* Print styles */
@media print {
  aside, header { display: none !important; }
  .no-print { display: none !important; }
  main { margin: 0 !important; padding: 0 !important; }
}