/* Retail-Questseiten (scripts/build-retail-quest-pages.mjs): Suchfeld, Tabelle, Quellenzeile. Ergänzt /loot/seo.css. */
.rq-filter{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:16px 0 8px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.rq-filter label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--mut);font-weight:700;min-width:0;flex:1 1 180px}
.rq-filter input,.rq-filter select{min-height:44px;font:inherit;font-size:16px;color:var(--txt);background:#0a1530;border:1px solid var(--line);border-radius:10px;padding:8px 10px;max-width:100%;box-sizing:border-box;width:100%}
.rq-filter input:focus,.rq-filter select:focus{outline:2px solid var(--gold);outline-offset:1px}
.rq-filter button{min-height:44px;font:inherit;font-weight:700;color:var(--gold);background:transparent;border:1px solid var(--gold);border-radius:10px;padding:8px 14px;cursor:pointer}
.rq-filter button[disabled]{opacity:.45;cursor:default}
.rq-count{flex-basis:100%;margin:0;font-size:14px;color:var(--mut)}
.rq-empty{margin:10px 0;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;color:var(--mut)}
.rq-table td{overflow-wrap:break-word}
tr[hidden]{display:none}
/* Sprung auf gebündelte Quests (#q<ID>): nicht unter der festen Kopfzeile verstecken, Zeile kurz markieren. */
.rq-table tr{scroll-margin-top:96px}
.rq-table tr:target td{background:rgba(229,190,99,.12)}
.rq-src{font-size:14px;color:var(--mut);border-top:1px solid var(--line);margin-top:22px;padding-top:12px}
.rq-ver{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.06em;color:#b9a6ff;border:1px solid #8b6cff;border-radius:999px;padding:2px 9px;vertical-align:middle}
@media(max-width:760px){
 .rq-filter{padding:10px 12px}
 .rq-filter label{flex:1 1 100%}
 .rq-filter button{width:100%}
 /* seo.css blendet Spalte 3 auf dem Handy aus – hier ist das die Fraktion, die bleibt sichtbar. */
 .rq-table th:nth-child(3),.rq-table td:nth-child(3){display:table-cell}
 .rq-table th,.rq-table td{padding-left:6px;padding-right:6px}
 .rq-table td:first-child{overflow-wrap:normal;word-break:normal;hyphens:auto}
}
/* Sehr schmal: Belohnungsspalte aus, damit die Namen nicht zerbrechen (Questseite bzw. bei gebündelten Quests die Zeile selbst nennt sie). */
@media(max-width:480px){.rq-table th:nth-child(4),.rq-table td:nth-child(4){display:none}}