/* Фильтр заявок (rift_wanted.php, rift-wanted.js). The list keeps the old script's classes. Geometry: computed styles
   of rift.rolka.me/viewtopic.php?id=12, light design, 2026-11-08 (the script's 69365.css overridden by the forum's style).
   basic, sylv and dark add their own colours for .charlist .hvClearFilters. */
#posts.filtered>.post:not(.topicpost){display:none}
/* Old entries' [block=fd] and [block=nm] are data for the list, hidden in the post (source style_cs.css: .fd, .nm). */
.post_body :is(.fd,.nm){display:none}
.post.topicpost .charlist{position:relative;display:flex;flex-wrap:wrap;gap:28px 3px;padding:18px 3px 16px 18px}
/* Tiles (owner's choice 2026-11-09): a card of the palette as the bank panel's (bank.css): quote fill, quote line, 5px. */
/* Three in a row; a row that is not full stands in the middle (owner 2026-11-09). */
/* 15px right: the list box itself is padded 18px left and 3px right (foundation.css, lore-source.css), so the middle is the box's. */
.rift-wanted-tiles{flex:100% 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 15px 0 0;box-sizing:border-box}
.post.topicpost .charlist a.rift-wanted-tile{flex:0 0 calc((100% - 16px)/3);box-sizing:border-box}
@media(max-width:760px){.post.topicpost .charlist a.rift-wanted-tile{flex-basis:calc((100% - 8px)/2)}}
@media(max-width:480px){.post.topicpost .charlist a.rift-wanted-tile{flex-basis:100%}}
.post.topicpost .charlist a.rift-wanted-tile{display:flex;gap:10px;align-items:flex-start;min-width:0;padding:8px;border:1px solid var(--rift-chat-quote-line);border-radius:5px;background:var(--rift-chat-quote);color:var(--rift-chat-text);text-decoration:none;cursor:pointer}
.post.topicpost .charlist a.rift-wanted-tile:hover{background:var(--rift-chat-input)}
.post.topicpost .charlist a.rift-wanted-tile.active{outline:2px solid var(--rift-chat-accent);outline-offset:-1px}
.post.topicpost .charlist a.rift-wanted-tile:focus-visible{outline:2px solid var(--rift-chat-accent);outline-offset:1px}
.post.topicpost .charlist .rift-wanted-tile.rift-wanted-off{display:none}
/* img.: outranks the posts' own .post_body img {height:auto; max-width:100%}. */
.rift-wanted-thumb,.post_body img.rift-wanted-thumb{flex:0 0 56px;width:56px;max-width:none;height:56px;border-radius:4px;object-fit:cover;background:var(--rift-chat-input)}
.rift-wanted-tile-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.rift-wanted-tile-title{font:12px/16px Verdana,sans-serif;overflow-wrap:anywhere}
.rift-wanted-chips{display:flex;flex-wrap:wrap;gap:4px}
.rift-wanted-chip{padding:1px 7px;border-radius:10px;background:var(--rift-chat-input);color:var(--rift-chat-muted);font:10px/14px Verdana,sans-serif;white-space:nowrap}
.rift-wanted-chip-group{color:var(--rift-chat-accent);cursor:pointer}
/* Gender as Font Awesome's mars, venus and, for «всё равно», question (owner 2026-11-09) (fonts.css: FontAwesome, fa-solid-900.woff2). */
.rift-wanted-gender::before{font:900 10px/14px FontAwesome}
.rift-wanted-gender[data-gender=male]::before{content:'\f222'}
.rift-wanted-gender[data-gender=female]::before{content:'\f221'}
.rift-wanted-gender[data-gender=any]::before{content:'\f128'}
.rift-wanted-chip-group:hover,.rift-wanted-chip-group.active{background:var(--rift-chat-accent);color:var(--rift-chat-quote)}
/* The shared .button (buttons.css), placed and trimmed as the old one. */
body[data-rift-view] #container .post.topicpost .charlist button.button.hvClearFilters{position:absolute;top:-4px;right:-4px;margin:0 10px 0 0;padding:4px 8px;border:2px outset transparent;filter:grayscale(.5)}
/* Drop-down filters (owner's sample 2026-11-08): one row above the tiles, under the reset button. */
.rift-wanted-filters{flex:100% 0 0;display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;padding:0 12px}
.rift-wanted-filter{display:flex;align-items:center;gap:6px}
.rift-wanted-caption{font-weight:bold}
.rift-wanted-empty{flex:100% 0 0;margin:8px 12px;color:var(--rift-chat-muted)}
.rift-wanted-chip-group:focus-visible{outline:2px solid var(--rift-chat-accent);outline-offset:1px}

/* Results are copies of the posts as their topic draws them (rift-wanted.js): no rules of their own. */

/* Reset and back-to-list buttons under «Вверх/Вниз». Their colour and corner are those buttons' own
   (forumstatic 50234.svg: #232C2E, #C2C2C2, 6px); shown and hidden by .rift-scroll-button (parity.css). */
.rift-wanted-float{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;transform:translateX(-50%)}
body[data-rift-view=rift] .rift-wanted-float .rift-scroll-button{position:static;width:36px;height:36px;margin:0;border-radius:6px;background:#232c2e;color:#c2c2c2;font:900 15px/36px FontAwesome;text-align:center}
.rift-wanted-reset::before{content:'\f00d'}
.rift-wanted-back::before{content:'\f0b0'}
/* «Открыть все спойлеры» (rift-spoilers.js) takes the same column and buttons: a folder, open when all are open; under it
   how many are open, in the buttons' colours and corner. */
/* Its count too goes with the button (.rift-scroll-button shows in the RIFT view only). */
.rift-spoilers-float[hidden],body:not([data-rift-view=rift]) .rift-spoilers-float{display:none}.rift-spoilers-toggle::before{content:'\f07b'}
.rift-spoilers-toggle.is-open::before{content:'\f07c'}
.rift-spoilers-count{margin-top:-4px;padding:0 4px;border-radius:6px;background:#232c2e;color:#c2c2c2;font:bold 10px/16px Verdana,sans-serif;text-align:center;white-space:nowrap}

/* The entry form under the reply buttons; fields as the bank panel's (bank.css), buttons the shared .button. */
.rift-wanted-form{margin:0 0 8px;font:12px/18px Verdana,sans-serif;color:var(--rift-chat-text)}
.rift-wanted-form>summary{cursor:pointer;color:var(--rift-chat-accent)}
/* Owner 2026-11-09: the bar spans the reply block; the forum's summary (chronology-source.css) is 68% wide, centred. */
body[data-rift-view] .rift-wanted-form>summary{width:auto;margin-left:0;margin-right:0}
/* Owner 2026-11-09: the fields take the whole width of the reply block. */
.rift-wanted-grid{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px 12px;margin:8px 0}
.rift-wanted-row{display:contents}
/* display:contents beats the [hidden] of the browser: the anketa's simplified variant hides its rows by it. */
.rift-wanted-row[hidden]{display:none}
/* The hint's «?» (rift-form-kit.js row): a small ring in the caption's colour, the size of its text. */
.rift-wanted-ask{display:inline-block;width:1.4em;height:1.4em;margin:0 0 0 2px;padding:0;border:1px solid currentColor;border-radius:50%;background:none;color:inherit;font:inherit;line-height:calc(1.4em - 2px);text-align:center;vertical-align:middle;cursor:help;opacity:.7}
/* «опционально» under an optional item's caption (rift-anketa-form.js): its own line, paler. */
.rift-wanted-optional{display:block;opacity:.7;font-style:italic}
.rift-wanted-ask:hover,.rift-wanted-ask:focus-visible,.rift-wanted-ask[aria-expanded=true]{opacity:1;color:var(--rift-chat-accent)}
/* justify-self: the caption's box is its words, not the column, so its hint (title) answers the word and «?» only. */
.rift-wanted-row .rift-wanted-caption{justify-self:start;font-weight:normal;color:var(--rift-chat-muted)}
.rift-wanted-row :is(input:not([type=checkbox]),select,textarea){width:100%;margin:0}
.rift-wanted-row textarea{resize:vertical}
.rift-wanted-choices{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.rift-wanted-pick{display:flex;gap:8px;align-items:center}
.rift-wanted-pick select{flex:1 1 auto}
.rift-wanted-owns{flex:100% 0 0;display:flex;justify-content:center;gap:8px 12px}
.rift-wanted-row .rift-wanted-own{width:auto;flex:0 1 160px}
.rift-wanted-hint{grid-column:2;margin-top:-4px;color:var(--rift-chat-muted);font-size:11px;line-height:15px}
.rift-wanted-note{margin:4px 0;color:var(--rift-chat-muted)}
.rift-wanted-note:empty{display:none}