/* Mobile-specific tweaks for the Lead CRM tab */
@media (max-width: 900px) {
    .crm-layout {
        gap: 16px;
    }

    .crm-action-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .crm-action-bar button,
    .crm-action-bar .secondary-button {
        width: 100%;
    }

    .crm-board {
        margin: 0 -12px;
    }

    .crm-board-shell {
        padding: 0 12px;
    }

    .crm-board-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .crm-board-actions {
        width: 100%;
        justify-content: flex-start;
        gap: 10px;
        flex-wrap: wrap;
    }

    .crm-board-viewport {
        overflow-x: auto;
        padding-bottom: 12px;
    }

    .crm-board-stages {
        min-width: 720px;
        gap: 12px;
    }
}
