/* ═══ JPK ERP — 인라인 폼 (빡빡한 라벨+인풋) ═══ */

.inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding: var(--space-3);
  align-items: center;
}

.inline-field {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.inline-field label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-strong);
  color: var(--new-text-sub, #777);
  white-space: nowrap;
  flex-shrink: 0;
}

.inline-field input,
.inline-field select,
.inline-field textarea {
  height: 26px;
  padding: 0 6px;
  border: 1px solid var(--border-main, #dadce0);
  border-radius: var(--radius-ui);
  font-size: var(--font-size-base);
  color: var(--new-text-main, #222);
  background: #fff;
  outline: none;
  min-width: 0;
}

.inline-field input:focus,
.inline-field select:focus {
  border-color: #333;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}

.inline-field input:disabled,
.inline-field select:disabled {
  background: var(--surface-muted, #f1f3f4);
  color: var(--text-muted, #999);
}

/* 너비 클래스 */
.inline-field .w-xs  { width: 50px; }
.inline-field .w-sm  { width: 80px; }
.inline-field .w-md  { width: 120px; }
.inline-field .w-lg  { width: 180px; }
.inline-field .w-xl  { width: 240px; }
.inline-field .w-full { width: 100%; flex: 1; }

/* 섹션 구분 */
.inline-form-section {
  width: 100%;
  padding: 6px 0 2px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-heavy);
  color: var(--new-text-main, #222);
  border-bottom: 1px solid var(--new-border-soft, rgba(0,0,0,0.06));
  margin-top: 4px;
}

.inline-form-section:first-child {
  margin-top: 0;
}

/* 필수 표시 */
.inline-field.is-required label::after {
  content: '*';
  color: #dc2626;
  margin-left: 1px;
}