/* 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: #efe4c8; border: 2px solid #b88c58; 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: 13px; color: #4a2f14; }
.qp-tier, .qp-state { font-size: 10px; font-weight: 700; color: #6a5230; }
.qp-state { color: #1f7a2a; }
.qp-card:not(.ready) .qp-state { color: #6a5230; }
.qp-text { font-size: 11px; line-height: 1.3; color: #3a2a15; }
.qp-goal { font-size: 11px; font-weight: 700; color: #4a2f14; }
.qp-bar { position: relative; height: 15px; border-radius: 4px; background: #3a2a15; overflow: hidden; box-shadow: inset 0 1px 2px #000; }
.qp-bar i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(#ffe9a0, #f1c04a 60%, #b5801f); }
.qp-bar span { position: relative; display: block; text-align: center; font-size: 10px; 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: 11px; font-weight: 700; color: #1f7a2a; }
.rep-head { display: flex; align-items: baseline; justify-content: space-between; }
.rep-head b { font-size: 14px; color: #4a2f14; }
.rep-points { font-size: 20px; font-weight: 800; color: #b5801f; }
.rep-rank { font-size: 12px; font-weight: 700; color: #4a2f14; }