/* ═══════════════════════════════════════════════════════════════════════
   실적상세 › 고객정보·담당자 카드의 «항목 표» (.odk-*) — 2026-10-10 리디자인
   마크업 = orders/_order_detail_customer_section.html.erb · _order_detail_assignee_section.html.erb
   (통합뷰 카드·탭 모드·부분 replace 공용). 편집 폼 입력칸은 각 파셜의 인라인 그대로.
   ═══════════════════════════════════════════════════════════════════════ */
.odk-sec { margin-bottom: 18px; }
.ord-unified-card [data-ord-customer-view],
.ord-unified-card [data-ord-assignee-view] { margin-bottom: 4px; }

/* 소제목 — 좌측 차콜 바 + 우측 수정 버튼 */
.odk-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; min-height: 28px; }
.odk-ico { display: none; }
.odk-title {
  position: relative; padding-left: 9px;
  font-size: 13px; font-weight: 800; color: var(--ord-text);
}
.odk-title::before {
  content: ''; position: absolute; left: 0; top: 50%;
  width: 3px; height: 12px; transform: translateY(-50%);
  border-radius: 2px; background: var(--ord-accent);
}
.odk-edit { margin-left: auto; height: 26px; padding: 0 11px; font-size: 11.5px; }

/* 항목 표 — 라벨 칸(밴드) + 값 칸 */
.odk {
  width: 100%; border-collapse: separate; border-spacing: 0;
  font-size: 13px; border: 1px solid var(--ord-line); border-radius: 10px; overflow: hidden;
  background: var(--ord-surface);
}
.odk tr:not(:last-child) > td { border-bottom: 1px solid var(--ord-line-soft); }
.odk-l {
  width: 96px; padding: 9px 12px; white-space: nowrap;
  background: var(--ord-surface-2); color: var(--ord-text-3);
  font-size: 12px; font-weight: 700;
}
.odk-l.is-top { vertical-align: top; }
.odk-v { padding: 9px 12px; color: var(--ord-text); font-weight: 600; word-break: break-all; }
.odk-v.is-memo { white-space: pre-wrap; line-height: 1.5; font-weight: 500; }
.odk-v.is-empty { color: var(--ord-text-5); font-weight: 400; }