/* Archive controls share the existing light/dark colour system. */
.archive-filters{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(2,minmax(135px,1fr)) auto;gap:12px;align-items:end;padding:16px;margin-block:-4px 20px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.archive-filters>div{min-width:0}.archive-filters label{display:block;margin-block-end:6px;font-size:12px;font-weight:600;color:var(--text)}
.archive-filters input,.archive-filters select{width:100%;min-height:44px;padding:10px;font-size:13px}.archive-filters .secondary{min-height:44px;padding-inline:14px;font-size:12px;white-space:normal;text-align:center}
.archive-filter-note{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.6}.archive-filters .form-error{grid-column:1/-1;margin:0}
.archive-filters input[aria-invalid=true]{border-color:#bd5572;outline:1px solid #bd5572}
.album-icon{position:relative;overflow:hidden}.album-photo-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.album-cover.has-photo::before,.album-cover.has-photo::after{display:none}.album-cover.has-photo>.icon,.album-icon.has-photo>.icon{visibility:hidden}
.album-cover .album-lock{z-index:2;background:#101c35d9;color:#fff;border-color:#ffffff66;box-shadow:0 2px 10px #0002}
html[dir=rtl] .album-mini{text-align:right}html[dir=rtl] .album-mini>.icon{margin-left:0;margin-right:auto}html[dir=rtl] .album-card .album-info>.icon{right:auto;left:15px}html[dir=rtl] .album-card strong{padding-right:0;padding-left:22px}html[dir=rtl] .album-cover .album-lock{right:auto;left:11px}
@media(max-width:1100px){.archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.archive-filters{gap:10px;padding:12px}.archive-filters .archive-period{grid-column:1/-1}.archive-filters .secondary{grid-column:1/-1}.archive-filters input,.archive-filters select{font-size:16px;min-width:0}.archive-filter-note{font-size:11px}html[dir=rtl] .album-card .album-info>.icon{left:10px}}