/* ==========================================================================
   1. VARIABLES & GLOBALS
   ========================================================================== */
:root {
    /* Color Palette - Refined for professional terminal look */
    --bg-deep: #05070a;        /* Deepest Space */
    --bg-panel: #0f172a;       /* Sidebar/Card background */
    --bg-sidebar: #0f172a;     /* Sidebar base */
    
    --accent-cyan: #22d3ee;    /* Brighter, clearer cyan */
    --danger-red: #f87171;     /* Softer, more readable red */
    
    --text-main: #e2e8f0;      /* Soft White (High-legibility) */
    --text-soft: #94a3b8;      /* Muted Gray (Reduced strain) */
    --text-muted: #475569;     /* Deep Muted gray */
    
    --border-main: rgba(34, 211, 238, 0.2);
    
    /* Effects */
    --glow: 0 0 8px rgba(34, 211, 238, 0.4);
    --glow-red: 0 0 8px rgba(248, 113, 113, 0.4);
}

body {
    background-color: var(--bg-deep);
    color: var(--text-soft);
    font-family: 'Segoe UI', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   2. GLOBAL COMPONENT OVERRIDES
   ========================================================================== */

/* Buttons: Eliminate Bootstrap Blue */
.btn-primary, .btn-info, .btn {
    background-color: transparent !important;
    border: 1px solid var(--accent-cyan) !important;
    color: var(--accent-cyan) !important;
    border-radius: 0 !important; /* Sharp industrial look */
    transition: all 0.2s ease;
}

.btn-primary:hover, .btn-info:hover {
    background-color: var(--accent-cyan) !important;
    color: var(--bg-deep) !important;
    box-shadow: var(--glow);
}

/* Form Controls: Match the Terminal Theme */
.form-control {
    background-color: var(--bg-deep) !important;
    border: 1px solid var(--border-main) !important;
    color: var(--text-main) !important;
    border-radius: 0 !important;
}

.form-control:focus {
    border-color: var(--accent-cyan) !important;
    box-shadow: none !important;
}

/* Alert Styling */
.alert-danger {
    background-color: rgba(248, 113, 113, 0.05) !important;
    border: 1px solid var(--danger-red) !important;
    color: var(--danger-red) !important;
    border-radius: 0 !important;
}

/* ==========================================================================
   3. THE "BOOTSTRAP KILLER" (Global Cleanup)
   ========================================================================== */
a, 
.nav-link, 
.navbar-brand, 
.text-primary {
    color: var(--accent-cyan) !important;
}

.spinner-border {
    color: var(--accent-cyan) !important;
}

/* Ensure no blue outline on focus */
*:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   4. CUSTOM UTILITIES & ACTIVE TERMINAL STATES
   ========================================================================== */
.text-cyan {
    color: var(--accent-cyan) !important;
}

.border-cyan {
    border-color: var(--accent-cyan) !important;
}

/* Solid Active State Button (e.g., active user/log matrix switcher) */
.btn-cyan {
    background-color: var(--accent-cyan) !important;
    color: var(--bg-deep) !important;
    border: 1px solid var(--accent-cyan) !important;
    box-shadow: var(--glow) !important;
    border-radius: 0 !important;
    transition: all 0.2s ease;
}

/* Outlined State Button */
.btn-outline-cyan {
    background-color: transparent !important;
    color: var(--accent-cyan) !important;
    border: 1px solid var(--accent-cyan) !important;
    border-radius: 0 !important;
    transition: all 0.2s ease;
}

.btn-outline-cyan:hover {
    background-color: rgba(34, 211, 238, 0.08) !important;
    color: var(--accent-cyan) !important;
    box-shadow: var(--glow) !important;
}