/* QuestPick 6.1 - additive responsive UI, retaining the existing purple system */
.qp61-monogram {display:inline-grid!important;place-items:center;flex:none;
  border-radius:50%;background:linear-gradient(145deg,#b744ef,#6e2d9d 72%,#28184a);
  color:#fff!important;font-size:24px!important;font-weight:900;letter-spacing:0!important;
  text-shadow:0 2px 12px #370c65;box-shadow:inset 0 0 0 1px #f1abff77,0 4px 15px #9e42e480;
  line-height:1;overflow:hidden;}
.pn-header-avatar .pn-top-avatar.qp61-monogram {width:100%!important;height:100%!important;min-width:0;min-height:0}
.pn51-avatar .qp61-monogram {width:100%;height:100%;font-size:clamp(24px,5vw,40px)!important}
.pn-avatar.qp61-monogram,.xp-profile-avatar .qp61-monogram {min-width:58px;min-height:58px}
.qp61-clickable-cover{position:relative;cursor:pointer;transition:transform .18s ease,filter .18s ease}
.qp61-clickable-cover:hover{transform:translateY(-2px);filter:brightness(1.1)}
.qp61-clickable-cover:focus-visible{outline:3px solid #e6a9ff;outline-offset:4px;border-radius:10px}
.qp61-detail-btn{border:1px solid #bf72ee80!important;color:#f1d7ff!important;
  background:linear-gradient(120deg,#4a235e,#2e1a46)!important;white-space:normal!important;
  overflow-wrap:anywhere;padding:10px 14px!important}
.qp61-card,.qp61-review{margin:18px 0;padding:clamp(16px,3vw,24px);border:1px solid #a15ac67c;
  border-radius:24px;background:radial-gradient(ellipse at 8% 0%,#6d2c8233,transparent 64%),linear-gradient(145deg,#261435,#1b102a)}
.qp61-card h2{font-weight:850;font-size:clamp(21px,3.4vw,27px);line-height:1.2;margin:8px 0 10px}
.qp61-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2.1px;color:#e19cfa}
.qp61-muted{font-size:13px;line-height:1.55;color:#d4badd;margin:12px 0}
.qp61-hint{font-size:12px;line-height:1.55;color:#bd9ecf;margin:12px 0 0}
.qp61-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 12px}
.qp61-metrics>div{padding:12px 7px;text-align:center;background:#342045;border:1px solid #894fa058;border-radius:14px;min-width:0}
.qp61-metrics strong{display:block;color:#edc8ff;font-size:clamp(20px,5vw,29px);line-height:1.1}
.qp61-metrics small{display:block;margin-top:6px;color:#d9b3ec;font-size:11px;line-height:1.3}
.qp61-progress{height:9px;overflow:hidden;background:#4d315e;border-radius:99px}
.qp61-progress i{display:block;height:100%;min-width:0;background:linear-gradient(90deg,#ac32f0,#e290ff);border-radius:inherit;transition:width .25s}
.qp61-message{color:#e6cef3;line-height:1.45;font-size:13px;min-height:20px;overflow-wrap:anywhere}
.qp61-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.qp61-controls .btn{flex:1 1 180px;min-height:46px;font-weight:750;white-space:normal;overflow-wrap:anywhere}
.qp61-controls .btn:disabled{opacity:.54;cursor:default}
.qp61-review{padding:14px 17px}
.qp61-review summary{cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;list-style:none}
.qp61-review summary::-webkit-details-marker{display:none}
.qp61-review summary strong{font-size:15px;font-weight:780;color:#f3dcff}
.qp61-review summary span{font-size:12px;color:#dbb5e9}
.qp61-review[open] summary{margin-bottom:12px}
.qp61-list{display:flex;flex-direction:column;gap:8px;max-height:310px;overflow-y:auto;padding:4px 0}
.qp61-listrow{display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid #79518b78;border-radius:12px;background:#301c3e80;padding:10px;min-width:0}
.qp61-listrow>span{min-width:0;font-weight:750;color:#f1e3fa;overflow-wrap:anywhere;font-size:13px}
.qp61-listrow small{display:block;color:#bfa2d1;font-size:11px;margin-top:4px;font-weight:500}
.qp61-rowactions{display:flex;gap:6px;flex-wrap:wrap;flex:none;justify-content:flex-end}
.qp61-listrow .btn{font-size:11px;white-space:normal;min-height:35px;padding:6px 9px}
.qp61-danger{border:1px solid #e47b9180!important;color:#ffbac6!important;background:#522236aa!important}
.qp61-remove{margin:18px 0 8px;padding:14px 0 6px;border-top:1px solid #8b3b6955}
.qp61-remove p{color:#c8accc;font-size:12px;line-height:1.55;margin:10px 0 0}
.qp61-cover-review{padding:14px;border:1px solid #8559a899;border-radius:17px;background:#251733;margin:14px 0}
.qp61-cover-review h3{margin:0 0 8px;font-size:17px}
.qp61-cover-review p{color:#d6b3e7;font-size:12px}
.qp61-cover-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}
.qp61-cover-candidates button{background:#3a2150;border:1px solid #8959b2;border-radius:13px;
  color:#f1e4f9;padding:10px;cursor:pointer;text-align:center;min-width:0}
.qp61-cover-candidates img{display:block;width:100%;height:140px;object-fit:contain;margin-bottom:8px}
.qp61-cover-candidates span{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.qp61-cover-candidates small{display:block;color:#d0a4ec;font-size:10px;margin-top:5px}
@media(max-width:520px){
 .qp61-card,.qp61-review{border-radius:19px;padding:15px 14px;margin:13px 0}
 .qp61-metrics{gap:5px}.qp61-metrics>div{padding:10px 4px}.qp61-metrics small{font-size:10px}
 .qp61-listrow{flex-wrap:wrap}.qp61-listrow>span{flex:1 1 100%}
 .qp61-rowactions{width:100%;justify-content:flex-start}
 .qp61-controls{gap:8px}.qp61-controls .btn{flex-basis:100%}
 .qp61-detail-btn{font-size:12px!important;min-height:40px}
 .xp-candidate-actions .qp61-detail-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.qp61-clickable-cover,.qp61-progress i{transition:none}}

.qp61-clickable-title{cursor:pointer;display:inline-block;max-width:100%}
.qp61-clickable-title:hover{color:#e7b1ff}
.qp61-clickable-title:focus-visible{outline:2px solid #f0baff;outline-offset:4px;border-radius:4px}