/* Mobile-specific styles */
@media (max-width: 768px) {
    .wrapper {
        padding: 15px;
        margin: 0;
        border-radius: 0;
        min-height: 100vh;
    }

    h1 {
        font-size: 1.8em;
    }

    .dashboard-actions {
        flex-direction: column;
    }

    .action-button {
        width: 100%;
        padding: 15px;
        font-size: 1.1em;
    }

    #mobile-action-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        background-color: var(--background-color);
        padding: 10px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 100;
    }

    #form-view {
        padding-bottom: 80px; /* Space for mobile action bar */
    }
}