/* ============================================================
   Мобильная оптимизация веб-почты.
   Подключается ТОЛЬКО из login_mail.html, inbox.html и message.html,
   поэтому админ-панель (admin.html и др.) эти стили не загружает.
   ============================================================ */

/* Чистые нажатия без синего подсвета на мобильных */
body { -webkit-tap-highlight-color: transparent; }

/* ── Планшеты (700–1099px): список писем уже, чем 510px ── */
@media (min-width: 700px) and (max-width: 1099px) {
  .inbox-panel { flex-basis: 46%; min-width: 340px; }
  .msg-from { width: 140px; }
}

/* ── Телефоны (≤699px) ─────────────────────────────────── */
@media (max-width: 699px) {

  /* iOS автоматически приближает страницу при фокусе на поле
     с кеглем меньше 16px — приводим поля ввода к 16px */
  input, select, textarea { font-size: 16px; }

  /* Высоты под мобильный браузер: dvh учитывает адресную строку */
  .split-root, .msg-layout { height: calc(100dvh - 56px); }

  /* ── Навбар: одна строка, только иконки ── */
  .nav { padding: 0 10px; gap: 8px; }
  .nav-brand { font-size: 0; gap: 0; }              /* остаётся иконка-конвертик (svg 20px) */
  .nav-brand .v { display: none; }                  /* версия не влезает */
  .nav-links { gap: 0; }
  .nav-links a { font-size: 0; gap: 0; padding: 8px; }
  .nav-links a .ico { width: 18px; height: 18px; }  /* иконки выживают при font-size:0 */
  .nav-links a .ico.chevron { width: 11px; height: 11px; }
  .nav-admin-badge { display: none; }               /* бейдж админа слишком широкий */
  .nav-dropdown { display: none; }                  /* «Журнал» — выпадалка не влезает, есть на десктопе */
  .nav-links a[target="_blank"] { display: none; }  /* дубль «Почта» из секции панели */

  .nav-right { gap: 4px; min-width: 0; }
  .nav-right a { font-size: 0; gap: 0; padding: 7px; }
  .nav-right a .ico { width: 18px; height: 18px; }
  .nav-right .email {
    max-width: 24vw; min-width: 0; flex-shrink: 1;
    overflow: hidden; text-overflow: ellipsis;
    font-size: .72rem; padding: 4px 8px;
  }
  /* Плашка «Скопировано!» — оверлей внутри самого чипа,
     иначе обрезается вместе с ellipsis */
  .nav-right .email-copied {
    inset: 0; top: 0; left: 0; right: 0; bottom: 0; transform: none;
    display: flex; align-items: center; justify-content: center;
    background: var(--surface2);
    border: 1px solid rgba(var(--accent-rgb), .4);
    border-radius: 7px; font-size: .66rem;
    white-space: nowrap; overflow: hidden; padding: 0 4px;
  }
  .domain-expiry-chip { font-size: .64rem; padding: 3px 7px; gap: 4px; flex-shrink: 0; }
  .domain-expiry-chip svg { width: 11px; height: 11px; }
  .lang-btn { padding: 7px; }
  .lang-btn span { display: none; }                 /* остаётся глобус, язык — в меню */

  /* ── Входящие: тулбар ── */
  .inbox-toolbar { padding: 10px 12px; gap: 8px; }
  .inbox-toolbar h2 {
    display: block; min-width: 0; font-size: .9rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .inbox-toolbar h2 svg { width: 15px; height: 15px; vertical-align: -2px; }
  .inbox-toolbar .count { font-size: .7rem; padding: 2px 7px; flex-shrink: 0; }
  .btn-hist-tool { padding: 7px 9px; flex-shrink: 0; }
  .btn-hist-tool span { display: none; }            /* кнопка истории — только иконка */

  /* ── Строка письма: две строки (отправитель+дата / тема) ── */
  .msg-row {
    flex-wrap: wrap; align-items: center;
    padding: 10px 12px; gap: 3px 10px;
  }
  .msg-row:active { background: rgba(var(--accent-rgb), .12); }
  .msg-from { order: 1; width: auto; flex: 0 1 auto; min-width: 0; }
  .msg-date { order: 2; margin-left: auto; }
  .msg-subject {
    order: 3; flex-basis: calc(100% - 17px); margin-left: 17px; /* отступ под точку */
  }
  .msg-row.selected { padding-left: 9px; }          /* 9px + 3px border = 12px, без скачка */

  /* ── Пагинация ── */
  .inbox-pagination { padding: 10px 12px; justify-content: center; }
  .inbox-pagination .btn { flex: 1 1 0; justify-content: center; max-width: 48%; }

  /* ── Промо-блок ── */
  .promo-strip-wrap { padding: 8px 8px 10px; }
  .promo-slide-nav { width: 32px; height: 32px; opacity: 1; pointer-events: auto; } /* тач видит стрелки всегда */
  .promo-slide-prev { left: 6px; }
  .promo-slide-next { right: 6px; }

  .empty-state { padding: 32px 16px; }
  .alerts { padding: 10px 12px 0; }

  /* ── Просмотр письма (message.html) ── */
  .msg-wrap { padding: 12px 12px 84px; }           /* низ свободен от кнопки поддержки */
  .msg-header { padding: 16px; border-radius: 12px; }
  .msg-subject { font-size: 1.02rem; }
  .meta-row { font-size: .82rem; }
  .meta-val { word-break: break-word; }             /* длинные адреса не рвут вёрстку */
  .msg-actions { gap: 8px; }
  .msg-actions .btn,
  .msg-actions form { flex: 1 1 calc(50% - 8px); }
  .msg-actions form { display: flex; }
  .msg-actions form .btn { flex: 1; justify-content: center; }
  .msg-body-card { padding: 12px; border-radius: 12px; }
  .msg-body-text { font-size: .8rem; }
  .msg-body-frame { height: calc(100dvh - 230px); min-height: 340px; }

  /* ── Alias Warn (inbox + message) ── */
  .alias-warn-card {
    padding: 18px; border-radius: 14px;
    max-height: 88dvh; overflow-y: auto;
  }
  .alias-warn-actions { flex-direction: column; align-items: stretch; }
  .alias-warn-actions .btn { width: 100%; justify-content: center; }

  /* ── Модалки: история входов, переход на страницу ── */
  .lh-overlay, .pjump-overlay { padding: 12px; }
  .lh-box { max-height: calc(100dvh - 24px); }
  .lh-head { padding: 14px 14px; }
  .lh-foot { padding: 12px 14px; }
  .lh-body { overflow: auto; }                      /* таблица листается и по горизонтали */
  .lh-table th, .lh-table td { padding: 9px 12px; font-size: .78rem; }

  /* ── Страница входа ── */
  .auth-bg { padding: 16px 16px 76px; }             /* низ свободен от кнопки поддержки */
  .auth-card { padding: 22px 18px; }
  .auth-title { font-size: 1.15rem; }
  .auth-icon-wrap { width: 54px; height: 54px; }

  /* ── Кнопка поддержки и её попап ── */
  .support-fab { bottom: 12px; right: 12px; padding: 10px 16px; font-size: .8rem; }
  .support-popup-bg { justify-content: center; padding: 0 14px 76px; }
  .support-popup { padding: 18px; }
}