/* Админка на телефоне (владелец, 20.10.2026, по прототипу Gemini proto-3b-mobile-admin.html):
   левое меню прячется, внизу — четыре главных раздела роли и «Ещё» (mobile-nav.js),
   плитки дашборда — сеткой 2×2, чтобы первый экран не уходил на четыре числа.
   На широком экране нижнего меню нет. */
.mnav-bar, .mnav-sheet { display: none; }

@media (max-width: 768px) {
    .fleet-new .sidebar,
    .fleet-new .sidebar-toggle { display: none; }
    .fleet-new .main-content { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }

    .fleet-new .mnav-bar {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 1200;
        display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        min-height: 60px; padding: 0 4px env(safe-area-inset-bottom, 0px);
        background: var(--card); border-top: 1px solid var(--line);
        box-shadow: 0 -4px 12px rgba(15, 23, 42, .06);
    }
    .fleet-new button.mnav-btn {
        position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
        width: auto; min-height: 0; margin: 0; padding: 6px 2px; border: 0; border-radius: 0; background: transparent; box-shadow: none;
        color: var(--muted); font: inherit; font-size: 11px; font-weight: 600; line-height: 1.15; cursor: pointer;
    }
    .fleet-new button.mnav-btn:hover { transform: none; background: transparent; }
    .fleet-new button.mnav-btn.active { color: var(--blue); }
    .fleet-new .mnav-btn svg { width: 22px; height: 22px; }
    .fleet-new .mnav-text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .fleet-new .mnav-badge:empty { display: none; }
    .fleet-new .mnav-btn .mnav-badge {
        position: absolute; top: 3px; left: calc(50% + 6px); min-width: 18px; padding: 1px 5px; border-radius: 999px;
        background: var(--bad); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.3; text-align: center;
    }

    .fleet-new .mnav-sheet:not([hidden]) {
        position: fixed; inset: 0; z-index: 1300; display: flex; flex-direction: column; justify-content: flex-end;
        background: rgba(15, 23, 42, .48);
    }
    .fleet-new .mnav-box {
        max-height: 85vh; overflow-y: auto; padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px));
        border-radius: 18px 18px 0 0; background: var(--card); color: var(--ink);
    }
    .fleet-new .mnav-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .fleet-new .mnav-user { font-weight: 700; font-size: 15px; }
    .fleet-new button.mnav-close,
    .fleet-new button.mnav-logout {
        width: auto; min-height: 0; margin: 0; padding: 7px 12px; border: 0; border-radius: 8px; box-shadow: none;
        background: var(--line-soft); color: var(--ink); font: inherit; font-weight: 600; cursor: pointer;
    }
    .fleet-new button.mnav-logout { width: 100%; margin-top: 16px; color: var(--bad); }
    .fleet-new .mnav-sec-title {
        margin: 14px 0 6px; color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
    }
    .fleet-new .mnav-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .fleet-new button.mnav-item {
        display: flex; align-items: center; gap: 8px; width: auto; min-height: 44px; margin: 0; padding: 8px 10px;
        border: 1px solid var(--line); border-radius: 10px; box-shadow: none; background: var(--canvas); color: var(--ink);
        font: inherit; font-size: 14px; font-weight: 600; text-align: left; cursor: pointer;
    }
    .fleet-new button.mnav-item:hover { transform: none; }
    .fleet-new button.mnav-item.active { border-color: var(--blue); background: var(--blue-soft); color: var(--blue); }
    .fleet-new .mnav-item svg { flex: 0 0 18px; width: 18px; height: 18px; }
    .fleet-new .mnav-item .mnav-text { flex: 1 1 auto; white-space: normal; }
    .fleet-new .mnav-item .mnav-badge {
        padding: 1px 7px; border-radius: 999px; background: var(--bad-bg); color: var(--bad); font-size: 12px; font-weight: 700;
    }
    body.mnav-open { overflow: hidden; }
    .fleet-new .mnav-bar.mnav-off { display: none; }
    /* Плитки разделов «Настроек» — в шторке «Ещё»: на телефоне сразу открытый раздел, без экрана плиток. */
    .fleet-new #settings .settings-cells { display: none; }
    /* В шапке рядом с языками места нет: связь с сервером — только точкой. */
    .fleet-new #serverStatus { font-size: 0; }
    .fleet-new #serverStatus svg { width: 10px; height: 10px; }
}