/* WorkOrderFooter — workorder-level sign-off section.
   Generic names (.footer-row, .footer-field, .field-label, .field-line, .section-label) are
   scoped under .workorder-footer — .field-* and .section-label are shared with TaskFooter and
   other sections, so scoping keeps them collision-safe as head-linked globals. #000 lines stay
   literal. Global file is the reliable home for print-composed components. */
.workorder-footer {
    margin-top: var(--pp-spacing-lg);
    padding: var(--pp-spacing-md) var(--pp-spacing-lg);
    background: var(--pp-bg-white);
    border: var(--pp-border);
    font-family: Arial, sans-serif;
    font-size: var(--pp-font-size-sm);
}

.workorder-footer .footer-row {
    display: flex;
    gap: var(--pp-spacing-lg);
    padding: var(--pp-spacing-sm) 0;
}

.workorder-footer .footer-row.spaced {
    justify-content: space-between;
}

.workorder-footer .footer-row:first-child {
    border-bottom: var(--pp-border-light);
}

.workorder-footer .section-label {
    font-weight: 700;
    font-size: var(--pp-font-size-sm);
    color: var(--pp-text-primary);
    white-space: nowrap;
}

.workorder-footer .footer-field {
    display: flex;
    align-items: flex-end;
    gap: var(--pp-spacing-sm);
}

.workorder-footer .footer-field.flex-grow {
    flex: 1;
}

.workorder-footer .field-label {
    font-size: var(--pp-font-size-xs);
    color: var(--pp-text-muted);
    white-space: nowrap;
}

.workorder-footer .field-line {
    flex: 1;
    min-width: 60px;
    border-bottom: 1px solid #000;
    height: 16px;
}

.workorder-footer .field-line.short {
    min-width: 40px;
    max-width: 60px;
}

.workorder-footer .field-line.medium {
    min-width: 100px;
}

.workorder-footer .field-line.date-placeholder {
    min-width: 80px;
    max-width: 100px;
    text-align: center;
    font-size: var(--pp-font-size-xs);
    color: var(--pp-text-faint);
    border-bottom: 1px solid #000;
}

/* Print Styles */
@media print {
    .workorder-footer {
        border: 2px solid #000 !important;
        page-break-inside: avoid;
    }
}
