﻿<style>
        body { font-family: 'Plus Jakarta Sans', 'Inter', sans-serif; transition: background-color 0.3s ease; }
        @media print {
            body * {
                visibility: hidden;
            }
            #statement-to-capture, #statement-to-capture *,
            .printable, .printable * {
                visibility: visible;
            }
            #statement-to-capture, .printable {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                background: white !important;
                padding: 20px !important;
                box-shadow: none !important;
                border: none !important;
            }
            .print\:hidden {
                display: none !important;
            }
        }
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
        .dark ::-webkit-scrollbar-track { background: #111827; }
        .dark ::-webkit-scrollbar-thumb { background: #374151; }
        
        .font-arabic { font-family: 'Amiri', serif; }

        /* Hide bottom nav on mobile when active chat conversation is open */
        @media (max-width: 639px) {
            body.mobile-chat-active {
                overflow: hidden !important;
                position: fixed;
                width: 100%;
                height: 100%;
            }
            body.mobile-chat-active nav.fixed {
                display: none !important;
            }
            body.mobile-chat-active main {
                padding: 4px !important;
                padding-bottom: 4px !important;
                height: calc(100dvh - 64px) !important;
                overflow: hidden;
            }
            body.mobile-chat-active .pb-32 {
                padding-bottom: 0px !important;
                height: 100dvh !important;
                overflow: hidden;
            }
        }

        /* Initial Loader Styles */
        .initial-loader-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            background-color: #f9fafb; /* gray-50 */
        }
        html.dark .initial-loader-container {
            background-color: #030712; /* gray-950 */
        }
        .initial-spinner {
            width: 4rem; /* 16 * 0.25rem = 4rem */
            height: 4rem;
            border: 4px solid #2563eb; /* blue-600 */
            border-top-color: transparent;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin-bottom: 1.5rem; /* mb-6 */
        }
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        .initial-loader-text {
            font-size: 1.25rem; /* text-xl */
            font-weight: 900; /* font-black */
            text-transform: uppercase;
            letter-spacing: 0.1em; /* tracking-widest */
            color: #111827; /* gray-900 */
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        html.dark .initial-loader-text {
            color: #f3f4f6; /* gray-100 */
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: .5; }
        }
    </style>
