/* Keep each account field on its own row; the type hint must not create an
   implicit second column that clips the form on smaller screens. */
#accounts #account-form .coa-form-body { grid-template-columns: minmax(0, 1fr); }
#accounts #account-form .coa-field-row { grid-template-columns: 170px minmax(0, 430px); min-width: 0; }
#accounts #account-form .coa-input { min-width: 0; max-width: 100%; }
#accounts #account-form .coa-type-desc { grid-column: 1; margin: 0 0 0 184px; max-width: 430px; }
#accounts #account-form .coa-field-row-2col { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-left: 184px; max-width: 430px; }
#accounts #account-form .coa-field-row-2col > div { min-width: 0; }
#accounts #account-form .coa-option-row { padding-left: 184px; }
#accounts .coa-subaccount-option { align-items: start; }
#accounts .coa-subaccount-option > div { grid-column: 2; min-width: 0; }
#accounts .coa-subaccount-check { display: flex; align-items: center; gap: 9px; color: var(--ink); font-weight: 500; cursor: pointer; }
#accounts .coa-subaccount-check input { width: 16px; height: 16px; flex-shrink: 0; accent-color: var(--accent); }
#accounts .coa-subaccount-option p { margin: 7px 0 0 25px; font-size: 12px; line-height: 1.55; color: var(--ink2); }
#accounts [data-coa-parent-row][hidden] { display: none !important; }
#accounts .coa-parent-name { font-size: 12px; color: var(--ink2); overflow-wrap: anywhere; }
#accounts .coa-account-cell-text { padding-inline-start: min(calc(var(--coa-depth, 0) * 16px), 64px); }
#accounts .coa-child-marker { color: var(--ink2); margin-right: 6px; }
#accounts .coa-hierarchy-note { padding: 12px 20px; margin: 0; border-top: 1px solid var(--line); font-size: 12px; color: var(--ink2); }
#accounts .coa-rollup-note { display: block; margin-top: 3px; color: var(--ink2); font-size: 11px; line-height: 1.4; font-weight: 400; white-space: normal; }
@media (max-width: 760px) {
  #accounts #account-form .coa-field-row { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  #accounts #account-form .coa-type-desc,
  #accounts #account-form .coa-field-row-2col { margin-left: 0; max-width: none; }
  #accounts #account-form .coa-option-row { padding-left: 0; }
  #accounts .coa-subaccount-option > div { grid-column: 1; }
  #accounts .coa-subaccount-check { min-height: 44px; }
}