/* =========================================================
   Шапка — копия из stvr2-web/backend/web/css/altairika-admin.css
   (блоки «Top header», «Burger» и мобильный вид), чтобы шапка
   кабинета была одна к одной с админкой stvr2-web. Правки — там же.
   ========================================================= */

/* ---------- Top header (atk-admin-header) ---------- */
.atk-admin-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: var(--white);
    border-bottom: 1px solid var(--ink);
}

.atk-admin-header__inner {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.atk-admin-header__panel {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
}

.atk-admin-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--ink);
}
.atk-admin-brand:hover { text-decoration: none; }

.atk-admin-brand__logo {
    height: 22px;
    width: auto;
    display: block;
}

.atk-admin-brand__sep {
    width: 1px;
    height: 18px;
    background: var(--ink-15);
}

.atk-admin-brand__name {
    font-family: var(--font-label);
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-60);
}

.atk-admin-brand__name b { color: var(--ink); font-weight: 400; margin-left: 4px; }

.atk-admin-nav {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.atk-admin-nav .nav-link,
.atk-admin-nav .dropdown-toggle {
    font-family: var(--font-label);
    font-size: 11px;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--ink-60);
    padding: 8px 12px;
    border: 1px solid transparent;
    background: transparent;
    line-height: 1;
    border-radius: 0;
}

.atk-admin-nav .nav-link:hover,
.atk-admin-nav .dropdown-toggle:hover {
    color: var(--ink);
    border-color: var(--ink-15);
    background: var(--paper-2);
}

.atk-admin-nav .nav-item.active .nav-link,
.atk-admin-nav .nav-item.active > .dropdown-toggle,
.atk-admin-nav .nav-item.show > .dropdown-toggle {
    color: var(--violet);
    border-color: var(--violet);
    background: var(--violet-soft);
}

/* Bootstrap dropdown menu skin */
.atk-admin-nav .dropdown-menu {
    border: 1px solid var(--ink);
    border-radius: 0;
    padding: 4px 0;
    box-shadow: 0 8px 24px rgba(24, 22, 20, 0.08);
    margin-top: 0;
    background: var(--white);
    min-width: 180px;
}

.atk-admin-nav .dropdown-item {
    font-family: "Onest", sans-serif;
    font-size: 13px;
    color: var(--ink-80);
    padding: 7px 14px;
}

.atk-admin-nav .dropdown-item:hover,
.atk-admin-nav .dropdown-item:focus {
    background: var(--violet-soft);
    color: var(--ink);
}

.atk-admin-header__right {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-self: end;
}

.atk-admin-user {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-label);
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ink-60);
    padding: 5px 10px 4px;
    border: 1px solid var(--ink-15);
    line-height: 1;
}
.atk-admin-user b {
    color: var(--ink);
    font-weight: 400;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atk-admin-user .dot {
    width: 5px; height: 5px;
    background: var(--violet);
    border-radius: 50%;
    display: inline-block;
}

.atk-admin-lang {
    display: inline-flex;
    border: 1px solid var(--ink-15);
}
.atk-admin-lang a {
    display: inline-block;
    padding: 5px 9px;
    font-family: var(--font-label);
    font-size: 11px;
    letter-spacing: 0.10em;
    color: var(--ink-60);
    text-decoration: none;
    line-height: 1;
}
.atk-admin-lang a + a { border-left: 1px solid var(--ink-15); }
.atk-admin-lang a.is-active { background: var(--ink); color: var(--white); }
.atk-admin-lang a:hover { color: var(--ink); text-decoration: none; }
.atk-admin-lang a.is-active:hover { color: var(--white); }

.atk-admin-logout {
    font-family: var(--font-label);
    font-size: 11px;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--ink);
    padding: 6px 12px;
    border: 1px solid var(--ink);
    background: var(--white);
    line-height: 1;
}
.atk-admin-logout:hover { background: var(--ink); color: var(--white); }

/* ---------- Burger ---------- */
.atk-admin-burger {
    display: none;
    width: 40px; height: 40px;
    padding: 0;
    border: 1px solid var(--ink-15);
    background: var(--white);
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.atk-admin-burger span {
    display: block; width: 18px; height: 2px;
    background: var(--ink);
    transition: transform .25s, opacity .15s;
}
.atk-admin-header.is-open .atk-admin-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.atk-admin-header.is-open .atk-admin-burger span:nth-child(2) { opacity: 0; }
.atk-admin-header.is-open .atk-admin-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.atk-admin-header__backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(24, 22, 20, 0.45);
    z-index: 1029;
    opacity: 0;
    transition: opacity .25s;
}
.atk-admin-header.is-open .atk-admin-header__backdrop { display: block; opacity: 1; }

@media (max-width: 900px) {
    .atk-admin-header__inner {
        justify-content: space-between;
        padding: 10px 14px;
    }
    .atk-admin-brand__sep, .atk-admin-brand__name { display: none; }
    .atk-admin-burger { display: flex; }

    .atk-admin-header__panel {
        position: fixed;
        top: 0; right: 0; bottom: 0;
        width: min(320px, 88vw);
        background: var(--paper);
        border-left: 1px solid var(--ink);
        padding: 70px 20px 22px;
        z-index: 1031;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform .26s ease;
        flex-direction: column;
        justify-content: flex-start;
        gap: 14px;
        box-shadow: -16px 0 36px rgba(24, 22, 20, 0.12);
    }
    .atk-admin-header.is-open .atk-admin-header__panel { transform: translateX(0); }

    .atk-admin-header__panel .atk-admin-nav {
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--ink-15);
    }
    .atk-admin-header__panel .atk-admin-nav .nav-link,
    .atk-admin-header__panel .atk-admin-nav .dropdown-toggle {
        text-align: left;
        font-size: 12px;
        padding: 10px 12px;
    }

    .atk-admin-header__panel .atk-admin-nav .dropdown-menu {
        position: static !important;
        transform: none !important;
        inset: auto !important;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        border: none;
        border-left: 1px solid var(--ink-15);
        border-radius: 0;
        margin: 2px 0 6px 12px !important;
        padding: 2px 0;
        box-shadow: none;
        background: transparent;
    }
    .atk-admin-header__panel .atk-admin-nav .dropdown-menu:not(.show) { display: none !important; }
    .atk-admin-header__panel .atk-admin-nav .dropdown-menu.show { display: block !important; }

    .atk-admin-header__panel .atk-admin-header__right {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .atk-admin-header__panel .atk-admin-user b { max-width: none; }
    .atk-admin-header__panel .atk-admin-logout { width: 100%; text-align: center; }

    body.atk-admin-no-scroll { overflow: hidden; }
}