/* NotesBox — inline notes write-in row (empty/filled variants).
   .notes-box + BEM .notes-box--* modifiers are component-unique; .notes-input is scoped under
   .notes-box to stay collision-safe with head-linked globals. Neutrals (#fff/#fefefe/#d1d5db/
   #e5e7eb/#1f2937/#9ca3af) have no exact --pp-* token and stay literal. Global file is the
   reliable home for print-composed components. */
.notes-box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: var(--pp-spacing-md, 8px);
    padding: 6px 10px;
    background: #fff !important;
}

.notes-box--empty {
    border: 2px dashed #d1d5db;
    border-radius: 4px;
    background: #fefefe !important;
}

.notes-box--filled {
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: #fff !important;
}

.notes-box .notes-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: var(--pp-font-size-sm, 12px);
    color: #1f2937 !important;
    background: transparent !important;
    padding: 2px 0;
}

.notes-box .notes-input::placeholder {
    color: #9ca3af;
    font-style: italic;
}

@media print {
    /* Empty notes: hide entirely on print */
    .notes-box--empty {
        display: none !important;
    }

    /* Filled notes: print cleanly */
    .notes-box--filled {
        border: none;
        page-break-inside: avoid;
        background: #fff !important;
    }

    .notes-box .notes-input {
        background: #fff !important;
        color: #1f2937 !important;
    }
}