/* Исправления для выравнивания элементов в хедере */

/* Обеспечиваем одинаковые отступы для гамбургера и аватарки */
@media (max-width: 768px) {
    /* Левая часть хедера - гамбургер */
    .new-hamburger,
    .hamburger-menu,
    .menu-toggle,
    button[onclick*="toggleMobileMenu"] {
        margin-left: 16px !important;
        margin-right: 0 !important;
    }

    /* Правая часть хедера - аватарка */
    header #header-avatar,
    .new-avatar-button,
    .header-avatar,
    .user-avatar-container {
        margin-right: 16px !important;
        margin-left: 0 !important;
    }

    /* Контейнер хедера */
    header .flex.items-center.justify-between,
    header .flex.md\\:hidden.justify-between {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Исправления для всех кнопок с иконками - горизонтальное расположение */
    button,
    .btn,
    .button,
    [class*="bg-"],
    .task-card button,
    .order-card button {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        text-align: center !important;
    }

    /* Иконки в кнопках */
    button i,
    .btn i,
    .button i,
    [class*="bg-"] i {
        margin: 0 !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
        vertical-align: middle !important;
    }

    /* Специальные исправления для информационных блоков */
    h3,
    h4,
    .section-title,
    .block-title {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }

    h3 i,
    h4 i,
    .section-title i,
    .block-title i {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        font-size: 16px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        color: #4a90e2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }
}

/* Глобальные исправления для всех размеров экрана */
.flex.items-center h3,
.flex.items-center h4 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
}

.flex.items-center h3 i,
.flex.items-center h4 i {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 14px !important;
    margin: 0 6px 0 0 !important;
    flex-shrink: 0 !important;
    color: #4a90e2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}