/* Мягкие исправления мобильной верстки TGBooster */
/* Исправляет только критические проблемы без нарушения основной верстки */

/* === БЕЗОПАСНЫЕ ИСПРАВЛЕНИЯ === */

/* Исправление viewport для мобильных */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Предотвращение горизонтальной прокрутки только там, где это критично */
@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
}

/* === МЯГКИЕ ИСПРАВЛЕНИЯ ДЛЯ TOUCH ИНТЕРФЕЙСА === */

/* Минимальный размер для сенсорного ввода без агрессивного переписывания */
@media (max-width: 768px) {
    /* Улучшение touch targets только для важных элементов */
    .new-header button,
    .new-floating-notifications button {
        min-height: 44px;
        min-width: 44px;
        touch-action: manipulation;
    }
    
    /* Улучшение форм для предотвращения zoom на iOS */
    input[type="text"],
    input[type="email"], 
    input[type="password"],
    textarea {
        font-size: 16px;
    }
}

/* Оставляем только критические исправления переполнения текста */
/* Исправление white-space для элементов с длинным текстом */
.task-title,
.channel-title,
.order-title,
.card-title,
.channel-name,
.task-description {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Мобильные исправления для выравнивания иконок с текстом */
@media (max-width: 768px) {
    /* Исправления для элементов с иконками и текстом */
    .flex.items-center,
    .inline-flex.items-center {
        align-items: center;
        gap: 0.5rem;
    }
    
    /* Иконки в одну строку с текстом */
    .flex.items-center i,
    .inline-flex.items-center i {
        flex-shrink: 0;
        line-height: 1;
        vertical-align: middle;
    }
    
    /* Исправления для заголовков с иконками */
    h1, h2, h3, h4, h5, h6 {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    
    h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
        margin: 0;
        flex-shrink: 0;
    }
}