/* Zoho-style create/edit forms + kanban drag and drop (Leads & Contacts) */
.zf-section { border-bottom: 1px solid var(--color-border); }
.zf-section:last-child { border-bottom: none; }
.zf-section-head { display: flex; align-items: center; gap: var(--space-2); width: 100%; padding: var(--space-3) var(--space-4); background: var(--color-surface-alt); border: none; cursor: pointer; font-size: var(--fs-md); font-weight: 700; color: var(--color-text-strong); text-align: left; font-family: inherit; }
.zf-section-head .zf-chevron { display: inline-block; transition: transform .15s; font-size: 11px; }
.zf-section.is-collapsed .zf-chevron { transform: rotate(-90deg); }
.zf-section.is-collapsed .zf-section-body { display: none; }
.zf-section-body { padding: var(--space-4) var(--space-5) var(--space-2); }
.zf-section-head .zf-head-extra { margin-left: auto; }
.zf-subhead { font-size: var(--fs-xs); text-transform: uppercase; font-weight: 600; color: var(--color-text-muted); margin-bottom: var(--space-2); }
.zf-form .field > label { text-transform: none; font-size: var(--fs-sm); font-weight: 500; color: var(--color-text); }
.zf-image-box { display: flex; align-items: center; gap: var(--space-4); }
.zf-form .compound-field select { flex: 0 0 96px; }

.kb-col.is-drop-target { outline: 2px dashed var(--color-primary); outline-offset: -2px; background: var(--color-info-bg); }
.kb-card { cursor: grab; }
.kb-card.is-dragging { opacity: .4; }
.kb-card[draggable="true"] { user-select: none; }

.row-actions .zf-note-btn { font-size: var(--fs-xs); }