/* Print Pro ERP - Additional Styles */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a1a1a1; }

@media print {
    body { background: white !important; font-size: 12px; }
    .no-print { display: none !important; }
    .card { box-shadow: none !important; border: 1px solid #ddd !important; page-break-inside: avoid; }
    .main-header, .nav-bar, .btn, form { display: none !important; }
    .main-content { margin: 0 !important; padding: 0 !important; max-width: 100% !important; }
    @page { margin: 1cm; size: A4; }
}

.spinner { display: inline-block; width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: #fff; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.stat-card { background: white; border-radius: 16px; padding: 25px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.3s; cursor: pointer; }
.stat-card:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(0,0,0,0.12); }

.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 1200px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } .main-content { padding: 0 10px; } .card { padding: 15px; } }
@media (max-width: 480px) { .header-top { flex-direction: column; text-align: center; gap: 10px; } .nav-bar { flex-wrap: wrap; } .nav-item { font-size: 11px; padding: 8px 12px; } }