/* ============================================
   МОБИЛЬНАЯ АДАПТАЦИЯ (экраны < 768px)
   УВЕЛИЧЕННАЯ ВЕРСИЯ
   ============================================ */

@media (max-width: 767.98px) {
    
    /* УВЕЛИЧИВАЕМ базовый размер шрифта */
    html {
        font-size: 18px; /* Было 16px, стало 18px */
    }
    
    body {
        font-size: 18px;
        line-height: 1.6;
    }
    
    /* Уменьшаем отступы контейнера */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Карточки статистики в 2 колонки, крупнее */
    .stat-card {
        padding: 20px;
        margin-bottom: 15px;
    }
    
    .stat-label {
        font-size: 1rem;
    }
    
    .stat-value {
        font-size: 2rem;
    }
    
    /* Таблицы превращаем в карточки */
    .table-responsive {
        overflow-x: visible;
    }
    
    table.table {
        display: block;
    }
    
    table.table thead {
        display: none;
    }
    
    table.table tbody {
        display: block;
    }
    
    table.table tr {
        display: block;
        margin-bottom: 20px;
        border: 2px solid #dee2e6;
        border-radius: 12px;
        padding: 20px;
        background: white;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    
    table.table td {
        display: block;
        text-align: left !important;
        padding: 10px 0;
        border: none;
        font-size: 1.1rem;
    }
    
    table.table td:before {
        content: attr(data-label);
        font-weight: bold;
        color: #6c757d;
        display: block;
        margin-bottom: 8px;
        font-size: 0.95rem;
    }
    
    /* УВЕЛИЧИВАЕМ размер кнопок для touch */
    .btn {
        min-height: 50px;
        min-width: 50px;
        font-size: 1.1rem;
        padding: 12px 20px;
        margin-bottom: 10px;
    }
    
    .btn-sm {
        min-height: 44px;
        padding: 10px 16px;
        font-size: 1rem;
    }
    
    /* УВЕЛИЧИВАЕМ поля ввода */
    .form-control, .form-select {
        font-size: 18px; /* Предотвращает авто-зум на iOS */
        min-height: 50px;
        padding: 12px;
    }
    
    /* Навигация (бургер-меню) */
    .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .nav-tabs .nav-link {
        white-space: nowrap;
        padding: 12px 20px;
        font-size: 1.1rem;
    }
    
    /* Модальные окна на весь экран */
    .modal-dialog {
        margin: 0;
        max-width: 100%;
        height: 100vh;
    }
    
    .modal-content {
        height: 100vh;
        border-radius: 0;
    }
    
    /* Сегментированный контроль */
    .segmented-control {
        flex-direction: column;
    }
    
    .segment-btn {
        width: 100%;
        margin-bottom: 8px;
        min-height: 50px;
        font-size: 1.1rem;
    }
    
    /* Формы в одну колонку */
    .row.g-3 > [class*="col-"] {
        margin-bottom: 15px;
    }
    
    /* Убираем горизонтальные отступы у карточек */
    .card-body {
        padding: 20px;
    }
    
    /* Заголовки секций */
    .section-title {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
    
    /* Бейджи */
    .badge {
        font-size: 1rem;
        padding: 8px 12px;
    }
    
    /* Формы */
    label, .form-label {
        font-size: 1.1rem;
        margin-bottom: 8px;
    }
    
    /* Alerts */
    .alert {
        font-size: 1.1rem;
        padding: 15px;
    }
}

/* ============================================
   ДОПОЛНИТЕЛЬНЫЕ УЛУЧШЕНИЯ ДЛЯ ВСЕХ ЭКРАНОВ
   ============================================ */

/* Плавные переходы */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Улучшаем скролл на мобильных */
.table-responsive {
    -webkit-overflow-scrolling: touch;
}

/* Предотвращаем выделение текста при тапе */
button, .btn, .nav-link {
    -webkit-user-select: none;
    user-select: none;
}

/* Гарантированный запрет переноса строки для дат и времени */
.timeline-item small, 
.table td small,
.badge {
    white-space: nowrap !important;
}