.problem-device-form.panel { padding:18px 22px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 18px; margin-bottom:16px; }
.problem-device-form h2 { grid-column:1 / -1; margin:0; font-size:18px; }
.problem-device-form label { margin:0; }
.problem-device-form .problem-device-reason { grid-column:1 / -1; }
.problem-device-form textarea { min-height:60px; }
.problem-device-form > button { justify-self:start; }
.problem-device-list.panel { padding:18px 22px; }
.problem-device-rows { margin-top:14px; }
.problem-device-columns, .problem-device-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr); column-gap:18px; }
.problem-device-columns { padding:8px 0; font-size:12px; color:var(--tm-muted,#617878); }
.problem-device-row { padding:12px 0; border-top:1px solid var(--tm-border,#dbe6e5); font-size:14px; line-height:1.45; align-items:start; }
.problem-device-name { font-weight:600; overflow-wrap:anywhere; }
.problem-device-identifiers { display:flex; flex-direction:column; font-size:13px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.problem-device-problems { overflow-wrap:anywhere; white-space:pre-wrap; }
.problem-device-problems > div + div { margin-top:4px; }
@media(max-width:640px) {
  .problem-device-form.panel { grid-template-columns:minmax(0,1fr); padding:16px; gap:10px; }
  .problem-device-list.panel { padding:16px; }
  .problem-device-columns { display:none; }
  .problem-device-row { grid-template-columns:minmax(0,1fr); row-gap:3px; padding:10px 0; }
  .problem-device-identifiers { color:var(--tm-muted,#617878); }
}