/* login app — auth forms, profile, notifications */

@media (max-width: 991px) {
    .personal_info {
        flex-basis: 100%;
    }

    .personal_avatar {
        display: none !important;
    }
}

/* Profile tabs — full width on narrow screens */
@media (max-width: 575px) {
    .tabs_block {
        padding-left: 0;
        padding-right: 0;
    }

    .tabs_block .nav-tabs {
        display: flex;
        width: 100%;
        margin: 0;
    }

    .tabs_block .nav-item {
        flex: 1 1 0;
        text-align: center;
        font-size: 0.8rem;
        font-weight: 600;
    }

    .tabs_block .nav-link {
        width: 100%;
        justify-content: center;
        padding: 12px 8px;
        margin: 0;
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .form-wrapper .btn-primary,
    .form-wrapper .btn,
    .edit-profile-field .btn {
        min-height: var(--touch-target-min, 44px);
        padding-left: var(--space-5, 20px);
        padding-right: var(--space-5, 20px);
    }

    .edit-profile-field {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Auth pages: form card already has padding — avoid double gutter */
    .auth-form-layout .edit-profile-field {
        padding-left: 10px;
        padding-right: 10px;
    }
}