/* Dashboard Responsive Fixes for UI Issues */

/* Top-right VIEW ALL TASKS button responsiveness */
.top-view-all-tasks-btn:hover {
    color: #00FF88 !important;
    text-shadow: 0 0 5px rgba(79, 236, 254, 0.5);
    transform: translateY(-1px);
}

/* Mobile responsiveness for top user level bar */
@media (max-width: 768px) {
    .top-view-all-tasks-btn {
        font-size: 0.6rem !important;
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        background: rgba(79, 236, 254, 0.1);
        border: 1px solid rgba(79, 236, 254, 0.3);
        margin-top: 0.25rem !important;
        display: inline-block;
        white-space: nowrap;
    }
    
    .top-view-all-tasks-btn:hover {
        background: rgba(79, 236, 254, 0.2) !important;
        border-color: rgba(79, 236, 254, 0.5) !important;
    }
}

@media (max-width: 576px) {
    .top-view-all-tasks-btn {
        font-size: 0.55rem !important;
        padding: 0.15rem 0.4rem !important;
    }
}

/* Report scam buttons - prevent text overlap */
.modern-card-body .d-grid.gap-2 {
    gap: 0.75rem !important;
}

.modern-card-body .btn-modern-danger,
.modern-card-body .btn-modern-secondary {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 8px;
    transition: all 0.2s ease;
}

@media (max-width: 768px) {
    .modern-card-body .btn-modern-danger,
    .modern-card-body .btn-modern-secondary {
        padding: 0.6rem 0.8rem;
        font-size: 0.8rem;
    }
}

/* Additional onboarding progress responsiveness */
@media (max-width: 576px) {
    .onboarding-card {
        padding: 0.75rem !important;
        margin-bottom: 1rem !important;
    }
    
    .onboarding-card .progress-indicator {
        height: 4px !important;
    }
    
    .onboarding-card .progress {
        height: 6px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .onboarding-view-all-btn {
        font-size: 0.65rem !important;
        padding: 0.4rem 0.6rem !important;
    }
    
    .onboarding-arrow-btn {
        min-width: 36px !important;
        padding: 0.4rem !important;
        font-size: 0.65rem !important;
    }
}

/* Fix for user level progress bar alignment */
@media (max-width: 768px) {
    .d-flex.flex-column.align-items-end {
        align-items: center !important;
        text-align: center;
    }
    
    .progress {
        margin: 0.5rem auto !important;
    }
    
    .d-flex.justify-content-between {
        justify-content: space-around !important;
        margin: 0.25rem auto !important;
    }
}