.diag-section{max-width:1120px;margin:auto}.diag-heading,.diag-user header,.diag-event header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.diag-section h1{margin:.2rem 0 1rem}.diag-storage{display:grid;gap:.45rem;border:1px solid #526077;background:#18243a;border-radius:14px;padding:1rem;margin:1rem 0}.diag-warning{border-color:#edba68;background:#3d3028}.diag-summary{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0}.diag-summary strong{font-size:1.6rem;color:#9be3c2}.diag-users{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem}.diag-user,.diag-event{border:1px solid #526077;border-radius:16px;padding:1rem;background:#1b253b;min-width:0}.diag-user h2{font-size:1.25rem;margin:.2rem 0}.diag-status{font-size:.8rem;border-radius:12px;padding:.3rem .6rem;background:#334158}.diag-status.is-active{background:#174c3e;color:#b8f4d8}.diag-device{display:grid;gap:.4rem;border-bottom:1px solid #526077;padding:.8rem 0;font-size:.9rem}.diag-user details,.diag-event details{margin:.75rem 0}.diag-user summary,.diag-event summary{cursor:pointer;padding:.35rem 0;color:#ffd0e7}.diag-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;align-items:end;margin:1rem 0}.diag-filters label{display:grid;gap:.3rem;margin:0}.diag-filters input,.diag-filters select{width:100%;min-width:0}.diag-events{display:grid;gap:.7rem;margin:1rem 0}.diag-event p{margin:.45rem 0;overflow-wrap:anywhere}.diag-event time{font-size:.85rem;color:#c5cad5}.diag-section code{white-space:normal;overflow-wrap:anywhere;font-size:.85rem}.diag-description{white-space:pre-wrap}.diag-http{font-weight:bold;color:#ffd0e7}.diag-section textarea{width:100%;box-sizing:border-box}.diag-section small{color:#bec6d5}.diag-section #problem-form{display:grid;gap:.8rem}.diag-section .scope-tabs{display:flex;gap:.4rem}.diag-section .scope-tabs .btn{flex:1}.diag-storage span,.diag-storage small{overflow-wrap:anywhere}@media(max-width:560px){.diag-filters{grid-template-columns:1fr 1fr}.diag-filters .btn{padding:.75rem .4rem}.diag-heading{align-items:flex-start}.diag-user,.diag-event{padding:.85rem}.diag-section h1{font-size:1.8rem}}