/**
 * OAV PDF Preview Styles
 * Only preview-specific typography and signature styles.
 * Container: .oav-contract-preview (external-wizard.css)
 * Actions: .form-actions (bootstrap2.css)
 */

/* ==========================================
   Preview Typography (inside .oav-contract-preview)
   ========================================== */

.oav-contract-preview h1 {
    font-size: 26px;
    font-weight: 700;
    color: var(--primary-color, #007abb);
    margin: 20px 0 12px;
    line-height: 1.3;
}

.oav-contract-preview h2 {
    font-size: 22px;
    font-weight: 600;
    color: var(--grey-800, #1f2937);
    margin: 16px 0 8px;
    line-height: 1.3;
}

.oav-contract-preview h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color, #007abb);
    margin: 12px 0 6px;
    line-height: 1.3;
}

.oav-contract-preview h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--grey-800, #1f2937);
    margin: 10px 0 4px;
    line-height: 1.4;
}

.oav-contract-preview p {
    margin: 6px 0;
}

/* ==========================================
   Signature Placeholder
   ========================================== */

.oav-preview-signature {
    margin-top: 40px;
    padding-top: 20px;
}

.oav-preview-signature p {
    font-size: 13px;
    color: var(--grey-500, #6b7280);
    margin-bottom: 8px;
}

.oav-preview-signature-line {
    border-top: 1px solid var(--grey-400, #9ca3af);
    width: 250px;
    margin-top: 40px;
}

/* ==========================================
   Phase 2/3 Placeholders
   ========================================== */

.oav-signature-section,
.oav-fes-section {
    margin-bottom: 24px;
    padding: 16px;
    border: 1px dashed var(--border-color, #e5e7eb);
    border-radius: var(--radius-md, 6px);
}

/* ==========================================
   Responsive
   ========================================== */

@media (max-width: 768px) {
    .oav-preview-signature-line {
        width: 100%;
    }
}