/* ── Структура власності — widget-scoped layout only ─────────── */
    .ownership {
        overflow: hidden;
        padding: 0;
    }

    /* Header = single Figma row (3811:172289 Widget_header_mini): icon + title +
       badge + info on the left; the two secondary buttons + external-link on the
       right (base .widget__header-actions already pushes right via margin-left:auto). */
    /* Count badge — macet fill primary-200 (#E5E2FF) + dark text. */
    .ownership>.widget__header .widget__header-main>.badge {
        background: var(--color-primary-200);
        color: var(--text-default);
    }

    .ownership__header-actions {
        gap: 12px;
        flex-shrink: 0;
        align-items: center;
    }

    .ownership__date {
        color: var(--color-neutral-solid-600);
        white-space: nowrap;
        margin-right: 4px;
    }

    .ownership__hbtn {
        text-transform: uppercase;
        letter-spacing: 0.2px;
    }

    @media (max-width: 1100px) {
        .ownership__date {
            display: none;
        }
    }

    /* ── Body / table ─────────────────────────────────────────── */
    .ownership__body {
        position: relative;
        padding: 0;
        background: var(--color-neutral-alpha-500);
        display: grid;
        grid-template-columns: 380px minmax(0, 1fr);
    }

    .ownership__table.ownership__names {
        min-height: 0;
        align-self: start;
    }

    .ownership__gated .locked-shot {
        min-height: 0;
        background:
            0 0 / auto no-repeat,
            0 244px / auto repeat-y;
    }

    /* Самі картинки — коли блок підходить до екрана (.is-near, див. .locked-shot
       у styles.css). */
    .ownership__gated .locked-shot.is-near {
        background-image:
            url('/assets/img/locked/ownership-structure.jpg'),
            url('/assets/img/locked/ownership-structure-rows.jpg');
    }

    .ownership__table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        min-height: 300px;
    }

    .ownership__th {
        height: 48px;
        padding: 12px;
        background: var(--color-neutral-solid-100);
        border-bottom: 1px solid var(--color-neutral-solid-100);
        text-align: left;
        vertical-align: middle;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        letter-spacing: 0.15px;
        color: var(--color-neutral-solid-900);
        white-space: nowrap;
    }

    .ownership__th--name {
        width: 380px;
    }

    .ownership__td {
        height: 48px;
        padding: 12px;
        background: var(--color-neutral-solid-100);
        border-bottom: 1px solid var(--color-neutral-solid-100);
        vertical-align: middle;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        letter-spacing: 0.29px;
        color: var(--color-neutral-solid-900);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .is-zebra .ownership__td {
        background: var(--color-neutral-solid-125);
    }

    .ownership__td--name {
        display: flex;
        align-items: center;
        gap: 8px;
        height: 48px;
    }

    /* Blue circular person-icon avatar (Figma: Icon/Person-Filled on #015ce5). */
    .ownership__person-avatar {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        border-radius: 9999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--node-bg-person, #015ce5);
        font-size: 0;
    }

    .ownership__person-avatar::before {
        content: '';
        width: 14px;
        height: 14px;
        background: #fff;
        -webkit-mask: url('/assets/icons/PersonFilled.svg') center / contain no-repeat;
        mask: url('/assets/icons/PersonFilled.svg') center / contain no-repeat;
    }

    /* Ім'я — кнопка, що відкриває попап LIGA360 (не посилання): скидаємо
       стандартний вигляд кнопки, лишаючи вигляд підкресленого посилання. */
    .ownership__person-name {
        flex: 1 1 0;
        min-width: 0;
        padding: 0;
        border: 0;
        background: none;
        font: inherit;
        text-align: left;
        cursor: pointer;
        color: var(--color-primary-500);
        text-decoration: underline;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Замок — спільний .teaser-lock (styles.css), тут лише ширина тексту.
       Позицію праворуч від колонки ПІБ дає сітка .ownership__gated.locked-stack. */
    .ownership__locked {
        --teaser-lock-w: 520px;
    }

    /* ── Source line ──────────────────────────────────────────── */
    .ownership__source {
        margin: 0;
        padding: 8px 16px;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        letter-spacing: 0.25px;
        color: var(--color-neutral-solid-600);
    }

    @media (max-width: 900px) {
        .ownership__header {
            flex-wrap: wrap;
        }

        .ownership__header-actions {
            flex-wrap: wrap;
        }

        .ownership__body {
            grid-template-columns: minmax(0, 1fr);
        }

        .ownership__th--name {
            width: auto;
        }
    }