/* Исправления для кнопок и иконок на всех страницах */

/* Исправления для кнопок в карточках заданий */
.task-action-btn,
.task-card-subscribe-button,
.task-card-verify-button,
button[onclick*="subscribeToChannel"],
button[onclick*="verifyTask"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    text-align: center !important;
    flex-direction: row !important;
    white-space: nowrap !important;
}

.task-action-btn i,
.task-card-subscribe-button i,
.task-card-verify-button i,
button[onclick*="subscribeToChannel"] i,
button[onclick*="verifyTask"] i {
    font-size: 16px !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Исправления для кнопок создания заказов */
.create-order-button,
button[onclick*="createOrder"],
.order-create-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    text-align: center !important;
    flex-direction: row !important;
}

.create-order-button i,
button[onclick*="createOrder"] i,
.order-create-btn i {
    font-size: 18px !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Исправления для аватарки в шапке */
.new-avatar-button,
.avatar-button,
.user-avatar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.new-avatar-img,
.avatar-img,
.user-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* Плейсхолдер аватарки */
.avatar-placeholder,
.new-avatar-button:empty::before {
    content: "👤";
    font-size: 20px;
    color: #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Исправления для всех кнопок с иконками */
.btn-with-icon,
button:has(i),
.button:has(i),
button[class*="bg-"],
button[class*="hover:"],
.bg-blue-600,
.bg-green-600,
.bg-red-600,
.bg-yellow-600,
.bg-gray-600 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-direction: row !important;
    line-height: 1.5 !important;
}

.btn-with-icon i,
button i,
.button i,
button[class*="bg-"] i,
.bg-blue-600 i,
.bg-green-600 i,
.bg-red-600 i,
.bg-yellow-600 i,
.bg-gray-600 i {
    line-height: 1 !important;
    margin: 0 !important;
    vertical-align: baseline !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 1em !important;
    height: 1em !important;
}

/* Мобильные исправления */
@media (max-width: 768px) {
    .task-card-subscribe-button,
    .task-card-verify-button,
    button[onclick*="subscribeToChannel"],
    button[onclick*="verifyTask"] {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }
    
    .create-order-button,
    button[onclick*="createOrder"],
    .order-create-btn {
        padding: 14px 20px !important;
        font-size: 16px !important;
    }
    
    .new-avatar-button,
    .avatar-button,
    .user-avatar {
        width: 40px !important;
        height: 40px !important;
    }
}