/* Base & Layout Fallbacks for Offline / CDN-Free Environments */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #0b0f19;
    color: #f3f4f6;
}

/* Custom Styles & Animation for Algo Trading Terminal */

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
    }
    50% {
        box-shadow: 0 0 25px rgba(59, 130, 246, 0.8);
    }
}

.active-trade-glow {
    animation: pulse-glow 2.5s infinite ease-in-out;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #0b0f19;
}

::-webkit-scrollbar-thumb {
    background: #1f2937;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #374151;
}

/* Progress bar transitions */
#spotSlProgress, #trailingSlProgress {
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==============================================================================
   🖨️ PDF & PRINT MEDIA STYLES (Institutional Report Output)
   ============================================================================== */
@media print {
    @page {
        size: A4 portrait;
        margin: 10mm;
    }

    body {
        background-color: #ffffff !important;
        color: #111827 !important;
        font-size: 10pt !important;
    }

    header, footer, #tabContainer, #adminLockScreen, #settingsModal, .no-print, #viewTradingTerminal {
        display: none !important;
    }

    #viewReports {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .report-card {
        background-color: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        color: #0f172a !important;
        box-shadow: none !important;
        border-radius: 8px !important;
        padding: 10px !important;
    }

    .report-card * {
        color: #0f172a !important;
    }

    .report-table-container {
        border: 1px solid #cbd5e1 !important;
        border-radius: 8px !important;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 8.5pt !important;
    }

    thead th {
        background-color: #f1f5f9 !important;
        color: #0f172a !important;
        border-bottom: 2px solid #94a3b8 !important;
        padding: 6px 8px !important;
    }

    tbody td {
        border-bottom: 1px solid #e2e8f0 !important;
        color: #1e293b !important;
        padding: 6px 8px !important;
    }

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