/* lucyna.dev — edet-collections.css (Batch-2 P4)
   The collections manager reuses the .dr-cf-* modal shell (edet-customfields.css);
   this adds the clause-builder rows + the Outliner picker. Tokens only. */

.dr-coll-modal { width: min(520px, 100%); }
.dr-coll-clauses { display: flex; flex-direction: column; gap: 0.4rem; }
.dr-coll-clause { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr auto; gap: 0.4rem; align-items: center; }
.dr-coll-clause .dr-insp-select, .dr-coll-clause .dr-insp-input { width: 100%; box-sizing: border-box; }

/* Outliner collection picker */
.dr-otl-coll {
    height: 30px; background: var(--bg-elevated); color: var(--fg);
    border: 1px solid var(--rule); border-radius: 6px;
    font-family: var(--font-mono); font-size: var(--text-xs); padding: 0 0.4rem;
}
.dr-otl-coll[data-active="true"] { border-color: var(--accent); color: var(--accent); }