#service-requests { min-width: 0; }
#service-requests .service-filters { display: flex; flex-wrap: wrap; gap: 16px; margin: 16px 0; }
#service-requests .service-filters > div { flex: 1 1 180px; max-width: 360px; }
#service-requests label { display: block; margin-bottom: 6px; font-weight: 600; }
#service-requests input, #service-requests select, #service-requests textarea { width: 100%; min-width: 0; box-sizing: border-box; }
#service-requests dialog { width: min(700px, calc(100vw - 32px)); max-width: calc(100vw - 32px); box-sizing: border-box; max-height: calc(100dvh - 32px); overflow-y: auto; }
#service-requests .dialog-close { position: absolute; top: 12px; right: 12px; }
#service-requests dialog h2 { padding-right: 52px; font-size: 20px; line-height: 1.35; }
#service-requests dialog p { line-height: 1.5; }
#service-requests select { min-height: 44px; padding: 10px 12px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface); color: var(--ink); }
#service-requests .service-history time, #service-requests .service-history small, #service-requests .muted { color: var(--muted); font-size: 13px; }
#service-requests h2, #service-requests p, #service-requests td, #service-requests strong { overflow-wrap: anywhere; }
#service-requests .service-form { display: grid; gap: 16px; }
#service-requests .service-form[hidden] { display: none; }
#service-requests .service-history { list-style: none; margin: 20px 0; padding: 0; }
#service-requests .service-history li { padding: 16px 0; border-bottom: 1px solid #d9e1e8; }
#service-requests .service-history p { white-space: pre-wrap; margin: 8px 0; }
#service-requests #service-reload-detail { margin-bottom: 20px; }
#service-requests .registry-error:empty, #service-requests #service-feedback:empty { display: none; }
@media (max-width: 600px) {
  #service-requests dialog { padding: 24px 16px; }
  #service-requests .section-heading { align-items: flex-start; gap: 12px; flex-wrap: wrap; }
  #service-requests h2 { font-size: 20px; }
}