/* Mobile-only overrides для Django-Unfold admin.
 * Подключается через UNFOLD["STYLES"] — грузится на все admin-страницы.
 * Затрагивает только viewport <640px.
 */

@media (max-width: 639px) {
    /* ── Список Заявок: скрываем менее критичные колонки ───────────
     * Оставляем: contact_name, office, display_status, booked_date, pdf_link
     * Скрываем: priority (число без контекста), desired_date_from/_to
     * (диапазон, занимает два столбца), attempt_count (диагностика).
     *
     * Django-admin генерит классы вида .column-<field> на <th> и
     * .field-<field> на <td>. Префикс #result_list — это ID таблицы
     * на changelist-страницах (не задевает форму редактирования
     * заявки, где такие же .field-* классы у строк формы).
     */
    #result_list th.column-priority,
    #result_list td.field-priority,
    #result_list th.column-desired_date_from,
    #result_list td.field-desired_date_from,
    #result_list th.column-desired_date_to,
    #result_list td.field-desired_date_to,
    #result_list th.column-attempt_count,
    #result_list td.field-attempt_count {
        display: none !important;
    }

    /* BookingAttempt — длинные диагностические колонки. */
    #result_list th.column-proxy_used,
    #result_list td.field-proxy_used,
    #result_list th.column-captcha_token,
    #result_list td.field-captcha_token,
    #result_list th.column-response_status,
    #result_list td.field-response_status,
    #result_list th.column-duration_ms,
    #result_list td.field-duration_ms {
        display: none !important;
    }

    /* Office (Тип визы): скрываем технические/географические колонки.
     * Оставляем: name, display_tier, is_active. */
    #result_list th.column-country_code,
    #result_list td.field-country_code,
    #result_list th.column-city,
    #result_list td.field-city,
    #result_list th.column-calendar_id,
    #result_list td.field-calendar_id,
    #result_list th.column-notify_phone,
    #result_list td.field-notify_phone {
        display: none !important;
    }

    /* SlotEvent: скрываем notified_at / timestamp колонки.
     * Оставляем: office, date, remaining_when_seen, status. */
    #result_list th.column-notified_at,
    #result_list td.field-notified_at {
        display: none !important;
    }

    /* SmsConfirmation list / NotificationLog: скрываем used_at / sent_at /
     * created_at — диагностические timestamps. На детальной странице видно. */
    #result_list th.column-used_at,
    #result_list td.field-used_at,
    #result_list th.column-sent_at,
    #result_list td.field-sent_at,
    #result_list th.column-created_at,
    #result_list td.field-created_at {
        display: none !important;
    }

    /* Чуть тоньше padding в ячейках — больше контента влезает. */
    #result_list th,
    #result_list td {
        padding: 6px 8px !important;
        font-size: 13px;
    }

    /* ── Карточка заявки: inline'ы (SmsConfirmation, Applicant) ────
     * SmsConfirmation = TabularInline с 6 колонками. На мобильном
     * прячем диагностику: submitted_at, used_at, error. Остаются
     * status / code / operator_note — что реально нужно оператору
     * чтобы ввести SMS-код. Эти классы Django генерит на <th> и <td>
     * внутри inline-таблицы.
     */
    .inline-group table th.column-submitted_at,
    .inline-group table td.field-submitted_at,
    .inline-group table th.column-used_at,
    .inline-group table td.field-used_at,
    .inline-group table th.column-error,
    .inline-group table td.field-error {
        display: none !important;
    }

    /* Inline-таблицы: уменьшить padding чтобы 3 колонки реально
     * влезли на 375px. */
    .inline-group table th,
    .inline-group table td {
        padding: 6px 6px !important;
        font-size: 13px;
    }

    /* StackedInline (Applicant): на мобильном уменьшаем боковые
     * padding'и контейнера и заголовка — на 375px дефолтные ~24px
     * откусывают слишком много места. */
    .inline-group .inline-related {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}