/* Terugstorten · 24-10-2026
 * Alleen tussenruimte en tekstindeling. Geen wijziging aan formulieren,
 * rechten, zichtbaarheid van acties of verwerking van gegevens.
 * Bewust beperkt tot componenten met een kop en bijbehorende toelichting.
 */

/* Gebruikers: scheid toegangsbeheer van de knop om rechten op te slaan. */
.account-lifecycle-box {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
}
.account-lifecycle-box > div:first-child > strong,
.account-lifecycle-box > div:first-child > small {
    display: block;
}
.account-lifecycle-box > div:first-child > small {
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.5;
}
.lifecycle-reason-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-top: 12px;
}
.lifecycle-reason-grid + .row-actions {
    margin-top: 12px;
}
.lifecycle-manage-details > .lifecycle-inline-form {
    margin-top: 12px;
}

/* Archieven: kop, toelichting en 'Bekijken' mogen niet aan elkaar plakken. */
.archive-details > summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    list-style: none;
}
.archive-details > summary::-webkit-details-marker {
    display: none;
}
.archive-details > summary > span {
    min-width: 0;
}
.archive-details > summary > span > strong,
.archive-details > summary > span > small {
    display: block;
}
.archive-details > summary > span > small {
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.5;
}
.archive-details > summary > b {
    flex: 0 0 auto;
    padding-top: 2px;
    color: var(--teal);
    font-size: 12px;
}
.archive-details[open] > summary {
    margin-bottom: 12px;
}

/* Alleen keuzevakken met een aparte toelichting; geen gewone inline tekst. */
.checkbox > span > strong + small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-weight: 400;
    line-height: 1.5;
}

/* Voorschotbonnen: herkenbare bonnaam en originele bestandsnaam scheiden. */
.receipt-processing-row > div > strong[data-receipt-name] + small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.5;
}

/* Oudere navigatieweergave: losse links blijven afzonderlijk leesbaar. */
.sidebar-bottom > a + a {
    display: block;
    margin-top: 8px;
}