/* Quest cards (quest giver dialog, Journal > Quêtes) and the reputation tab. */
.nd-quests, .ql, .rep { display: flex; flex-direction: column; gap: 6px; padding: 2px 2px 4px; max-height: 480px; overflow-y: auto; }
.qp-card, .rep-card { display: flex; flex-direction: column; gap: 4px; padding: 7px 9px; background: #d6d4e3; border: 2px solid #7770a0; border-radius: 7px; }
.qp-card.ready { border-color: #3fbf4a; box-shadow: 0 0 0 1px #9ae67a inset; }
.qp-head { display: flex; align-items: baseline; gap: 8px; }
.qp-head b { flex: 1; font-size: var(--fs-strong); color: #282638; }
.qp-tier, .qp-state { font-size: var(--fs-caption); font-weight: 700; color: #423f5c; }
.qp-state { color: #1f7a2a; }
.qp-card:not(.ready) .qp-state { color: #423f5c; }
.qp-text { font-size: var(--fs-small); line-height: 1.3; color: #22202f; }
.qp-goal { font-size: var(--fs-small); font-weight: 700; color: #282638; }
.qp-bar { position: relative; height: 15px; border-radius: 4px; background: #22202f; overflow: hidden; box-shadow: inset 0 1px 2px #000; }
.qp-bar i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(#c9c6d9, #8f8ab1 60%, #5a557f); }
.qp-bar span { position: relative; display: block; text-align: center; font-size: var(--fs-caption); line-height: 15px; font-weight: 800; color: #fff; text-shadow: 0 1px 2px #000; }
.qp-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.qp-reward { font-size: var(--fs-small); font-weight: 700; color: #1f7a2a; }
.rep-head { display: flex; align-items: baseline; justify-content: space-between; }
.rep-head b { font-size: var(--fs-lead); color: #282638; }
.rep-points { font-size: calc(20px * var(--ui-text)); font-weight: 800; color: #5a557f; }
.rep-rank { font-size: var(--fs-body); font-weight: 700; color: #282638; }