.bx-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(100%, 560px);
    min-height: 360px;
    margin: auto;
    padding: 34px 26px;
    border: 1px solid var(--ws-line);
    border-radius: var(--ws-radius-lg, 18px);
    background: var(--ws-surface);
    box-shadow: var(--ws-shadow-card, 0 14px 38px rgba(15, 23, 42, 0.06));
    text-align: center;
}

.bx-empty--compact {
    min-height: 0;
    padding: 22px 20px;
}

.bx-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 0 10px;
    border-radius: var(--ws-radius-md, 12px);
    background: var(--ws-primary-soft);
    color: var(--ws-primary);
}

.bx-empty__icon svg {
    display: block;
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bx-empty__title {
    margin: 8px 0 6px;
    color: var(--ws-fg);
    font: 750 18px/1.2 var(--bilox-font-display, Manrope, Inter, sans-serif);
}

.bx-empty__text {
    max-width: 380px;
    margin: 0;
    color: var(--ws-fg-muted);
    font-family: var(--bilox-font-body, Inter, sans-serif);
    font-size: 14px;
    line-height: 1.5;
}

.bx-empty__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
}

@media (max-width: 599px) {
    .bx-empty {
        min-height: 240px;
        padding: 26px 18px;
    }
}