/* ============================================================
   report-sheet.css — ReportSheet component stylesheet
   Token-driven. Layout inside the Modal body/footer is delegated to the Stack primitive; this file
   only resets the native <fieldset>/<legend> chrome and styles the details counter. ADO #10567.
   ============================================================ */

.ui-report-sheet-reasons {
    border: none;
    margin: 0;
    padding: 0;
}

.ui-report-sheet-reasons legend {
    padding: 0;
    margin: 0 0 var(--meb-space-stack-xs) 0;
    font-family: var(--meb-font-family-primary);
    font-size: var(--meb-font-size-body-desktop);
    font-weight: var(--meb-font-weight-semibold);
    color: var(--meb-text-default);
}

.ui-report-sheet-reasons:disabled {
    opacity: 0.7;
}

.ui-report-sheet-details-label {
    display: flex;
    flex-direction: column;
    gap: var(--meb-space-stack-xs);
    font-family: var(--meb-font-family-primary);
    font-size: var(--meb-font-size-body-sm-desktop);
    color: var(--meb-text-default);
}

.ui-report-sheet-counter {
    display: block;
    text-align: right;
    font-size: var(--meb-font-size-body-sm-desktop);
    color: var(--meb-text-muted, var(--meb-text-default));
}