/* DT_R5_F14 (2026-10-02): /downloads filters + first-page previews. Same tokens as downloads-v1.css
   (--blue #1354ff, --navy, --muted, --line from sources-v2.css). Loaded only while F14 is on (body.dl-r5). */
.dl-r5 .dlf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;margin:18px 0 6px}
.dl-r5 .dlf-f{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px;font-weight:800;color:#23355f}
.dl-r5 .dlf-f select{width:100%;min-height:48px;padding:0 14px 0 34px;border:1.5px solid var(--line);border-radius:12px;background:#fff;
  color:var(--navy);font:inherit;font-weight:700;font-size:15px;cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#52658d 50%),linear-gradient(135deg,#52658d 50%,transparent 50%);
  background-position:16px 21px,21px 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.dl-r5 .dlf-f select:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue)}
.dl-r5 .dlf-reset{min-height:48px;padding:0 18px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:#23355f;
  font:inherit;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}
.dl-r5 .dlf-reset:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.dl-r5 .dlf-reset:disabled{opacity:.5;cursor:default}
.dl-r5 .dlf-count{grid-column:1 / -1;margin:0;min-height:1.6em;color:var(--muted);font-size:14px;font-weight:700}
.dl-r5 .dlf--files{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0 0 18px}
.dl-r5 .dlf-chips{display:flex;flex-wrap:wrap;gap:8px}
.dl-r5 .dlf-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;
  background:#fff;color:#23355f;font:inherit;font-weight:800;font-size:14.5px;cursor:pointer}
.dl-r5 .dlf-chip:hover{border-color:var(--blue);color:var(--blue)}
.dl-r5 .dlf-chip[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.dl-r5 .dlf-chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* file rows with a preview */
.dl-r5 .dl-file{grid-template-columns:56px auto 1fr auto}
.dl-r5 .dl-thumb{display:block;width:56px;height:76px;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:#f3f6fd;
  box-shadow:0 2px 8px rgba(8,24,63,.08);transition:transform .15s,box-shadow .15s}
.dl-r5 a.dl-thumb:hover,.dl-r5 a.dl-thumb:focus-visible{transform:translateY(-1px);box-shadow:0 6px 16px rgba(19,84,255,.18);border-color:var(--blue);outline:0}
.dl-r5 .dl-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.dl-r5 .dl-thumb.is-none{background:repeating-linear-gradient(135deg,#f3f6fd 0 6px,#eaf0fb 6px 12px)}
@media (max-width:900px){
  .dl-r5 .dlf{grid-template-columns:1fr 1fr}
  .dl-r5 .dlf-reset{grid-column:1 / -1}
}
@media (max-width:620px){
  .dl-r5 .dl-file{grid-template-columns:56px 1fr auto;grid-template-areas:"t k b" "t n b";column-gap:12px;row-gap:4px}
  .dl-r5 .dl-thumb{grid-area:t;align-self:start}
  .dl-r5 .dl-kind{grid-area:k;grid-column:auto;justify-self:start}
  .dl-r5 .dl-name{grid-area:n}
  .dl-r5 .dl-btn{grid-area:b;align-self:center}
}
@media (max-width:380px){.dl-r5 .dlf{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dl-r5 .dl-thumb{transition:none}}