/* SectionNotesBlock — labeled notes + new-tube highlight at the foot of each print section.
   Generic names (.notes-labeled, .notes-label, .notes-text, .new-tube-highlight) are scoped under
   .section-notes-block. NOTE: .notes-label DIVERGES from custom-section.css's .notes-label (700 vs
   600 weight, uppercase, hardcoded color) — scoping preserves this component's look without touching
   the already-merged custom-section.css (dedup deferred). Highlight yellows (#fef08a/#713f12/#fbbf24/
   #f59e0b) and neutrals stay literal. Global file is the reliable home for print-composed components. */
.section-notes-block {
    margin-top: var(--pp-spacing-xs, 4px);
    padding: 4px 10px;
    background: #fff !important;
}

/* When a NotesBox is nested inside the block (TaskNotes-only / new-tube branches),
   it brings its own margin-top + padding which stacks on the wrapper's — collapse it
   so the table-to-notes gap stays tight (e.g. bottling "N2 sparge" sits right under the table). */
.section-notes-block .notes-box {
    margin-top: 0;
    padding: 0;
}

.section-notes-block .notes-labeled {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 2px;
}

.section-notes-block .notes-labeled:last-child {
    margin-bottom: 0;
}

.section-notes-block .notes-label {
    font-size: var(--pp-font-size-xs, 11px);
    font-weight: 700;
    color: #374151 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    flex-shrink: 0;
    line-height: 1.5;
}

.section-notes-block .notes-labeled > .notes-text,
.section-notes-block .notes-texts {
    flex: 1;
}

.section-notes-block .notes-text {
    font-size: var(--pp-font-size-sm, 12px);
    color: #1f2937 !important;
    white-space: pre-line;
    line-height: 1.5;
}

.section-notes-block .new-tube-highlight {
    background: #fef08a;
    color: #713f12;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
    border: 1px solid #fbbf24;
}

@media print {
    .section-notes-block {
        page-break-inside: avoid;
        background: #fff !important;
    }

    .section-notes-block .new-tube-highlight {
        background: #fef08a !important;
        border: 1px solid #f59e0b !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}