/* v1.24.38 — 分割子明細を通常の明細編集UIへ統一 */
#installment-child-dialog-v12432 {
  width: min(calc(100vw - 24px), 760px) !important;
  max-width: none !important;
  max-height: calc(100dvh - 24px) !important;
  overflow: hidden !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 25px !important;
  background: transparent !important;
  color: var(--ink) !important;
}
#installment-child-dialog-v12432::backdrop {
  background: rgba(47,38,34,.45) !important;
  backdrop-filter: blur(4px) !important;
}
#installment-child-dialog-v12432 .ic32-card {
  width: 100% !important;
  max-width: 100% !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 20px !important;
  gap: 0 !important;
  border-radius: 25px !important;
  background: var(--surface) !important;
  box-shadow: 0 25px 70px rgba(40,30,26,.22) !important;
}
#installment-child-dialog-v12432 .ic32-head {
  margin-bottom: 16px !important;
  align-items: flex-start !important;
}
#installment-child-dialog-v12432 .ic32-head > div { min-width: 0; }
#installment-child-dialog-v12432 .ic32-head h2 {
  margin: 7px 0 0 !important;
  font-size: 1.28rem !important;
  line-height: 1.35 !important;
}
#installment-child-dialog-v12432 .ic32-status {
  display: inline-flex !important;
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent) !important;
  border-radius: 999px !important;
  background: var(--violet-soft) !important;
  color: var(--muted) !important;
  font-size: .67rem !important;
  font-weight: 800 !important;
}
#installment-child-dialog-v12432 .ic32-parent {
  margin-bottom: 16px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: var(--surface-2) !important;
  color: var(--ink) !important;
  font-size: .78rem !important;
  line-height: 1.6 !important;
}
#installment-child-dialog-v12432 .ic32-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
#installment-child-dialog-v12432 .ic32-field {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}
#installment-child-dialog-v12432 .ic32-field > span {
  color: var(--muted) !important;
  font-size: .7rem !important;
  font-weight: 760 !important;
  opacity: 1 !important;
}
#installment-child-dialog-v12432 .ic32-field input,
#installment-child-dialog-v12432 .ic32-field select,
#installment-child-dialog-v12432 .ic32-field textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: var(--surface) !important;
  outline: none !important;
}
#installment-child-dialog-v12432 .ic32-field textarea { min-height: 86px !important; resize: vertical !important; }
#installment-child-dialog-v12432 .ic32-field input:focus,
#installment-child-dialog-v12432 .ic32-field select:focus,
#installment-child-dialog-v12432 .ic32-field textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(183,120,109,.12) !important;
}
#installment-child-dialog-v12432 .ic32-wide { grid-column: 1 / -1 !important; }
#installment-child-dialog-v12432 .ic32-allocation {
  margin-top: 16px !important;
  padding: 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  background: rgba(249,246,240,.72) !important;
  gap: 10px !important;
}
#installment-child-dialog-v12432 .ic32-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: .78rem !important;
}
#installment-child-dialog-v12432 .ic32-hint {
  color: var(--muted) !important;
  font-size: .7rem !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
}
#installment-child-dialog-v12432 #ic32-allocation-list {
  display: grid !important;
  gap: 10px !important;
}
#installment-child-dialog-v12432 .ic32-allocation-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) 42px !important;
  gap: 10px !important;
  align-items: end !important;
}
#installment-child-dialog-v12432 .ic32-transfer { grid-column: 1 / 3 !important; }
#installment-child-dialog-v12432 .ic32-remove { min-width: 42px !important; padding-inline: 8px !important; }
#installment-child-dialog-v12432 .ic32-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 18px !important;
}
#installment-child-dialog-v12432 .ic32-secondary { margin-right: auto !important; }
#installment-child-dialog-v12432 .button,
#installment-child-dialog-v12432 .secondary-button,
#installment-child-dialog-v12432 .primary-button {
  min-height: 42px !important;
  border-radius: 13px !important;
  padding: 9px 14px !important;
  font-size: .78rem !important;
  font-weight: 830 !important;
}
@media (min-width: 680px) {
  #installment-child-dialog-v12432 { width: min(calc(100vw - 32px), 1040px) !important; }
}
@media (max-width: 679px) {
  #installment-child-dialog-v12432 { width: min(calc(100vw - 16px), 760px) !important; max-height: calc(100dvh - 12px) !important; }
  #installment-child-dialog-v12432 .ic32-card { max-height: calc(100dvh - 12px) !important; padding: 18px 16px calc(24px + env(safe-area-inset-bottom)) !important; }
  #installment-child-dialog-v12432 .ic32-grid { grid-template-columns: 1fr !important; }
  #installment-child-dialog-v12432 .ic32-wide { grid-column: auto !important; }
  #installment-child-dialog-v12432 .ic32-allocation-row { grid-template-columns: minmax(0,1fr) 42px !important; }
  #installment-child-dialog-v12432 .ic32-allocation-row .ic32-field { grid-column: 1 !important; }
  #installment-child-dialog-v12432 .ic32-remove { grid-column: 2 !important; grid-row: 1 !important; }
  #installment-child-dialog-v12432 .ic32-transfer { grid-column: 1 !important; }
  #installment-child-dialog-v12432 .ic32-secondary { margin-right: 0 !important; width: 100% !important; }
}