/* Der geteilte Höhen-Trenner — Maße und Optik 1:1 wie der Chart-Studio-Trenner (.cw-vsplit,
   fn-chart.css): 14px hoch, Pille 66 × 5 in --fn-primary mit Akzent-Schimmer, Hover heller.
   Ausschließlich --fn-*-Token (Design-Vorgabe §1). */

.fn-row-splitter {
    flex: 0 0 14px;
    margin: 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: row-resize;
    touch-action: none;
}

.fn-row-splitter span {
    display: block;
    width: 66px;
    height: 5px;
    border-radius: var(--fn-radius-pill);
    background: var(--fn-primary);
    box-shadow: 0 0 12px var(--fn-accent-soft);
}

.fn-row-splitter:hover span {
    background: var(--fn-primary-hover, var(--fn-primary));
}

.fn-row-splitter:focus-visible {
    outline: 2px solid var(--fn-primary);
    outline-offset: -2px;
}