/* veroframework PanelUi: edytor reguł asortymentu (assortment.js). */
.rules-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px 12px; }
.rules-fields label, .rules-scope > label { display: flex; flex-direction: column; gap: 4px; }
.rules-scope { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.rules-check { flex-direction: row !important; align-items: center; gap: 6px; }
.rules-condition { border: 1px solid #d9dee8; border-radius: 8px; padding: 8px 10px; margin: 6px 0; display: flex; flex-direction: column; gap: 6px; }
.rules-condition-children { display: flex; flex-direction: column; gap: 6px; padding-left: 12px; border-left: 2px solid #e4e8f0; }
.rules-condition-child { display: flex; gap: 6px; align-items: flex-start; flex-wrap: wrap; }
.rules-condition-child > .rules-condition { flex: 1 1 260px; }
.rules-choice { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; overflow-wrap: anywhere; }
.rules-actions { display: flex; gap: 8px; margin-top: 8px; }
.rules-editor { margin: 10px 0; }
.rules-picker { width: min(560px, calc(100vw - 32px)); max-height: 80vh; border: 1px solid #d9dee8; border-radius: 10px; padding: 14px; }
.rules-picker header { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.rules-picker-search { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.rules-picker-search input { flex: 1 1 200px; }
.rules-picker-items { display: flex; flex-direction: column; gap: 4px; overflow: auto; max-height: 50vh; }
.rules-picker-row { display: flex; gap: 6px; align-items: center; justify-content: space-between; border-bottom: 1px solid #eef1f6; padding: 4px 0; }
.rules-picker-row span { flex: 1; overflow-wrap: anywhere; }
.rules-list .wide { overflow-x: auto; max-width: 100%; }