/* header.css — шапка Banksters */

.bs-header {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
    padding: 14px 24px;
    position: relative;
}

.bs-header::after {
    content: '';
    position: absolute; bottom: -12px; left: 0; right: 0;
    height: 12px;
    background: linear-gradient(to bottom, rgba(38,38,38,0.18) 0%, rgba(38,38,38,0) 100%);
    pointer-events: none; z-index: 10;
}

.bs-header-inner {
    max-width: 1400px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}

.bs-header-left { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }

.bs-header-logo {
    font-size: 22px; font-weight: 700; color: #fff;
    text-decoration: none; letter-spacing: -.5px; line-height: 1;
}
.bs-header-logo:hover { color: #93c5fd; }

.bs-admin-link { color: #94a3b8; text-decoration: none; font-size: 16px; }
.bs-admin-link:hover { color: #fff; }

.bs-header-sub { font-size: 11px; color: #64748b; }

/* ── Навигация ────────────────────────────────────────────────────────────── */
.bs-nav { display: flex; gap: 4px; }

.bs-nav-link {
    padding: 6px 14px;
    color: #94a3b8; text-decoration: none;
    font-size: 13px; font-weight: 500;
    border-radius: 6px; transition: all .15s;
}
.bs-nav-link:hover  { color: #fff; background: rgba(255,255,255,.08); }
.bs-nav-link.active { color: #fff; background: rgba(255,255,255,.15); }

@media (max-width: 768px) {
    .bs-header { padding: 10px 14px; }
    .bs-header-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
    .bs-header-sub { display: none; }
    .bs-nav { width: 100%; }
}