@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

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

body {
    font-family: 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
    transition: background-color 0.25s ease, color 0.25s ease;
}

/* ========================================================
   تنسيق الرموز الرسومية المباشرة (Direct Local SVGs)
   ======================================================== */
.svg-icon {
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
    vertical-align: -0.15em;
    flex-shrink: 0;
    fill: currentColor;
    stroke: none;
}
.svg-icon.text-2xl { width: 1.75rem; height: 1.75rem; }
.svg-icon.text-xl { width: 1.5rem; height: 1.5rem; }
.svg-icon.text-lg { width: 1.25rem; height: 1.25rem; }
.svg-icon.text-base { width: 1.1rem; height: 1.1rem; }
.svg-icon.text-sm { width: 0.95rem; height: 0.95rem; }
.svg-icon.text-xs { width: 0.8rem; height: 0.8rem; }

/* إخفاء تام للنصوص البديلة لضمان عدم وميض أي كلمة مثل payments إطلاقاً */
.material-symbols-outlined {
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    user-select: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 9999px;
}
.dark ::-webkit-scrollbar-thumb {
    background-color: #475569;
}

/* Page Transition Animation */
.spa-page {
    animation: fadeIn 0.25s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* SweetAlert customization for luxury feel */
.swal2-popup {
    border-radius: 1rem !important;
    font-family: 'Cairo', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}
.dark .swal2-popup {
    background: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #334155;
}
.dark .swal2-title, .dark .swal2-html-container {
    color: #f8fafc !important;
}
.dark .swal2-validation-message {
    background: #334155 !important;
    color: #fca5a5 !important;
}

/* Printable Financial Report Styling */
@media print {
    aside, header, #dark-mode-toggle, #btn-pwa-install, .no-print, button, .action-btn {
        display: none !important;
    }
    
    body {
        background: white !important;
        color: black !important;
        font-size: 12pt;
    }

    .pr-64 {
        padding-right: 0 !important;
    }

    main {
        padding: 0 !important;
        margin: 0 !important;
    }

    .print-only {
        display: block !important;
    }

    .spa-page {
        display: none !important;
    }

    #page-reports {
        display: block !important;
    }

    .report-table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .report-table th, .report-table td {
        border: 1px solid #94a3b8 !important;
        padding: 8px !important;
        color: black !important;
    }

    .print-header {
        border-bottom: 2px double #0f172a;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
}