@use "../core/variables" as *;

.empty-state {
    padding: $spacing-lg;
    border: 1px dashed $color-border;
    border-radius: $radius-md;
    background: $color-bg-light;

    &__title {
        margin: 0 0 $spacing-xs;
        line-height: $line-height-snug;
    }

    &__message {
        margin: 0;
        color: $color-text-muted;
        line-height: $line-height-base;
    }

    &__actions {
        display: flex;
        flex-wrap: wrap;
        gap: $spacing-sm;
        margin-top: $spacing-md;
    }
}