/* Quêtes journalières et hebdomadaires (au-dessus du tchat) */
.qv-widget { position: fixed; right: 22px; bottom: 156px; z-index: 1300; }
.qv-toggle { position: relative; width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); background: #3a2f17; color: #fff; font-size: 1.4rem; box-shadow: 0 12px 30px #0008; cursor: pointer; }
.qv-toggle.ready { border-color: #f2c45a; box-shadow: 0 0 0 3px rgba(242, 196, 90, .25), 0 12px 30px #0008; }
.qv-badge { position: absolute; right: -3px; top: -3px; background: #f2c45a; color: #2a1c00; border-radius: 999px; padding: 2px 6px; font-size: .68rem; font-weight: 900; }
.qv-badge[hidden] { display: none; }
.qv-panel { position: absolute; right: 0; bottom: 64px; width: min(420px, calc(100vw - 28px)); max-height: min(620px, 74vh); overflow: auto; display: grid; gap: 10px; padding: 14px 16px; background: #121827; border: 1px solid #3b4666; border-radius: 18px; box-shadow: 0 24px 70px #000b; color: #e8eefc; }
.qv-panel[hidden] { display: none; }
.qv-panel header { display: flex; justify-content: space-between; align-items: center; }
.qv-panel h2, .qv-panel p { margin: 0; }
.qv-tabs { display: flex; gap: 6px; padding: 4px; border: 1px solid #2c3a57; border-radius: 12px; }
.qv-tabs button { flex: 1; min-height: 36px; border: 0; border-radius: 9px; background: transparent; color: #8ea0bf; font: inherit; font-weight: 800; cursor: pointer; }
.qv-tabs button.on { background: rgba(242, 196, 90, .16); color: #f2c45a; }
.qv-tabs b { padding: 1px 6px; border-radius: 99px; background: #f2c45a; color: #2a1c00; font-size: .7rem; }
.qv-list { display: grid; gap: 8px; }
.qv-q { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #2c3a57; border-radius: 12px; background: #182136; }
.qv-q.done:not(.claimed) { border-color: #f2c45a; background: rgba(242, 196, 90, .07); }
.qv-q.claimed { opacity: .6; }
.qv-ico { font-size: 1.4rem; }
.qv-txt { display: grid; gap: 3px; min-width: 0; }
.qv-txt strong { font-size: .88rem; }
.qv-txt small { color: #8ea0bf; font-size: .74rem; }
.qv-bar { height: 6px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.qv-bar i { display: block; height: 100%; background: linear-gradient(90deg, #f2c45a, #ffdf8a); }
.qv-q .primary-button { padding: 8px 10px; font-size: .8rem; }
.qv-ok { color: #54e39e; font-size: .78rem; font-weight: 800; }
.qv-foot { color: #8ea0bf; font-size: .75rem; }
@media (max-width: 760px) { .qv-widget { right: 14px; } }
.qv-q .primary-button:disabled { opacity: .35; filter: grayscale(1); }