/* Website review layer. It is intentionally separate so the visual pass can be reverted alone. */
#view .relay-setup-redownload{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;gap:12px;align-items:end;margin-top:16px;padding:16px;border:1px solid var(--border-soft);border-radius:12px;background:color-mix(in srgb,var(--surface2) 65%,transparent)}
#view .relay-setup-redownload label{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:12px;font-weight:600}
#view .relay-setup-redownload input,#view .relay-setup-redownload select{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}
#view .relay-setup-redownload small{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.5}
#view .relay-setup-stream-field{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:600}
#view .relay-setup-stream-field select{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}
#view .relay-setup-stream-field small{display:block;margin-top:2px;color:var(--muted2);font-size:11px;font-weight:400;line-height:1.45}
#view .relay-one-time-v2 .relay-setup-stream-field{max-width:560px;margin-top:14px}
#view .relay-one-time-v2>.btn{margin-top:12px}
#view .relay-queue-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:16px 0;color:var(--muted);font-size:12px}
#view .relay-queue-toolbar label{display:grid;gap:7px;min-width:min(360px,100%);font-weight:600}
#view .relay-queue-toolbar select{min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);font:inherit}
#view .relay-queue-item{align-items:flex-start;padding:14px 16px;gap:18px}
#view .relay-queue-item>div{min-width:0;flex:1}
#view .relay-queue-item strong{font-size:13px;line-height:1.4}
#view .relay-queue-item small{font-size:12px;line-height:1.5}
#view .relay-queue-item code{display:block;margin-top:5px;color:var(--muted2);font-size:11px;overflow-wrap:anywhere}
#view .relay-queue-age{flex:0 0 auto;font-size:12px!important;line-height:1.5}
#view .relay-queue-item.is-stale{border-color:color-mix(in srgb,var(--warn) 48%,var(--border));background:color-mix(in srgb,var(--warn) 7%,var(--surface2))}
#view .relay-queue-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:var(--muted);font-size:12px}
#view .relay-queue-pagination .btn{min-height:38px;padding:7px 12px}
@media(max-width:700px){#view .relay-setup-redownload{grid-template-columns:1fr}.relay-setup-redownload small{grid-column:auto}#view .relay-queue-toolbar{align-items:stretch;flex-direction:column}#view .relay-queue-toolbar label{min-width:0}#view .relay-queue-item{flex-direction:column;gap:8px}#view .relay-queue-age{align-self:flex-start}}