/* Additional styles to complement inline styles in base.html */

/* Print Styles for Receipt */
@media print {
    .sidebar, .top-bar, .demo-banner, .btn, nav { display: none !important; }
    .main-content { margin: 0 !important; padding: 0 !important; }
    body { background: #fff !important; }
    .glass-card { box-shadow: none !important; border: 1px solid #ddd !important; }
}

/* Smooth transitions */
* { transition: background-color 0.3s ease, color 0.3s ease; }

/* Focus states */
.form-control:focus, .form-select:focus, .btn:focus {
    outline: none;
}

/* Table hover */
.table-hover tbody tr:hover {
    background: rgba(0, 212, 170, 0.05) !important;
}

/* Loading animation */
.loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 212, 170, 0.2);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Custom scrollbar for sidebar */
.sidebar::-webkit-scrollbar { width: 4px; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }