/* ══════════════════════════════════════════════════════════════════════════
   CITIZEN PICKER (js/citizen-picker.js) — the clan-quest style citizen list
   used by the tavern quest modals. The <select> it drives stays in the DOM
   but hidden.
   ══════════════════════════════════════════════════════════════════════════ */
select.kwp-hidden { display: none !important; }
.kwp { margin-top: 6px; }
.kwp-list { list-style: none; margin: 0; padding: 0; border-radius: 10px; overflow: hidden;
  border: 1px solid rgba(200,148,26,.18); background: rgba(0,0,0,.18); }
.kwp-list li + li { border-top: 1px solid rgba(200,148,26,.1); }
.kwp-btn {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 8px 12px 8px 8px;
  text-align: left; cursor: pointer; background: none; border: none; color: #f2e6c9;
  font-family: 'Crimson Pro', Georgia, serif; font-size: 15px; transition: background .12s;
}
.kwp-btn:hover:not([disabled]) { background: rgba(244,201,93,.07); }
.kwp-btn.on { background: linear-gradient(90deg, rgba(244,201,93,.18), rgba(244,201,93,.05)); box-shadow: inset 3px 0 0 #f4c95d; }
.kwp-btn[disabled] { opacity: .45; cursor: default; }
.kwp-check {
  flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; color: #2a1a05; border: 1.5px solid rgba(242,230,201,.3);
}
.kwp-btn.on .kwp-check { background: #f4c95d; border-color: #f4c95d; }
.kwp-name { font-size: 16px; }
.kwp-meta { font-size: 13px; color: rgba(242,230,201,.55); }
.kwp-odds { margin-left: auto; font-family: 'Playfair Display', serif; font-size: 16px; }
.kwp-skill {
  margin-left: auto; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 13px; display: inline-flex;
  align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 14px;
  color: #f4c95d; background: rgba(244,201,93,.1); border: 1px solid rgba(244,201,93,.3);
}
.kwp-more { display: block; width: 100%; margin-top: 4px; padding: 7px; border-radius: 8px; cursor: pointer;
  background: none; border: 1px dashed rgba(242,230,201,.2); color: rgba(244,201,93,.85); font-family: inherit; font-size: 13.5px; }
.kwp-empty { padding: 10px; font-style: italic; color: rgba(242,230,201,.55); }

/* Tavern solo modal: the quest description had no colour of its own and
   inherited the page's dark ink. */
.pa-desc { color: rgba(242,230,201,.82); font-family: 'Crimson Pro', Georgia, serif; font-size: 15px; line-height: 1.45; margin: 6px 0 10px; }