/* Vera Dark Theme for PX4 Flight Review */
:root{--vera-bg:#0a0a1a;--vera-bg-secondary:#111128;--vera-bg-card:rgba(255,255,255,0.04);--vera-border:rgba(255,255,255,0.06);--vera-border-hover:rgba(255,255,255,0.12);--vera-text:#e0e0e0;--vera-text-muted:#888;--vera-text-dim:#666;--vera-accent:#3b82f6;--vera-accent-light:#60a5fa;--vera-gradient-start:#1a1a3e;--vera-gradient-end:#0d0d2b}
html,body{background-color:var(--vera-bg)!important;color:var(--vera-text)!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
.navbar.bg-blue{background:linear-gradient(135deg,var(--vera-gradient-start),var(--vera-gradient-end))!important;border-bottom:1px solid var(--vera-border)}
.navbar .nav-link{color:rgba(255,255,255,0.75)!important}.navbar .nav-link:hover{color:#fff!important}
.navbar-brand .brand-text{color:#fff!important;font-size:18px;font-weight:600;text-decoration:none!important;display:flex;align-items:center;gap:8px}
.navbar-brand .brand-text i{font-size:20px;color:var(--vera-accent-light)}
.navbar-brand .brand-text:hover{color:#fff!important}
.navbar-brand h1,.navbar-brand h1 a{display:none!important}
#lang-switcher{font-size:12px;padding:2px 10px;border-radius:6px;border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.8);cursor:pointer;background:transparent}
#lang-switcher:hover{background:rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.5)}
.content{background-color:var(--vera-bg)}
table.spaced tbody{background:var(--vera-bg-card)!important;border-color:var(--vera-bg-secondary)!important}
table.spaced td{color:var(--vera-text)!important}
table.spaced input,table.spaced textarea,table.spaced select{background-color:var(--vera-bg-secondary)!important;border-color:var(--vera-border)!important;color:var(--vera-text)!important}
table.spaced input::placeholder,table.spaced textarea::placeholder{color:var(--vera-text-dim)!important}
table.spaced input:focus,table.spaced textarea:focus,table.spaced select:focus{border-color:var(--vera-accent)!important;box-shadow:0 0 0 2px rgba(59,130,246,0.2)!important;background-color:var(--vera-bg-secondary)!important}
.form-control,.form-select{background-color:var(--vera-bg-secondary)!important;color:var(--vera-text)!important;border-color:var(--vera-border)!important}
.form-control:focus,.form-select:focus{background-color:var(--vera-bg-secondary)!important;color:var(--vera-text)!important;border-color:var(--vera-accent)!important;box-shadow:0 0 0 2px rgba(59,130,246,0.2)!important}
.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#2563eb!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;transition:all .2s!important}
.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)!important}
.btn-secondary{background:var(--vera-bg-card)!important;border-color:var(--vera-border)!important;color:var(--vera-text)!important}
.alert{background:var(--vera-bg-card)!important;border-color:var(--vera-border)!important;color:var(--vera-text)!important}
.alert-primary{background:rgba(59,130,246,0.1)!important;border-color:rgba(59,130,246,0.3)!important;color:var(--vera-accent-light)!important}
.alert a,.alert-primary a{color:var(--vera-accent-light)!important}
h1,h2,h3,h4,h5,h6{color:#fff!important}
h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#fff!important}
a{color:var(--vera-accent-light)!important}a:hover{color:#93bbfd!important}
.dropdown-menu{background-color:var(--vera-bg-secondary)!important;border-color:var(--vera-border)!important}
.dropdown-item{color:var(--vera-text)!important}.dropdown-item:hover{background-color:rgba(255,255,255,0.06)!important;color:#fff!important}
.dropdown-header{color:var(--vera-text-muted)!important}
#footer{border-top:1px solid var(--vera-border);margin-top:40px;padding:20px 0}
.copyright-text p{color:var(--vera-text-dim)!important;font-size:12px}
.progress{background-color:var(--vera-bg-secondary)!important;border-radius:8px!important}
.progress-bar{background:linear-gradient(90deg,#2563eb,#3b82f6)!important}
table.dataTable{background-color:var(--vera-bg-card)!important}
table.dataTable thead th{background-color:var(--vera-bg-secondary)!important;color:var(--vera-text-muted)!important;border-bottom-color:var(--vera-border)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:1px!important}
table.dataTable tbody td{border-bottom-color:var(--vera-border)!important;color:var(--vera-text)!important;background-color:transparent!important}
table.dataTable tbody tr:hover{background-color:rgba(255,255,255,0.03)!important}
.dataTables_filter input,.dataTables_length select{background-color:var(--vera-bg-secondary)!important;border-color:var(--vera-border)!important;color:var(--vera-text)!important}
.dataTables_info,.dataTables_length label,.dataTables_filter label{color:var(--vera-text-dim)!important}
.paginate_button{color:var(--vera-text-muted)!important}
.paginate_button.current{background:var(--vera-accent)!important;color:#fff!important;border-color:var(--vera-accent)!important}
.paginate_button:hover{background:rgba(59,130,246,0.2)!important;color:var(--vera-text)!important}
.bk-root{color:var(--vera-text)!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
.bk-root .bk-input{background-color:var(--vera-bg-secondary)!important;color:var(--vera-text)!important;border-color:var(--vera-border)!important}
.pace .pace-progress{background:var(--vera-accent)!important}
pre{background-color:var(--vera-bg-secondary)!important;border-color:var(--vera-border)!important;color:var(--vera-text)!important;border-radius:8px!important}
code{color:#a78bfa!important}small{color:var(--vera-text-dim)!important}
.spaced small{color:var(--vera-text-dim)!important}
.col-lg-6 h3,.col-lg-8 h3{color:#fff!important;font-weight:600!important;margin-bottom:16px!important}
.col-lg-6 p,.col-lg-8 p{color:var(--vera-text-muted)!important}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--vera-bg)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}
.leaflet-container{background:#111!important}

/* Footer bar - Vera copyright */
.footer-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 12px 20px;
    border-top: 1px solid var(--vera-border);
    font-size: 12px;
    color: var(--vera-text-muted);
}
.footer-bar a {
    color: var(--vera-text-muted);
    text-decoration: none;
}
.footer-bar a:hover {
    color: var(--vera-accent);
}