.delivery-room-ui{display:grid;gap:1rem;min-width:0;max-width:100%;color:var(--text,#172033)}
.delivery-room-filter-toggle{display:none}.delivery-room-filter-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;align-items:end;padding:1rem;border:1px solid var(--border,#d5dae1);border-radius:.75rem;background:var(--surface,#fff)}
.delivery-room-filter-sheet>*{min-width:0}.delivery-room-field{display:grid;gap:.3rem;font-weight:600}.delivery-room-field input,.delivery-room-field select{box-sizing:border-box;width:100%;min-height:44px;padding:.55rem;border:1px solid var(--border,#9ca3af);border-radius:.4rem;background:inherit;color:inherit}.delivery-room-field input[type="datetime-local"]{min-width:0;max-width:100%}
.delivery-room-checkbox,.delivery-room-filter-actions{display:flex;gap:.5rem;align-items:center}.delivery-room-checkbox{min-height:44px}.delivery-room-button,.delivery-room-copy{min-height:44px;min-width:44px;padding:.55rem .85rem;border:1px solid var(--border,#77808d);border-radius:.5rem;background:var(--surface,#fff);color:inherit;cursor:pointer}.delivery-room-button:disabled{cursor:wait;opacity:.65}.delivery-room-button:focus-visible,.delivery-room-copy:focus-visible,.delivery-room-raw summary:focus-visible{outline:3px solid var(--focus,#2563eb);outline-offset:2px}
.delivery-room-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.delivery-room-groups{display:grid;gap:.75rem}.delivery-room-group{min-width:0;border:1px solid var(--border,#d5dae1);border-radius:.75rem;background:var(--surface,#fff);overflow:hidden}.delivery-room-group-summary{display:grid;gap:.45rem;padding:1rem}.delivery-room-group-summary p{margin:0}.delivery-room-title{display:flex;align-items:center;gap:.5rem;min-width:0;flex-wrap:wrap}.delivery-room-id{font-size:1.05rem;overflow-wrap:anywhere;user-select:text}.delivery-room-state,.delivery-room-reset,.delivery-room-status-summary{font-size:.875rem}.delivery-room-reset{padding:.2rem .45rem;border:1px solid currentColor;border-radius:99px}.delivery-room-attempts{padding:1rem;background:var(--transcript-bg,#f4f7fb)}.delivery-room-attempts[hidden]{display:none}
.delivery-room-transcript{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;min-width:0}.delivery-room-message{display:flex;width:100%;min-width:0}.delivery-room-message-inbound{justify-content:flex-start}.delivery-room-message-outbound{justify-content:flex-end}.delivery-room-bubble{box-sizing:border-box;width:min(82%,46rem);min-width:0;padding:.85rem 1rem;border:1px solid var(--border,#cbd5e1);border-radius:1rem 1rem 1rem .3rem;background:var(--inbound-bg,#fff);box-shadow:0 1px 2px #0f172a12;overflow-wrap:anywhere}.delivery-room-message-outbound .delivery-room-bubble{border-radius:1rem 1rem .3rem 1rem;background:var(--outbound-bg,#eaf2ff);border-color:var(--outbound-border,#9dbbe8)}
.delivery-room-bubble-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;font-size:.8125rem;color:var(--muted,#526071)}.delivery-room-message-text{margin:.6rem 0;white-space:pre-wrap;line-height:1.5}.delivery-room-bubble-status{margin:.35rem 0;font-size:.875rem;font-weight:700}.delivery-room-bubble-status:before{content:"● ";}.status-delivered .delivery-room-bubble-status:before{content:"✓ ";}.status-dead_letter .delivery-room-bubble-status:before{content:"! ";}.delivery-room-retry-timeline{display:grid;gap:.3rem;margin:.65rem 0;padding:.6rem .7rem .6rem 1.8rem;border-left:3px solid var(--border,#94a3b8);background:#ffffff80;font-size:.8125rem}.delivery-room-retry-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem}
.delivery-room-raw{margin-top:.65rem;border-top:1px solid var(--border,#cbd5e1)}.delivery-room-raw summary{display:flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer}.delivery-room-raw-actions,.delivery-room-exact-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.35rem 0}.delivery-room-json{box-sizing:border-box;max-width:100%;max-height:20rem;margin:.5rem 0 0;padding:.75rem;overflow:auto;overscroll-behavior:contain;border-radius:.5rem;background:#111827;color:#f8fafc;font:400 .8125rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.delivery-room-error{padding:.75rem;border-left:4px solid #b91c1c;background:#fef2f2;color:#7f1d1d}.delivery-room-empty,.delivery-room-loading{padding:1rem;text-align:center}.delivery-room-detail{box-sizing:border-box;width:min(42rem,calc(100% - 2rem));max-height:85vh;border:1px solid var(--border,#9ca3af);border-radius:.75rem}.delivery-room-detail header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.delivery-room-detail::backdrop{background:#0f172a99}
@media (max-width:720px){.delivery-room-ui{max-width:100%;overflow-x:hidden}.delivery-room-filter-toggle{display:block;width:100%;min-height:44px}.delivery-room-filter-sheet{display:none;position:fixed;z-index:1000;inset:0;overflow-y:auto;grid-template-columns:1fr;align-content:start;border:0;border-radius:0;padding:1rem 1rem 5rem}.delivery-room-filter-sheet.open{display:grid}.delivery-room-filter-actions{position:sticky;bottom:0;margin:0 -1rem -5rem;padding:1rem;background:inherit}.delivery-room-filter-actions>*{flex:1}.delivery-room-group-summary{padding:.85rem}.delivery-room-title{display:grid;grid-template-columns:minmax(0,1fr) auto}.delivery-room-attempts{padding:.75rem .5rem}.delivery-room-bubble{width:92%;padding:.75rem}.delivery-room-bubble-meta{display:grid}.delivery-room-raw-actions .delivery-room-button,.delivery-room-exact-actions .delivery-room-button{width:100%}.delivery-room-detail{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border-radius:0}.delivery-room-detail-body{overflow-y:auto}}
@media (prefers-reduced-motion:reduce){.delivery-room-ui *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}