/* Zelene — Vesting page. Shared header/footer, overlays and global theme live in home.css. */
/* Extensión del mismo sistema visual usado en la página Roadmap original. */
        .vesting-page { color-scheme: dark; }

        .vesting-page {
            background: var(--ink);
            min-height: 100vh;
            color: #fff
        }

        .vesting-container {
            max-width: 1500px;
            margin-inline: auto
        }

        .vesting-top {
            padding: 167px 4vw 65px;
            position: relative;
            overflow: hidden;
            background: var(--ink);
            border-bottom: 1px solid var(--line)
        }

        .vesting-top::before {
            content: "";
            position: absolute;
            right: -18vw;
            top: -20vw;
            width: 55vw;
            height: 55vw;
            pointer-events: none;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(124, 77, 255, .12), transparent 68%)
        }

        .vesting-kicker {
            color: var(--acid);
            font-size: .72rem;
            font-weight: 700;
            letter-spacing: .18em;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            gap: 13px
        }

        .vesting-kicker:before {
            content: "";
            width: 29px;
            height: 2px;
            background: var(--acid)
        }

        .vesting-title {
            font: 700 clamp(3.2rem, 7vw, 6.8rem) / .88 Syne, sans-serif;
            letter-spacing: -.065em;
            text-transform: uppercase;
            margin: 27px 0 33px
        }

        .vesting-title span {
            display: block
        }

        .vesting-title .outlined {
            color: transparent;
            -webkit-text-stroke: 1px rgba(255, 255, 255, .82)
        }

        .vesting-lead {
            max-width: 910px;
            color: #b8b2c1;
            font-size: 1.08rem;
            line-height: 1.75;
            margin: 0
        }

        .vesting-lead strong {
            color: #fff
        }

        .vesting-top-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 35px
        }

        .vesting-link {
            display: inline-flex;
            align-items: center;
            gap: 16px;
            padding: 13px 18px;
            border: 1px solid var(--line);
            font-weight: 700;
            letter-spacing: .01em;
            font-size: .82rem;
            transition: .25s
        }

        .vesting-link.primary {
            background: var(--acid);
            border-color: var(--acid)
        }

        .vesting-link:hover,
        .vesting-link:focus-visible {
            background: #7c4dff;
            border-color: #7c4dff;
            color: #fff
        }

        .vesting-stats {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            border-block: 1px solid var(--line);
            margin: 0 4vw
        }

        .vesting-stat {
            padding: 31px 22px;
            border-right: 1px solid var(--line)
        }

        .vesting-stat:last-child {
            border: 0
        }

        .vesting-stat small {
            display: block;
            text-transform: uppercase;
            letter-spacing: .09em;
            font-size: .67rem;
            color: var(--muted);
            margin-bottom: 9px
        }

        .vesting-stat strong {
            font: 700 clamp(1.1rem, 2.4vw, 1.9rem) Syne, sans-serif;
            letter-spacing: -.035em
        }

        .vesting-stat .accent {
            color: #e857b4
        }

        .vesting-section {
            padding: 92px 4vw 35px
        }

        .vesting-section.tight {
            padding-top: 1px
        }

        .vesting-section-title {
            margin: 13px 0 0;
            font: 700 clamp(2.5rem, 5.4vw, 5.2rem)/.95 Syne, sans-serif;
            letter-spacing: -.058em;
            text-transform: uppercase
        }

        .vesting-section-title .outlined {
            color: transparent;
            -webkit-text-stroke: 1px rgba(255, 255, 255, .75)
        }

        .vesting-section-desc {
            max-width: 910px;
            color: #aaa5b3;
            line-height: 1.8;
            font-size: 1.02rem;
            margin: 24px 0 0
        }

        .vesting-section-desc strong {
            color: #fff
        }

        .style-title {
            font: 700 clamp(1.2rem, 2.4vw, 2rem) / 1.12 Syne, sans-serif !important;
            letter-spacing: -.035em;
        }

        .fair-callout {
            margin-top: 35px;
            background: #151020;
            border: 1px solid var(--line);
            display: grid;
            grid-template-columns: 240px 1fr;
            overflow: hidden
        }

        .fair-callout-mark {
            background: rgba(221, 21, 138, .10);
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding: 31px;
            border-right: 1px solid rgba(221, 21, 138, .33)
        }

        .fair-callout-mark strong {
            font: 800 clamp(2.7rem, 5vw, 4.7rem)/1 Syne, sans-serif;
            color: #fff;
            letter-spacing: -.06em
        }

        .fair-callout-mark span {
            color: #ff74c9;
            text-transform: uppercase;
            letter-spacing: .12em;
            font-size: .72rem;
            margin-top: 9px
        }

        .fair-callout-body {
            padding: 30px 34px
        }

        .fair-callout-body h3 {
            font: 700 clamp(1.55rem, 3vw, 2.4rem)/1.05 Syne, sans-serif;
            letter-spacing: -.045em;
            margin: 0 0 16px
        }

        .fair-callout-body p {
            margin: 0;
            color: #bcb5c7;
            line-height: 1.78
        }

        .fair-callout-body strong {
            color: #fff
        }

        .fair-callout-note {
            color: #ff91d2;
            font-size: .84rem;
            margin-top: 15px !important
        }

        .table-wrap {
            margin-top: 36px;
            overflow-x: auto;
            border: 1px solid var(--line);
            background: #110d1c;
            box-shadow: 0 25px 70px rgba(0, 0, 0, .17)
        }

        .vesting-table {
            width: 100%;
            min-width: 1280px;
            border-collapse: separate;
            border-spacing: 0;
            table-layout: fixed;
            text-align: left
        }

        .vesting-table thead th {
            /* background: #1c162a; */
            color: #a9a2b3;
            text-transform: uppercase;
            letter-spacing: .07em;
            font-weight: 700;
            font-size: .72rem;
            padding: 19px 12px;
            border-bottom: 1px solid var(--line);
            border-right: 1px solid rgba(255, 255, 255, .055);
            white-space: nowrap;
            text-align: center
        }

        .vesting-table thead th:first-child {
            width: 242px;
            text-align: left;
            padding-left: 18px;
            position: sticky;
            left: 0;
            z-index: 3;
            /* background: #201a2e */

        }

        .vesting-table thead th:nth-child(2) {
            width: 128px
        }

        .vesting-table thead th:last-child {
            border-right: 0
        }

        .vesting-table tbody th {
            position: sticky;
            left: 0;
            z-index: 2;
            background: transparent;
            border-right: 1px solid var(--line);
            text-align: left;
            transition: background .25s
        }

        .vesting-table tbody td {
            padding: 18px 11px;
            border-right: 1px solid rgba(255, 255, 255, .055);
            border-bottom: 1px solid var(--line);
            text-align: center;
            background: transparent;
            transition: background .25s
        }

        .vesting-table tbody tr:last-child td,
        .vesting-table tbody tr:last-child th {
            border-bottom: 0
        }

        .vesting-table tbody tr.selected-row td {
            background: transparent;
        }

        .vesting-table tbody tr.selected-row th {
            background: transparent;
        }

        .vesting-table tbody tr:hover td {
            background: rgba(255, 255, 255, .055)
        }

        .vesting-table tbody tr:hover th {
            background: rgba(255, 255, 255, .055)
        }

        .row-select {
            border: 0;
            background: transparent !important;
            width: 100%;
            color: #eeeaf3;
            font: 700 .77rem/1.4 Syne, sans-serif;
            text-align: left;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 18px 12px 18px 18px
        }

        .category-dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            flex: 0 0 8px;
            border-radius: 50%;
            background: var(--violet)
        }

        .selected-row .category-dot {
            background: var(--acid)
        }

        .row-arrow {
            margin-left: auto;
            color: var(--acid);
            opacity: 0;
            transition: .25s
        }

        .row-select:hover .row-arrow,
        .selected-row .row-arrow {
            opacity: 1
        }

        .allocation-num {
            font: 700 .86rem Syne, sans-serif;
            white-space: nowrap;
            color: #fff
        }

        .allocation-num small {
            display: block;
            margin-top: 4px;
            font: 500 .67rem 'DM Sans', sans-serif;
            color: #77727f;
            letter-spacing: .07em
        }

        .cell-value {
            display: block;
            font-weight: 700;
            font-size: .83rem;
            color: #eeeaf6;
            white-space: nowrap;
            font-variant-numeric: tabular-nums
        }

        .cell-track {
            display: block;
            height: 3px;
            margin-top: 10px;
            background: #353044
        }

        .cell-track i {
            display: block;
            height: 100%;
            background: var(--violet)
        }

        .selected-row .cell-track i {
            background: var(--acid)
        }

        .table-caption {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            margin-top: 15px;
            color: #817a8a;
            font-size: .8rem;
            line-height: 1.5
        }

        .table-caption strong {
            color: #bcb5c7
        }

        .table-caption span {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .table-caption .hint-icon {
            border: 1px solid #6f637a;
            border-radius: 50%;
            height: 18px;
            width: 18px;
            display: inline-grid;
            place-items: center;
            font-weight: 700;
            font-size: .65rem;
            color: #c5bbd1
        }

        .simulator {
            margin-top: 75px;
            background: transparent;
            border: 1px solid var(--line);
            display: grid;
            grid-template-columns: minmax(250px, .76fr) minmax(0, 1.24fr)
        }

        .sim-left {
            padding: 30px;
            border-right: 1px solid var(--line)
        }

        .sim-left h3 {
            font: 700 clamp(1.2rem, 2.4vw, 2rem) / 1.12 Syne, sans-serif;
            letter-spacing: -.035em;
            margin: 11px 0 13px
        }

        .sim-left p {
            color: #aaa5b3;
            line-height: 1.65;
            font-size: .88rem
        }

        .sim-form {
            margin-top: 22px;
            display: grid;
            gap: 14px
        }

        .sim-form label {
            display: block;
            color: #c2bbce;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            font-size: .68rem;
            margin-bottom: 8px
        }

        .sim-form select {
            display: block;
            width: 100%;
            border: 1px solid #41364f;
            border-radius: 0;
            padding: 13px 12px;
            background: transparent;
            color: #fff;
            font: 600 .83rem 'DM Sans', sans-serif;
            outline: none;
            cursor: pointer
        }

        .sim-form select:focus-visible {
            border-color: var(--acid)
        }

        .sim-right {
            padding: 30px 33px
        }

        .sim-topline {
            display: flex;
            justify-content: space-between;
            gap: 22px;
            align-items: start
        }

        .sim-category {
            font: 700 clamp(1.2rem, 2.4vw, 2rem)/1.12 Syne, sans-serif;
            letter-spacing: -.035em;
            margin: 7px 0 0
        }

        .sim-period {
            color: #fd82cf;
            border: 1px solid rgba(221, 21, 138, .4);
            font-size: .69rem;
            padding: 8px 12px;
            white-space: nowrap
        }

        .sim-metrics {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            margin-top: 27px
        }

        .sim-metric {
            padding: 18px;
            background: rgba(255, 255, 255, .035);
            border-top: 2px solid var(--violet)
        }

        .sim-metric.unlocked {
            border-top-color: var(--acid)
        }

        .sim-metric small {
            display: block;
            color: #aba4b7;
            margin-bottom: 9px;
            font-size: .75rem
        }

        .sim-metric strong {
            display: block;
            font: 700 clamp(1.28rem, 2.5vw, 2.1rem)/1.1 Syne, sans-serif;
            letter-spacing: -.035em;
            font-variant-numeric: tabular-nums
        }

        .sim-metric strong em {
            font: 500 .72rem 'DM Sans', sans-serif;
            font-style: normal;
            color: #aaa5b3
        }

        .sim-visual-heading {
            display: flex;
            justify-content: space-between;
            gap: 14px;
            margin-top: 28px;
            color: #9890a6;
            font-size: .72rem
        }

        .bars {
            height: 165px;
            margin-top: 18px;
            display: grid;
            grid-template-columns: repeat(8, minmax(0, 1fr));
            gap: 10px;
            align-items: end
        }

        .bar-cell {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: end;
            height: 100%;
            gap: 6px;
            min-width: 0
        }

        .bar-label {
            font: 700 .68rem 'DM Sans', sans-serif;
            color: #c6bbd3;
            white-space: nowrap
        }

        .bar-viz {
            width: 100%;
            max-width: 58px;
            height: 117px;
            display: flex;
            align-items: end;
            background: #282035;
            position: relative
        }

        .bar-viz span {
            display: block;
            background: var(--violet);
            width: 100%;
            min-height: 0;
            transition: height .3s ease
        }

        .bar-cell.active .bar-viz span {
            background: var(--acid)
        }

        .bar-when {
            font-size: .66rem;
            color: #8c8398;
            white-space: nowrap
        }

        .bar-cell.active .bar-when {
            color: #fff
        }

        .sim-footnote {
            font-size: .78rem;
            line-height: 1.65;
            color: #968ea3;
            margin: 20px 0 0
        }

        .sim-footnote strong {
            color: #fff
        }

        .guide-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-top: 37px
        }

        .guide-card {
            background: rgba(255, 255, 255, .025);
            padding: 28px;
            border: 1px solid var(--line)
        }

        .guide-index {
            color: var(--acid);
            letter-spacing: .13em;
            font: 700 .75rem Syne, sans-serif
        }

        .guide-card h3 {
            font: 700 1.35rem/1.15 Syne, sans-serif;
            letter-spacing: -.035em;
            margin: 21px 0 13px
        }

        .guide-card p {
            margin: 0;
            color: #a9a2b3;
            line-height: 1.7;
            font-size: .9rem
        }

        .guide-card strong {
            color: #fff
        }

        .allocation-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
            margin-top: 35px
        }

        .allocation-card {
            padding: 26px 22px;
            background: transparent;
            border: 1px solid var(--line);
            transition: transform .22s, border-color .22s;
            display: flex;
            flex-direction: column;
            min-height: 285px
        }

        .allocation-card:hover,
        .allocation-card:focus-within {
            border-color: rgba(221, 21, 138, .55);
            transform: translateY(-2px)
        }

        .allocation-card-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px
        }

        .allocation-number {
            font: 800 1.7rem Syne, sans-serif;
            color: transparent;
            -webkit-text-stroke: 1px var(--violet)
        }

        .allocation-percent {
            font-size: .7rem;
            color: #dd158a
        }

        .allocation-card h3 {
            font: 700 1.09rem/1.2 Syne, sans-serif;
            letter-spacing: -.025em;
            min-height: 2.6em;
            margin: 17px 0 13px
        }

        .allocation-card strong {
            font: 700 1.1rem Syne, sans-serif;
            color: #fff
        }

        .allocation-card strong small {
            font-size: .72rem;
            color: #c1afce
        }

        .allocation-card p {
            color: #9a92a4;
            font-size: .82rem;
            line-height: 1.58;
            flex: 1;
            margin: 17px 0
        }

        .allocation-card button {
            align-self: start;
            border: 0;
            /* border-bottom: 1px solid var(--acid); */
            background: none;
            color: #fff;
            padding: 0 0 6px;
            cursor: pointer;
            font-weight: 700;
            font-size: .72rem
        }

        .allocation-card button:hover {
            color: var(--acid)
        }

        .faq {
            max-width: 1050px;
            margin-top: 32px;
            border-top: 1px solid var(--line)
        }

        .faq details {
            border-bottom: 1px solid var(--line);
            padding: 0 0
        }

        .faq summary {
            list-style: none;
            cursor: pointer;
            padding: 23px 40px 23px 0;
            position: relative;
            font: 700 1.05rem Syne, sans-serif
        }

        .faq summary::-webkit-details-marker {
            display: none
        }

        .faq summary:after {
            content: '+';
            position: absolute;
            right: 7px;
            top: 18px;
            font: 400 1.6rem 'DM Sans', sans-serif;
            color: var(--acid)
        }

        .faq details[open] summary:after {
            content: '−'
        }

        .faq p {
            margin: 0 0 24px;
            max-width: 900px;
            line-height: 1.75;
            color: #aea7b8;
            font-size: .9rem
        }

        .faq strong {
            color: #fff
        }

        .final-note {
            margin: 40px 0 20px;
            border-left: 3px solid var(--acid);
            padding: 19px 24px;
            background: rgba(221, 21, 138, .06);
            color: #c2bacd;
            line-height: 1.75;
            font-size: .88rem
        }

        .final-note strong {
            color: #fff
        }

        .vesting-page a:focus-visible,
        .vesting-page button:focus-visible,
        .faq summary:focus-visible {
            outline: 2px solid #e68ad0;
            outline-offset: 3px
        }

        @media(max-width:1050px) {
            .allocation-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .guide-grid {
                grid-template-columns: 1fr 1fr
            }

            .guide-grid .guide-card:last-child {
                grid-column: 1/-1
            }

            .vesting-top {
                padding-top: 145px
            }
        }

        @media(max-width:760px) {
            .vesting-stats {
                grid-template-columns: 1fr 1fr
            }

            .vesting-stat:nth-child(2) {
                border-right: 0
            }

            .vesting-stat:nth-child(-n+2) {
                border-bottom: 1px solid var(--line)
            }

            .fair-callout {
                grid-template-columns: 1fr
            }

            .fair-callout-mark {
                border-right: 0;
                border-bottom: 1px solid rgba(221, 21, 138, .33)
            }

            .simulator {
                grid-template-columns: 1fr
            }

            .sim-left {
                border-right: 0;
                border-bottom: 1px solid var(--line)
            }

            .guide-grid {
                grid-template-columns: 1fr
            }

            .guide-grid .guide-card:last-child {
                grid-column: auto
            }

            .vesting-section {
                padding-top: 70px
            }

            .vesting-title {
                font-size: clamp(3rem, 12vw, 5rem)
            }

            .bars {
                gap: 5px
            }

            .bar-when {
                font-size: .6rem
            }

            .bar-label {
                font-size: .62rem
            }
        }

        @media(max-width:560px) {
            .vesting-top {
                padding: 142px 22px 52px
            }

            .vesting-section {
                padding-inline: 22px
            }

            .vesting-title {
                font-size: clamp(2.8rem, 12vw, 4.5rem)
            }

            .vesting-lead {
                font-size: .96rem
            }

            .vesting-stats {
                margin: 0 22px
            }

            .vesting-stat {
                padding: 22px 12px
            }

            .vesting-stat strong {
                font-size: 1.23rem
            }

            .vesting-section-title {
                font-size: clamp(2.25rem, 10vw, 3.6rem)
            }

            .fair-callout-body {
                padding: 24px
            }

            .sim-left,
            .sim-right {
                padding: 22px
            }

            .sim-metrics {
                gap: 8px
            }

            .sim-metric {
                padding: 13px 10px
            }

            .sim-metric strong {
                font-size: 1.12rem
            }

            .allocation-grid {
                grid-template-columns: 1fr
            }

            .allocation-card {
                min-height: 230px
            }

            .allocation-card h3 {
                min-height: 0
            }

            .table-wrap {
                margin-inline: 0
            }
        }

        @media(prefers-reduced-motion:reduce) {

            *,
            *::before,
            *::after {
                scroll-behavior: auto !important;
                transition: none !important;
                animation: none !important
            }
        }

/* Separa la primera línea del título del header, como en Roadmap. */
        .vesting-page #calendario.vesting-section {
            padding-top: 158px;
        }

        @media (max-width: 1050px) {
            .vesting-page #calendario.vesting-section {
                padding-top: 142px;
            }
        }

        @media (max-width: 760px) {
            .vesting-page #calendario.vesting-section {
                padding-top: 126px;
            }
        }

        /* Los selects HTML originales permanecen en el DOM; esta capa sustituye
           únicamente la presentación del desplegable nativo. */
        .sim-form .zelene-select {
            position: relative;
            width: 100%;
        }

        .sim-form .zelene-select.is-open {
            z-index: 80;
        }

        .sim-form .zelene-select-native {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
            clip-path: inset(50%);
        }

        .sim-form .zelene-select-trigger {
            width: 100%;
            min-height: 47px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 12px;
            border: 1px solid #41364f;
            border-radius: 0;
            background: transparent;
            color: #fff;
            font: 600 .83rem 'DM Sans', sans-serif;
            text-align: left;
            cursor: pointer;
            transition: border-color .18s ease, background .18s ease;
        }

        .sim-form .zelene-select-trigger:hover,
        .sim-form .zelene-select-trigger:focus-visible,
        .sim-form .zelene-select.is-open .zelene-select-trigger {
            border-color: #dd158a;
            outline: none;
        }

        .sim-form .zelene-select-arrow {
            width: 9px;
            height: 9px;
            flex: 0 0 9px;
            margin-right: 3px;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: translateY(-2px) rotate(45deg);
            transition: transform .18s ease;
        }

        .sim-form .zelene-select.is-open .zelene-select-arrow {
            transform: translateY(2px) rotate(225deg);
        }

        .sim-form .zelene-select-menu {
            position: absolute;
            top: calc(100% + 5px);
            left: 0;
            right: 0;
            z-index: 90;
            max-height: min(360px, 46vh);
            overflow-x: hidden;
            overflow-y: auto;
            overscroll-behavior: contain;
            padding: 5px;
            border: 1px solid rgba(221, 21, 138, .56);
            background: rgba(13, 9, 24, .93);
            backdrop-filter: blur(12px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
        }

        .sim-form .zelene-select-menu[hidden] {
            display: none;
        }

        .sim-form .zelene-select-option {
            display: block;
            width: 100%;
            padding: 12px 11px;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: #f4f0f8;
            font: 500 .83rem 'DM Sans', sans-serif;
            text-align: left;
            white-space: normal;
            line-height: 1.35;
            cursor: pointer;
            transition: background .14s ease;
        }

        .sim-form .zelene-select-option[aria-selected="true"] {
            color: #fff;
            background: rgba(221, 21, 138, .20);
        }

        .sim-form .zelene-select-option:hover,
        .sim-form .zelene-select-option:focus-visible {
            background: #dd158a;
            color: #fff;
            outline: none;
        }

        @media (prefers-reduced-motion: reduce) {

            .sim-form .zelene-select-trigger,
            .sim-form .zelene-select-arrow,
            .sim-form .zelene-select-option {
                transition: none;
            }
        }

/* Espaciado y jerarquía idénticos al resto del simulador. */
        .sim-form .vesting-select-block {
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, .14);
        }

        .sim-form .vesting-select-help {
            margin: 10px 0 0;
            font-size: .74rem;
            font-weight: 400;
            line-height: 1.6;
            color: #aaa5b3;
        }

        .sim-form .vesting-select-help.is-warning {
            color: #e7c493;
        }

        /* Desactiva opciones sin una dirección confirmada, sin poder pulsarlas. */
        .sim-form .zelene-select-option:disabled,
        .sim-form .zelene-select-option[aria-disabled="true"] {
            opacity: .50;
            cursor: not-allowed;
            color: #b4aabd;
        }

        .sim-form .zelene-select-option:disabled:hover {
            background: transparent;
            color: #b4aabd;
        }

        .sim-form .vesting-select-block .zelene-select-option:not(:disabled)::after {
            content: "";
            float: right;
            margin-left: 10px;
            color: #d79aff;
        }

        .allocation-verification {
            display: flex;
            gap: 8px;
            align-items: center;
            color: #beb3d4;
            font-size: .73rem;
            margin: 0 0 12px;
        }

        .allocation-verification svg {
            width: 15px;
            height: 15px;
            color: #9c77ff;
            flex: none;
        }

        .allocation-card .allocation-detail-button {
            margin-top: auto;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 0 0 6px;
            background: none;
            border: 0;
            /* border-bottom: 1px solid rgba(221, 21, 138, .7); */
            color: #fff;
            font-size: .72rem;
            font-weight: 700;
            cursor: pointer;
            align-self: flex-start;
        }

        .allocation-card .allocation-detail-button:hover {
            color: var(--acid);
        }

        .allocation-card .allocation-detail-button svg {
            width: 15px;
            height: 15px;
            flex: none;
        }

        .allocation-card .allocation-detail-button {
            max-width: 100%;
            text-align: left;
            line-height: 1.4;
        }

/* Shared-layout compatible adjustments and accessible RTL presentation */
.vesting-page { width: 100%; }
.vesting-page .section-kicker { color: var(--acid, #dd158a); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.vesting-page .sim-metrics strong { font-variant-numeric: tabular-nums; }
[dir="rtl"] .vesting-page { direction: rtl; }
[dir="rtl"] .vesting-table { text-align: right; }
[dir="rtl"] .vesting-table thead th:first-child,
[dir="rtl"] .vesting-table tbody th { left: auto; right: 0; }
[dir="rtl"] .vesting-table thead th:first-child,
[dir="rtl"] .row-select { text-align: right; }
[dir="rtl"] .vesting-page .row-arrow { margin-left: 0; margin-right: auto; }
[dir="rtl"] .vesting-page .sim-form { direction: rtl; }
@media (prefers-reduced-motion: reduce) { .vesting-page *, .vesting-page *::before, .vesting-page *::after {scroll-behavior:auto !important;} }