@media (max-width: 480px) {
    .no-results-state {
        padding: 30px 20px;

        .illustration {
            width: 100px;
            height: 100px;
        }
    }

    .no-data-state {
        padding: 40px 20px;

        .actions {
            flex-direction: column;
            gap: 8px;
        }
    }
}

@media (max-height: 700px) {
    .no-results-state {
        padding: 24px 20px;
        .illustration-container { margin-bottom: 16px; }
    }

    .no-data-state {
        padding: 32px 24px;
        .empty-icon { font-size: 56px; width: 56px; height: 56px; }
    }
}

@media (max-height: 550px) {
    .no-results-state {
        padding: 16px 20px;
        .illustration-container { margin-bottom: 12px; }
        .illustration { width: 80px; height: 80px; }
        .title { font-size: 1.125rem; }
        .description { font-size: 0.8125rem; }
    }
}
