/* LIFE QUEST - personal quest sorting controls */
.lq-sort-toggle { white-space: nowrap; }
.lq-sort-handle, .lq-sort-arrows { display: none; }
.quest-list.lq-sort-mode .quest { position: relative; align-items: center; }
.quest-list.lq-sort-mode .lq-sort-handle {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 38px; width: 38px; min-height: 44px; padding: 0;
  border: 1px solid rgba(153,172,191,.45); border-radius: 12px;
  color: var(--text, #edf3ff); background: rgba(147,175,202,.13);
  font-size: 25px; cursor: grab; user-select: none; -webkit-user-select: none;
  touch-action: none; -webkit-touch-callout: none;
}
.quest-list.lq-sort-mode .lq-sort-arrows { display: inline-flex; flex-direction: column; gap: 3px; margin-left: auto; }
.quest-list.lq-sort-mode .lq-sort-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; min-height: 28px; padding: 0;
  border-radius: 8px; border: 1px solid rgba(153,172,191,.35);
  background: rgba(147,175,202,.10); color: inherit;
  font-size: 16px; font-weight: 800; cursor: pointer;
}
.quest-list.lq-sort-mode .quest-check,
.quest-list.lq-sort-mode .mini-quest,
.quest-list.lq-sort-mode .habit-record-link,
.quest-list.lq-sort-mode .quest-privacy,
.quest-list.lq-sort-mode .quest-del { pointer-events: none; opacity: .45; }
.quest-list.lq-sort-mode .quest { gap: 7px; }
.quest-list.lq-sort-mode .lq-sort-dragging {
  outline: 2px solid #d4b873; outline-offset: -2px;
  background: rgba(228, 190, 103, .15); box-shadow: 0 8px 20px rgba(0,0,0,.15);
  z-index: 1;
}
.quest-list.lq-sort-saving .lq-sort-handle,
.quest-list.lq-sort-saving .lq-sort-arrow { pointer-events: none; opacity: .35; }
.quest-list.lq-sort-mode .quest-icon { flex-shrink: 0; }
.quest-list.lq-sort-mode .quest-info { min-width: 0; }
.quest-list.lq-sort-mode .quest-reward { flex-shrink: 0; }
.quest-list.lq-sort-mode .quest-info .quest-name { overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .quest-list-controls { flex-wrap: wrap; gap: 6px; }
  .quest-list.lq-sort-mode .quest { flex-wrap: wrap; }
  .quest-list.lq-sort-mode .lq-sort-handle { flex-basis: 34px; width: 34px; }
  .quest-list.lq-sort-mode .quest-reward { font-size: 11px; }
  .quest-list.lq-sort-mode .lq-sort-arrows { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .quest-list.lq-sort-mode .quest { animation: none !important; transition: none !important; }
}