.dif-wrap { max-width: 1200px; margin: 0 auto; }
.dif-diagram { border: 1px solid #ddd; padding: 10px; margin-bottom: 16px; }
#dif-svg-wrap svg { width: 100%; height: 520px; display: block; }

.dif-user { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.dif-user input { width: 100%; padding: 8px; }

.dif-meta { margin: 10px 0 14px; }

.dif-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.dif-table th, .dif-table td { border: 1px solid #e5e5e5; padding: 8px; vertical-align: top; }
.dif-table th { background: #f7f7f7; }
.dif-qty { width: 90px; padding: 6px; }

.dif-notes { margin: 14px 0; }
.dif-notes textarea { width: 100%; padding: 8px; }

.dif-submit { padding: 12px 18px; font-weight: 700; cursor: pointer; }

.dif-picker select { padding: 8px; margin: 8px 0; }
.dif-picker button { padding: 8px 12px; }