/* ============================================================================
   Airsoft Workbench — Practical Engineering Stylesheet
   Hybrid Slate-Navy & Clean Light Surfaces (Fusion 360 / PVsyst / AmiBroker Style)
   ============================================================================ */

:root {
    --slate-950: #0B1120;
    --slate-900: #0F172A;
    --slate-800: #1E293B;
    --slate-700: #334155;
    --slate-200: #E2E8F0;
    --slate-100: #F1F5F9;
    --slate-50:  #F8FAFC;
    --brand-blue: #2563EB;
    --brand-blue-light: #3B82F6;
}

html {
    scroll-behavior: smooth;
}

/* Subtle engineering grid for dark slate hero/headers */
.bg-slate-grid {
    background-color: #0F172A;
    background-image:
        linear-gradient(to right, rgba(148, 163, 184, 0.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
    background-size: 32px 32px;
}

/* Dark workstation frame so 1080p dark desktop screenshots pop off light sections */
.workstation-frame {
    background-color: #141619;
    border: 1px solid #2C313A;
    border-radius: 0.75rem;
    box-shadow: 0 20px 38px -10px rgba(15, 23, 42, 0.28), 0 8px 16px -6px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.workstation-titlebar {
    background-color: #0E1013;
    border-bottom: 1px solid #2C313A;
    padding: 0.625rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

/* Navigation active link */
.nav-spy-link.active {
    color: #60A5FA;
    font-weight: 600;
}

/* Custom Scrollbar for modals and drawers */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #141619;
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Traditional Checklist Table Styling */
.checklist-table th,
.checklist-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #E2E8F0;
}
.checklist-table tbody tr:hover {
    background-color: #F8FAFC;
}

/* Print Quotation Media Query */
@media print {
    .no-print {
        display: none !important;
    }
    #printable-quote-area {
        display: block !important;
    }
    body {
        background: #ffffff !important;
        color: #000000 !important;
    }
}