/* =====================================================
   vUSAF Air Force HUD Theme Override
   Applied 2026-06-02
   Goal: USAF blue, metallic gray, silver accents, restrained cyan HUD highlights.
   Safe override for legacy VAM pages. No PHP/database logic changed.
   ===================================================== */

:root {
    --vusaf-bg: #07111f;
    --vusaf-bg-2: #0b1b2e;
    --vusaf-bg-dark: #030914;
    --vusaf-panel: rgba(12, 24, 38, 0.96);
    --vusaf-panel-2: rgba(22, 37, 54, 0.96);
    --vusaf-metal: #6f7f8f;
    --vusaf-silver: #c9d3dc;
    --vusaf-border: rgba(150, 170, 190, 0.34);
    --vusaf-border-strong: rgba(185, 205, 224, 0.52);
    --vusaf-blue: #1c4f82;
    --vusaf-blue-muted: #7da7cf;
    --vusaf-blue-dark: #0b223a;
    --vusaf-cyan: #8edcff;
    --vusaf-cyan-soft: rgba(142, 220, 255, 0.16);
    --vusaf-text: #e5edf5;
    --vusaf-muted: #aebdca;
    --vusaf-white: #ffffff;
    --vusaf-success: #81d99b;
    --vusaf-warning: #ffd166;
    --vusaf-danger: #ff7a70;
    --vusaf-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), 0 18px 38px rgba(0,0,0,0.36);
    --vusaf-shadow-soft: 0 12px 28px rgba(0,0,0,0.30);
    --vusaf-condensed: "Arial Black", "Arial", "Segoe UI", sans-serif;
    --vusaf-body: "Segoe UI", Roboto, Arial, sans-serif;
}

html, body {
    background-color: #07111f !important;
}

body,
body.vusaf-theme {
    font-family: var(--vusaf-body) !important;
    color: var(--vusaf-text) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 56px),
        linear-gradient(315deg, rgba(142,220,255,0.035) 0 1px, transparent 1px 72px),
        radial-gradient(circle at 80% 0%, rgba(28,79,130,0.32), transparent 32%),
        linear-gradient(180deg, #07111f 0%, #030914 100%) fixed !important;
    letter-spacing: 0.01em;
}

body.vusaf-theme::before {
    opacity: 0.10 !important;
    filter: grayscale(0.25) saturate(0.85) brightness(0.85) !important;
}

body.vusaf-theme::after {
    background-image:
        linear-gradient(rgba(201,211,220,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(201,211,220,0.04) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    opacity: 0.55 !important;
}

.navbar-inverse,
.vusaf-top-alert-strip,
.vusaf-sidebar,
.vusaf-login-console,
.vusaf-command-brand,
.vusaf-command-telemetry,
.vusaf-command-metric,
.vusaf-live-card,
.vusaf-status-strip,
.vusaf-shell .panel,
.vusaf-shell .thumbnail,
.vusaf-shell .well,
.vusaf-shell .jumbotron,
.vusaf-shell .hero-unit,
.vusaf-shell .modal-content {
    background: linear-gradient(180deg, rgba(17, 31, 47, 0.98) 0%, rgba(7, 17, 31, 0.98) 100%) !important;
    border-color: var(--vusaf-border) !important;
    box-shadow: var(--vusaf-shadow) !important;
}

.navbar-inverse {
    border-bottom: 1px solid rgba(201,211,220,0.38) !important;
}

.navbar-inverse .navbar-brand,
.vusaf-command-brand h1,
.vusaf-command-title,
.vusaf-login-title,
.vusaf-live-card-title,
.vusaf-status-title,
.panel-title,
.vusaf-shell .panel-heading {
    font-family: var(--vusaf-condensed) !important;
    color: var(--vusaf-white) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(142,220,255,0.12) !important;
}

.navbar-inverse .navbar-nav > li > a,
.dropdown-menu > li > a,
.vusaf-sidebar-links a {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    color: #e5edf5 !important;
    letter-spacing: 0.035em !important;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.vusaf-sidebar-links a:hover,
.vusaf-sidebar-links a:focus,
.vusaf-sidebar-links a.vusaf-active-link {
    background: linear-gradient(90deg, rgba(28,79,130,0.88), rgba(75,95,115,0.52)) !important;
    border-color: rgba(142,220,255,0.44) !important;
    color: #ffffff !important;
}

.dropdown-menu {
    background: #0b1b2e !important;
    border: 1px solid var(--vusaf-border) !important;
}

.vusaf-shell .panel-heading,
.vusaf-live-card-header {
    background: linear-gradient(90deg, #1c4f82 0%, #263849 52%, #0b223a 100%) !important;
    border-bottom: 1px solid rgba(201,211,220,0.35) !important;
}

.vusaf-shell .panel-body,
.vusaf-live-card-body,
.vusaf-login-panel {
    background: rgba(6, 16, 29, 0.92) !important;
    color: var(--vusaf-text) !important;
}

.vusaf-command-brand::before,
.vusaf-command-telemetry::before,
.vusaf-command-metric::before,
.vusaf-live-card::before,
.vusaf-status-strip::before {
    background:
        linear-gradient(120deg, transparent 0 42%, rgba(142,220,255,0.10) 42% 43%, transparent 43% 100%),
        repeating-linear-gradient(90deg, rgba(201,211,220,0.055) 0 1px, transparent 1px 82px) !important;
    opacity: 0.55 !important;
}

.vusaf-command-kicker,
.vusaf-command-telemetry-label,
.vusaf-command-metric-label,
.vusaf-live-meta,
.vusaf-nav-icon,
.vusaf-live-card-title i,
.vusaf-status-title i,
.vusaf-command-kicker i,
a {
    color: var(--vusaf-cyan) !important;
}

a:hover,
a:focus {
    color: #ffffff !important;
}

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
.btn-success {
    background: linear-gradient(180deg, #2f6f9f 0%, #17446f 100%) !important;
    border-color: rgba(201,211,220,0.62) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 0 0 1px rgba(142,220,255,0.10) !important;
}

.btn-default,
.btn-info,
.btn-warning,
.btn-danger {
    background: linear-gradient(180deg, #334252 0%, #1b2836 100%) !important;
    border-color: rgba(201,211,220,0.34) !important;
    color: #e5edf5 !important;
}

.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    background: #050d18 !important;
    border: 1px solid rgba(201,211,220,0.36) !important;
    color: #ffffff !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--vusaf-cyan) !important;
    box-shadow: 0 0 0 3px rgba(142,220,255,0.13) !important;
}

.vusaf-shell .table > thead > tr > th {
    background: linear-gradient(180deg, #263849 0%, #182839 100%) !important;
    color: #ffffff !important;
    border-color: rgba(201,211,220,0.30) !important;
}

.vusaf-shell .table > tbody > tr > td,
.vusaf-shell .table > tbody > tr > th {
    border-color: rgba(201,211,220,0.14) !important;
}

.vusaf-shell .table > tbody > tr:nth-child(even) {
    background: rgba(255,255,255,0.025) !important;
}

.vusaf-shell .table-hover > tbody > tr:hover {
    background: rgba(142,220,255,0.10) !important;
}

.vusaf-emblem {
    background: linear-gradient(180deg, rgba(38,56,73,0.96), rgba(7,17,31,0.96)) !important;
    border: 1px solid rgba(201,211,220,0.38) !important;
    box-shadow: inset 0 0 18px rgba(142,220,255,0.06) !important;
}

.carousel-inner > .item > img {
    filter: saturate(0.88) contrast(1.05) brightness(0.82) !important;
}

.carousel-caption {
    text-shadow: 0 2px 12px rgba(0,0,0,0.85) !important;
}

.vusaf-muted,
.vusaf-command-subtitle,
.vusaf-live-sub,
small {
    color: var(--vusaf-muted) !important;
}

.text-success,
.vusaf-success,
.status-green,
.vusaf-status-badge.status-green {
    color: var(--vusaf-success) !important;
}