/* A request to a business (app/request.js, Joe mode stage C, 3.6.0). The steps wear posting's own look (post.css, steps.css); only what is
   new is here: the day chips, the answer boxes, what is left on a held request, the agree box. Tokens only (app.css), so dark mode keeps
   working; every tap target 44px or taller (the chips 48px, posting's). */

/* ---------- Pick a day: the open days as chips, two a row on a phone, three from 420px, four on a computer ---------- */
.rq-days{margin-bottom:var(--s2)}
.rq-dgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s2)}
@media (min-width:420px){.rq-dgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:700px){.rq-dgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rq-dgrid .ps-chip span{padding:0 6px;font-size:15.5px;white-space:nowrap}
.rq-days+.err:empty+.ps-links{margin-top:calc(var(--s2) * -1)}

/* ---------- the business's questions: a box per question ---------- */
.rq-ta{min-height:72px}
.rq-ta.stp-el{min-height:96px}

/* ---------- Send: the agree box (LEGAL: placeholder words) ---------- */
.rq-agree{margin-top:var(--v-field)}
.rq-agree label{line-height:1.45}

/* ---------- what is left on a held request: posting's numbered list, each row with the link that does it ---------- */
.rq-left{margin:var(--s3) 0 var(--v-field)}
.rq-left .linkbtn{display:inline-flex;align-items:center;min-height:44px;margin:0 0 -8px -6px;padding:0 6px}
.or .rq-left{margin-top:var(--s2)}

/* ---------- the request's own page (#/route/<id>): Take back sits under the details, the answers' labels read as sentences ---------- */
.rq-back{margin-top:var(--s4)}
.or-rows li.rq-q .k{text-transform:none;letter-spacing:0;font-size:14px}
/* the request's page reads at 13px or more (the route page's labels and its Route ID line are 12.5px) */
.rq-page .or-rows .k,.rq-page .refline .mono{font-size:13px}