/* ── Spirit Categories ── */
.spirit-cats-wrap { margin-bottom: 24px; }
.spirit-prio-list { list-style: none; padding: 0; margin: 0 0 12px 0; }
.spirit-prio-list li {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 12px; margin-bottom: 4px;
  background: #fff; border: 1px solid var(--whic-border); border-radius: var(--whic-radius);
  font-size: 14px; cursor: grab;
}
.spirit-prio-list li .prio-num { font-weight: 700; color: var(--whic-green); min-width: 20px; }
.spirit-prio-list li .prio-label { flex: 1; }
.spirit-prio-list li .prio-btns { display: flex; gap: 2px; }
.spirit-prio-list li .prio-btns button {
  background: none; border: 1px solid var(--whic-border); border-radius: 4px;
  width: 26px; height: 26px; cursor: pointer; font-size: 12px; color: var(--whic-text-light);
  display: flex; align-items: center; justify-content: center;
}
.spirit-prio-list li .prio-btns button:hover { background: var(--whic-green-pale); color: var(--whic-green); border-color: var(--whic-green); }
.spirit-prio-list li .prio-remove { color: var(--whic-red); }
.spirit-prio-list li .prio-remove:hover { background: #fdecea; color: var(--whic-red); border-color: var(--whic-red); }
.spirit-prio-list li.dragging { opacity: 0.4; }
.spirit-prio-list li.drag-over-top { border-top: 2px solid var(--whic-green); margin-top: -1px; }
.spirit-prio-list li.drag-over-bottom { border-bottom: 2px solid var(--whic-green); margin-bottom: -1px; }
.spirit-prio-list li .prio-handle { cursor: grab; color: var(--whic-text-light); font-size: 16px; display: flex; align-items: center; }
.spirit-available { display: flex; flex-wrap: wrap; gap: 8px; }
.spirit-chip {
  padding: 6px 14px; border-radius: 20px; font-size: 13px;
  border: 1px solid var(--whic-border); background: #fff; color: var(--whic-text);
  cursor: pointer; transition: all .2s;
}
.spirit-chip:hover { border-color: var(--whic-green); color: var(--whic-green); }