/**
 * Empty State Component CSS.
 * K2 cascade uyumlu.
 *
 * @package Necox
 * @since   2.67.0
 */

.necox-empty-state {
    text-align: center;
    padding: 40px 20px;
}

.necox-empty-state__icon {
    width: var(--necox-empty-icon-size, 48px);
    height: var(--necox-empty-icon-size, 48px);
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--necox-empty-icon-size, 48px) * 0.6);
    background: var(--necox-bg);
    border-radius: 50%;
    color: var(--necox-muted);
}

.necox-empty-state__title {
    font-size: var(--necox-empty-title-size, 16px);
    font-weight: 600;
    color: var(--necox-empty-title-color, var(--necox-text));
    margin: 0 0 4px;
}

.necox-empty-state__desc {
    font-size: var(--necox-empty-desc-size, 13px);
    color: var(--necox-empty-desc-color, var(--necox-muted));
    line-height: 1.5;
    margin: 0 0 16px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.necox-empty-state__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}