/* WDP Styles */ .wdp-form-container { max-width: 800px; margin: 0 auto; padding: 20px; } .wdp-progress-bar { display: flex; margin-bottom: 30px; } .wdp-progress-step { flex: 1; text-align: center; padding: 10px; background: #f0f0f0; border-radius: 5px; margin: 0 5px; } .wdp-progress-step.active { background: #0B4F8A; color: white; } .wdp-form-group { margin-bottom: 20px; } .wdp-form-group label { display: block; margin-bottom: 5px; font-weight: bold; } .wdp-form-group input, .wdp-form-group select, .wdp-form-group textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; } .wdp-buttons { display: flex; gap: 10px; margin-top: 20px; } .wdp-buttons button { padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; } .wdp-next, .wdp-submit { background: #2FBF4A; color: white; } .wdp-prev { background: #6c757d; color: white; } .wdp-save-draft { background: #ffc107; } .wdp-tracking-container { max-width: 600px; margin: 0 auto; padding: 20px; } .wdp-tracking-form { display: flex; gap: 10px; margin-bottom: 30px; } .wdp-tracking-form input { flex: 1; padding: 10px; border: 1px solid #ddd; } .wdp-tracking-form button { padding: 10px 20px; background: #0B4F8A; color: white; border: none; } .wdp-timeline { border-left: 3px solid #2FBF4A; padding-left: 20px; } .wdp-timeline-item { margin-bottom: 20px; } .wdp-timeline-date { font-size: 12px; color: #666; } .wdp-timeline-status { font-weight: bold; color: #0B4F8A; } @media (max-width: 768px) { .wdp-progress-bar { flex-direction: column; gap: 10px; } .wdp-tracking-form { flex-direction: column; } }