/* mobile_chips.css — плавающие плашки «Загрузки ↓ N» (#dl-bg-indicator) и «⌛ Архивирую …» (#zip-toast)
   (смоук телефона и iPad 19.10). Подключён последним: правила вне @layer и при равном весе бьют vault.css.

   Плашки висят над страницей (z-index 1050 и 9998) и ложились на кнопки:
     • вбок (боковая панель) плашка архива стояла на bottom: 16px — прямо на нижнем плеере: «Пауза»,
       «Далее», «На весь экран» и «✕» нажимались в плашку;
     • в чате ИИ — на поле ввода, микрофон и «Отправить» (нажатие открывало окно архива);
     • на панель «Выбрать» Библиотеки, лист «Альбомы» и панель человека «Семьи группы», шторку «Диалоги»;
     • на iPhone SE две плашки, мини-плеер и вкладки занимали 40 % экрана снизу. */

/* ── Вбок: плашка архива над нижним плеером, как плашка загрузок ── */
@media (min-width: 768px) and (orientation: landscape), (min-width: 1025px) {
    .zip-toast { bottom: calc(var(--bottom-stack) + 16px); }
}

/* Одна строка: на узком телефоне имя архива переносилось, плашка росла вдвое. */
.zip-toast { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100vw - 24px); box-sizing: border-box; }
.dl-bg-short { display: none; }

/* ── Телефон и iPad стоя: обе плашки — одной строкой, высота пальца ──
   Загрузки сжимаются до «● ↓ N» слева (76 точек), архив — справа от них. */
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .zip-toast { padding-top: 13px; padding-bottom: 13px; line-height: 18px; }   /* 46 — как плашка загрузок */
    .dl-bg-open { min-height: 44px; }
    body:not(.ai-chat-active):has(#zip-toast:not(.hidden)) .dl-bg-indicator {
        left: 12px; right: auto; bottom: calc(var(--bottom-stack) + 12px); width: 76px;
    }
    body:has(#zip-toast:not(.hidden)) .dl-bg-indicator :is(.dl-bg-label, .dl-bg-meta) { display: none; }
    body:has(#zip-toast:not(.hidden)) .dl-bg-indicator .dl-bg-short { display: inline; }
    body:has(#zip-toast:not(.hidden)) .dl-bg-indicator .dl-bg-open { width: 100%; justify-content: center; padding-left: 8px; padding-right: 8px; }
    body:has(#dl-bg-indicator:not(.hidden)) .zip-toast { left: calc(12px + 76px + 8px); }

    /* Чат ИИ: архив — над лентой под вкладками «Диалог | Плейлисты», как плашка загрузок
       (vault.css), и едет со страницей. Обе — одной строкой там же. */
    body:has(#page-ai-chat:not(.hidden)) .zip-toast {
        position: absolute; top: calc(var(--safe-top) + 126px); bottom: auto; z-index: 40;
    }
    body:has(#page-ai-chat:not(.hidden)):has(#zip-toast:not(.hidden)) .dl-bg-indicator {
        left: 12px; right: auto; transform: none; width: 76px; max-width: none;
    }
    body:not(.kb-open):has(#page-ai-chat:not(.hidden)):has(#zip-toast:not(.hidden)) #ai-chat-thread { padding-top: 52px; }
}

/* ── Вбок и компьютер: в чате ИИ архив — под шапкой, где плашка загрузок (vault.css), не у поля ввода.
   Обе — одной строкой по центру: загрузки коротко слева от середины, архив справа (вторая строка
   ложилась на вкладки «Плейлисты | Атлас сцен» и название беседы). ── */
@media (min-width: 768px) and (orientation: landscape), (min-width: 1025px) {
    body:has(#page-ai-chat:not(.hidden)) .zip-toast {
        top: calc(var(--topbar-h, 64px) + 8px); bottom: auto; right: auto; left: 50%; transform: translateX(-50%);
        max-width: min(480px, calc(100vw - 24px));
    }
    body:has(#page-ai-chat:not(.hidden)):has(#dl-bg-indicator:not(.hidden)) .zip-toast {
        transform: translateX(4px); max-width: min(320px, calc(50vw - 160px));   /* не на «≡ Диалоги» справа */
    }
    body:has(#page-ai-chat:not(.hidden)):has(#zip-toast:not(.hidden)) .dl-bg-indicator {
        width: 76px; transform: translateX(calc(-100% - 4px));
    }
    body:has(#page-ai-chat:not(.hidden)):has(#zip-toast:not(.hidden)) .dl-bg-indicator :is(.dl-bg-label, .dl-bg-meta) { display: none; }
    body:has(#page-ai-chat:not(.hidden)):has(#zip-toast:not(.hidden)) .dl-bg-indicator .dl-bg-short { display: inline; }
    body:has(#page-ai-chat:not(.hidden)):has(#zip-toast:not(.hidden)) .dl-bg-indicator .dl-bg-open {
        width: 100%; min-height: 39px; justify-content: center; padding-left: 8px; padding-right: 8px;
    }
}
body.kb-open:has(#page-ai-chat:not(.hidden)) .zip-toast { display: none; }

/* ── Открыта своя нижняя панель — плашки уступают (как полному плееру, vault.css) ──
   Панель «Выбрать» Библиотеки (в конце списка она встаёт на своё место в ленте — выше плашек),
   лист «Альбомы» и панель человека «Семьи группы», шторка «Диалоги» чата ИИ. Загрузки и архив идут дальше;
   плашки вернутся, когда панель закроют. */
body:is(:has(.page:not(.hidden) #lib-bulk-bar:not(.hidden)), :has(.page:not(.hidden) .family-sheet-wrap:not([hidden])),
        :has(.page:not(.hidden) .family-path.is-bottom), :has(#ai-chat-sidebar.open))
    :is(.dl-bg-indicator, .zip-toast, .ai-bg-indicator) { display: none; }