/* Custom styles for Dispatcher SaaS */

:root {
    --primary-color: #059669;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Animations */
@keyframes pulse-call {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    50% { transform: scale(1.03); box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
}

.animate-call {
    animation: pulse-call 1.5s infinite;
}

/* Custom scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Print Formats (A4) */
@page {
    size: A4 portrait;
    margin: 10mm 10mm 10mm 12mm;
}

@media print {
    body {
        background: #ffffff !important;
        color: #000000 !important;
        font-size: 10pt;
    }
    .no-print {
        display: none !important;
    }
    .print-only {
        display: block !important;
    }
    .page-break {
        page-break-after: always;
    }
    table.print-table {
        border-collapse: collapse;
        width: 100%;
    }
    table.print-table th, 
    table.print-table td {
        border: 1px solid #333333;
        padding: 5px 8px;
    }
    .print-box {
        border: 1px solid #333;
        padding: 8px;
    }
}

/* Hide scrollbar for clean horizontal toolbars while maintaining scroll functionality */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Mobile & Tablet input sizing - prevent iOS WebKit auto-zoom on input focus */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    select,
    textarea {
        font-size: 16px !important;
    }
}