/* PlusEVData Shared Navbar — standalone version for non-Flask pages */
.pev-navbar {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: rgba(17, 17, 19, 0.92);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    height: 56px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.pev-nav-inner {
    display: flex; align-items: center; height: 100%;
    max-width: 1400px; margin: 0 auto; padding: 0 1.25rem; gap: 1rem;
}
.pev-nav-brand {
    display: flex; align-items: center; gap: 0.5rem;
    color: #fafafa; font-weight: 800; font-size: 1rem;
    text-decoration: none; flex-shrink: 0;
}
.pev-nav-brand:hover { color: #fafafa; }
.pev-nav-logo { height: 30px; width: auto; border-radius: 5px; }
.pev-nav-links {
    display: flex; align-items: center; gap: 0.125rem;
    flex: 1; overflow-x: auto;
}
.pev-nav-link {
    padding: 0.3rem 0.6rem; border-radius: 6px;
    font-size: 0.8125rem; font-weight: 500;
    color: #a1a1aa; white-space: nowrap;
    text-decoration: none; transition: all 0.2s ease;
}
.pev-nav-link:hover { color: #fafafa; background: rgba(255,255,255,0.04); }
.pev-nav-link.active { color: #10b981; background: rgba(16, 185, 129, 0.12); }
.pev-nav-auth { display: flex; align-items: center; gap: 0.375rem; flex-shrink: 0; }
.pev-btn {
    display: inline-flex; align-items: center; padding: 0.35rem 0.85rem;
    border-radius: 6px; font-size: 0.8125rem; font-weight: 600;
    text-decoration: none; transition: all 0.2s ease; border: none; cursor: pointer;
    font-family: inherit;
}
.pev-btn-ghost { background: transparent; color: #a1a1aa; border: 1px solid transparent; }
.pev-btn-ghost:hover { color: #fafafa; background: rgba(255,255,255,0.04); }
.pev-btn-primary { background: #10b981; color: white; }
.pev-btn-primary:hover { background: #059669; }
.pev-nav-toggle { display: none; }
@media (max-width: 900px) {
    .pev-nav-links { display: none; }
    .pev-nav-links.open {
        display: flex; flex-direction: column;
        position: fixed; top: 56px; left: 0; right: 0;
        background: #111113; border-bottom: 1px solid rgba(255,255,255,0.08);
        padding: 0.75rem; gap: 0.25rem;
    }
    .pev-nav-toggle {
        display: flex; flex-direction: column; gap: 4px;
        background: none; border: none; cursor: pointer; padding: 4px;
    }
    .pev-nav-toggle span {
        width: 20px; height: 2px; background: #a1a1aa; border-radius: 2px;
    }
    .pev-nav-auth { margin-left: auto; }
}