body { font-family: 'Inter', sans-serif; background-color: #f8fafc; }
.modal-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 40; justify-content: center; align-items: center; }
.modal { max-height: 90vh; overflow-y: auto; }
.status-badge { padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; text-transform: capitalize; width: fit-content; }
.status-Pending { background-color: #fffbeb; color: #f59e0b; }
.status-InProgress { background-color: #eff6ff; color: #3b82f6; }
.status-Assigned { background-color: #f5f3ff; color: #8b5cf6; }
.status-Resolved { background-color: #f0fdf4; color: #16a34a; }
#toast-container { position: fixed; bottom: 1.25rem; right: 1.25rem; z-index: 1000; display: flex; flex-direction: column; gap: 0.75rem; }
.toast { width: 350px; background-color: white; padding: 1rem; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); border-left: 4px solid #4f46e5; display: flex; align-items: flex-start; gap: 0.75rem; animation: toast-in 0.5s ease-out forwards; cursor: pointer; }
@keyframes toast-in { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.toast-icon{color:#4f46e5;font-size:1.25rem;margin-top:2px}.toast p{margin:0}.toast .title{font-weight:600;color:#374151}.toast .message{font-size:.875rem;color:#6b7280}
.sla-due-soon > td { background-color: #fef9c3 !important; }
.sla-overdue > td { background-color: #ffe4e6 !important; }

@media print {
    body * { visibility: hidden; }
    #report-content-printable, #report-content-printable * { visibility: visible; }
    #report-content-printable { position: absolute; left: 0; top: 0; width: 100%; }
    @page { size: auto; margin: 0.5in; }
}