@layer components{.ba-section{border-top:1px solid var(--color-rule);padding:2.5rem 0}.ba-section:first-child{border-top:0}.ba-bridge svg{width:100%;height:auto;display:block}.ba-bridge .bar-entitled{fill:var(--color-navy)}.ba-bridge .bar-invoiced{fill:var(--color-navy-2)}.ba-bridge .bar-omitted{fill:var(--color-purple)}.ba-bridge .bar-flag{fill:none;stroke:var(--color-purple);stroke-width:1.5px;stroke-dasharray:3 3}.ba-bridge .bar-nb{fill:var(--color-tint);stroke:var(--color-rule-strong);stroke-width:1px}.ba-bridge .bar-credit{fill:var(--color-rule-strong)}.ba-bridge .lbl{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--color-ink-3);font-size:10px}.ba-bridge .val{font-family:var(--font-mono);fill:var(--color-ink);font-size:11px}.ba-bridge .axis{stroke:var(--color-rule-strong);stroke-width:1px}.ba-ledger tr[data-status=omitted] td,.ba-ledger tr[data-status=partially-invoiced] td{background:var(--color-purple-soft)}.ba-ledger tr[data-status=not-billable] td{color:var(--color-ink-3)}.ba-ledger .gap-pos{color:var(--color-purple-deep);font-weight:700}.ba-trail{grid-template-columns:4px minmax(0,1fr);column-gap:1rem;display:grid}.ba-trail>.bar{background:var(--color-purple)}.ba-trail li{border-top:1px solid var(--color-rule);padding:.5rem 0}.ba-trail li:first-child{border-top:0}.ba-months{background:var(--color-rule);border:1px solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.ba-months>div{background:var(--color-white);padding:.75rem}.ba-months .stack{height:10px;margin-top:.5rem;display:flex;overflow:hidden}.ba-months .stack>i{height:100%;display:block}.demo-grid>*{min-width:0}}