/* Mobile Specific Overrides */
@media (max-width: 768px) {

    /* Dashboard Buttons */
    .dashboard-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 1rem !important;
        width: 100%;
        margin-top: 1.5rem;
    }

    .dashboard-actions .btn {
        width: 100%;
        font-size: 0.9rem;
        padding: 0.75rem;
        justify-content: center;
        text-align: center;
    }

    /* Stack header on mobile dashboard */
    .dashboard-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0 !important;
    }
}