/* access request pages (request.html, requests.html); tokens from style.css */
.rq { max-width: 860px; margin: 0 auto; padding: 32px 20px 64px; display: flex; flex-direction: column; gap: 18px; }
.rq h1 { font-size: 30px; } .rq h2 { font-size: 20px; margin-top: 8px; }
.rq .muted { color: var(--muted); }
.rq .card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 22px; display: flex; flex-direction: column; gap: 14px; }
.rq label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; color: var(--fg); }
.rq select, .rq textarea, .rq input { background: var(--card-2); color: var(--fg); border: 1px solid var(--border-2); border-radius: 10px; padding: 10px 12px; font: inherit; font-weight: 400; }
.rq .row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.rq .note { background: var(--accent-soft); border: 1px solid var(--accent-border); border-radius: var(--radius-sm); padding: 12px 14px; color: var(--fg-2); }
.rq .note.warn { background: var(--warn-bg); border-color: var(--warn-border); }
.rq .note.ok { background: var(--good-bg); border-color: var(--good-border); }
.rq .item { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.rq .item .head { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.rq .st { font-size: 12px; font-weight: 600; padding: 2px 9px; border-radius: 980px; border: 1px solid var(--border-2); }
.rq .st.pending { color: var(--warn); border-color: var(--warn-border); } .rq .st.granted { color: var(--good); border-color: var(--good-border); }
.rq .st.refused, .rq .st.expired { color: var(--muted); }
.rq .small { font-size: 13px; color: var(--muted); }