.kopere-bi,
.kopere_bi_div,
.kopere_bi_div-ajax {
    .chart-box .element-box.type-info {
        --kopere-bi-info-bg: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
        --kopere-bi-info-text: #111827;
        --kopere-bi-info-muted: rgba(17, 24, 39, .66);
        --kopere-bi-info-accent: #2563eb;
        --kopere-bi-info-accent-soft: rgba(37, 99, 235, .14);
        --kopere-bi-info-border: rgba(15, 23, 42, .08);
        --kopere-bi-info-shadow: 0 18px 38px rgba(15, 23, 42, .10);

        position: relative;
        overflow: hidden;
        min-height: 136px;
        padding: 1.35rem 1.45rem;
        border: 1px solid var(--kopere-bi-info-border);
        border-radius: 18px;
        background: var(--kopere-bi-info-bg);
        box-shadow: var(--kopere-bi-info-shadow);
        color: var(--kopere-bi-info-text);
        isolation: isolate;
    }

    .chart-box .element-box.type-info::before {
        content: "";
        position: absolute;
        top: -58px;
        right: -46px;
        z-index: -1;
        width: 154px;
        height: 154px;
        border-radius: 999px;
        background: radial-gradient(circle, var(--kopere-bi-info-accent-soft) 0%, transparent 72%);
    }

    .chart-box .element-box.type-info::after {
        content: "";
        position: absolute;
        right: 1.2rem;
        bottom: 1.1rem;
        z-index: -1;
        width: 46px;
        height: 46px;
        border: 1px solid var(--kopere-bi-info-accent-soft);
        border-radius: 16px;
        transform: rotate(12deg);
    }

    .chart-box .element-box.type-info .block-heading {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: .75rem;
        margin: 0 0 .85rem;
        padding: 0;
        border: 0;
    }

    .chart-box .element-box.type-info .block-title,
    .chart-box .element-box.type-info .type_block_preview {
        position: relative;
        margin: 0;
        color: var(--kopere-bi-info-muted);
        font-size: .82rem;
        font-weight: 700;
        letter-spacing: .045em;
        line-height: 1.25;
        text-transform: uppercase;
    }

    .chart-box .element-box.type-info .biblocks-info-card {
        position: relative;
        display: flex;
        align-items: flex-end;
        min-height: 64px;
    }

    .chart-box .element-box.type-info .biblocks-info-card__value,
    .chart-box .element-box.type-info .big-text {
        display: block;
        max-width: 100%;
        color: var(--kopere-bi-info-text);
        font-size: clamp(2.15rem, 4.8vw, 3.85rem);
        font-weight: 800;
        letter-spacing: -.06em;
        line-height: .95;
        overflow-wrap: anywhere;
    }

    .chart-box .element-box.type-info .biblocks-info-card__value::after,
    .chart-box .element-box.type-info .big-text::after {
        content: "";
        display: block;
        width: 58px;
        height: 4px;
        margin-top: .8rem;
        border-radius: 999px;
        background: var(--kopere-bi-info-accent);
        opacity: .72;
    }

    .chart-box .element-box.type-info.theme-dark {
        --kopere-bi-info-bg: linear-gradient(135deg, #111827 0%, #1f2937 100%);
        --kopere-bi-info-text: #ffffff;
        --kopere-bi-info-muted: rgba(255, 255, 255, .72);
        --kopere-bi-info-accent: #93c5fd;
        --kopere-bi-info-accent-soft: rgba(147, 197, 253, .18);
        --kopere-bi-info-border: rgba(255, 255, 255, .10);
        --kopere-bi-info-shadow: 0 18px 42px rgba(17, 24, 39, .26);
    }

    .chart-box .element-box.type-info.theme-blue {
        --kopere-bi-info-bg: linear-gradient(135deg, #0f66d0 0%, #1d4ed8 100%);
        --kopere-bi-info-text: #ffffff;
        --kopere-bi-info-muted: rgba(255, 255, 255, .78);
        --kopere-bi-info-accent: #bfdbfe;
        --kopere-bi-info-accent-soft: rgba(255, 255, 255, .18);
        --kopere-bi-info-border: rgba(255, 255, 255, .14);
        --kopere-bi-info-shadow: 0 18px 42px rgba(37, 99, 235, .26);
    }

    .chart-box .element-box.type-info.theme-green {
        --kopere-bi-info-bg: linear-gradient(135deg, #059669 0%, #047857 100%);
        --kopere-bi-info-text: #ffffff;
        --kopere-bi-info-muted: rgba(255, 255, 255, .78);
        --kopere-bi-info-accent: #bbf7d0;
        --kopere-bi-info-accent-soft: rgba(255, 255, 255, .18);
        --kopere-bi-info-border: rgba(255, 255, 255, .14);
        --kopere-bi-info-shadow: 0 18px 42px rgba(5, 150, 105, .24);
    }

    .chart-box .element-box.type-info.theme-orange {
        --kopere-bi-info-bg: linear-gradient(135deg, #f97316 0%, #c2410c 100%);
        --kopere-bi-info-text: #ffffff;
        --kopere-bi-info-muted: rgba(255, 255, 255, .80);
        --kopere-bi-info-accent: #fed7aa;
        --kopere-bi-info-accent-soft: rgba(255, 255, 255, .18);
        --kopere-bi-info-border: rgba(255, 255, 255, .15);
        --kopere-bi-info-shadow: 0 18px 42px rgba(249, 115, 22, .24);
    }

    .chart-box .element-box.type-info.theme-pink {
        --kopere-bi-info-bg: linear-gradient(135deg, #db2777 0%, #be185d 100%);
        --kopere-bi-info-text: #ffffff;
        --kopere-bi-info-muted: rgba(255, 255, 255, .80);
        --kopere-bi-info-accent: #fbcfe8;
        --kopere-bi-info-accent-soft: rgba(255, 255, 255, .18);
        --kopere-bi-info-border: rgba(255, 255, 255, .15);
        --kopere-bi-info-shadow: 0 18px 42px rgba(219, 39, 119, .24);
    }
}

@media (max-width: 575.98px) {
    .kopere-bi .chart-box .element-box.type-info,
    .kopere_bi_div .chart-box .element-box.type-info,
    .kopere_bi_div-ajax .chart-box .element-box.type-info {
        min-height: 118px;
        padding: 1.1rem 1.2rem;
    }

    .kopere-bi .chart-box .element-box.type-info .biblocks-info-card__value,
    .kopere-bi .chart-box .element-box.type-info .big-text,
    .kopere_bi_div .chart-box .element-box.type-info .biblocks-info-card__value,
    .kopere_bi_div .chart-box .element-box.type-info .big-text,
    .kopere_bi_div-ajax .chart-box .element-box.type-info .biblocks-info-card__value,
    .kopere_bi_div-ajax .chart-box .element-box.type-info .big-text {
        font-size: clamp(2rem, 11vw, 3.2rem);
    }
}
