/* separator.css — SeparatorViewItem: a single horizontal line matching the visual
   weight of a XAF form-layout group line. */

.entirety-separator {
    width: 100%;
    /* Same color token the DX form-layout group border uses, so the separator reads as
       a native layout group line regardless of the active theme. */
    border-top: var(--dxbl-fl-group-border-width, 1px) solid
        var(--dxbl-fl-group-border-color, rgba(0, 0, 0, 0.12));
    margin: 0;
}

/* Captioned variant — caption text on the left, line filling the rest of the row. */
.entirety-separator-captioned {
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: none;
}

.entirety-separator-caption {
    flex: 0 0 auto;
    /* Same color as detail-view property captions (.dxbl-fl .dxbl-fl-cpt in site.css). */
    color: #6c757d;
    font-weight: 600;
    white-space: nowrap;
    /* Caption always reads as a section header, regardless of how it was entered. */
    text-transform: uppercase;
}

.entirety-separator-line {
    flex: 1 1 auto;
    border-top: var(--dxbl-fl-group-border-width, 1px) solid
        var(--dxbl-fl-group-border-color, rgba(0, 0, 0, 0.12));
}