/* Fix it: send to 311 (assets/js/service.js) and the grouped first step of the report sheet (flows.js). */
.rp-group{margin-top:18px}
.rp-group h5{display:flex;align-items:center;gap:8px;margin-bottom:8px;letter-spacing:.12em}
.rp-group h5 .ic{width:15px;height:15px;color:var(--acc);flex:none}
.rp-urgent{grid-template-columns:1fr}
.cat.svc{border-color:rgba(214,178,110,.38)}
.cat.svc b{color:var(--fg)}
.sv-mail{border:1px solid var(--line2);border-radius:var(--r-sm);background:var(--panel);padding:12px 14px;display:grid;gap:4px;min-width:0}
.sv-h{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;font-size:14px;line-height:1.4}
.sv-h span{color:var(--muted)}
.sv-h b{font-weight:600;overflow-wrap:anywhere;min-width:0}
@media (max-width:480px){.sv-h{grid-template-columns:1fr;gap:0}.sv-h span{font-size:12.5px}.sv-h+.sv-h{margin-top:4px}}
.sv-body{margin:8px 0 0;padding:12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line2);font-family:inherit;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;color:var(--fg)}
.sv-att{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-top:6px}
.sv-att .ic{width:16px;height:16px;flex:none}
.sv-next{margin:12px 0 0;padding-left:22px;display:grid;gap:6px}
.sv-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.sv-item{display:grid;gap:8px}
.sv-item .row b{min-width:0;overflow-wrap:anywhere}
.sv-sr{display:grid;gap:4px}
.sv-fallback{margin-top:14px}
/* Long button labels in the 311 handoff wrap instead of pushing the sheet sideways on a phone. */
.handoff{min-width:0}
.handoff-btns .btn{white-space:normal;text-align:center;line-height:1.25;min-width:0}
.sheet-panel{overflow-x:hidden}