[hidden] { display: none !important; }
#panel-owner h2, #shared-heading { font-size: 1.2rem; }
#panel-owner h3 { font-size: 1rem; margin: 1.5rem 0 .5rem; }
#panel-owner form, #shared-messages { margin: 1rem 0; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
#panel-owner label, #bug-dialog label, #invitee-message-form label { display: block; margin: .6rem 0; font-size: .9rem; }
#panel-owner input, #panel-owner textarea, #bug-dialog textarea, #invitee-message-body { display: block; width: 100%; margin-top: .3rem; padding: .7rem; color: var(--fg); background: var(--bg); border: 1px solid var(--line); border-radius: 8px; font: inherit; }
#panel-owner button, #bug-dialog button, #bug-toggle, #invitee-message-form button { padding: .65rem .85rem; color: var(--fg); background: var(--card); border: 1px solid var(--line); border-radius: 8px; font: inherit; cursor: pointer; }
#panel-owner button:focus-visible, #bug-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#panel-owner button:disabled { opacity: .55; cursor: wait; }
.tool-row { display: flex; flex-wrap: wrap; gap: .5rem; }
.event-list, .message-list { list-style: none; padding: 0; margin: .5rem 0 1rem; }
.event-list li, .message-list li { padding: .6rem 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.message-list p { margin: .2rem 0; white-space: pre-wrap; }
.message-list a { color: var(--accent); }
.event-list time, .message-list time, .activity-help { color: var(--muted); font-size: .8rem; }
#panel-owner details { margin: 1.5rem 0; }
.owner-entry { margin-top: 1rem; color: var(--muted); font-size: .8rem; }
#qr-status { max-width: 32rem; margin: 0; text-align: center; font-size: .8rem; color: var(--muted); }
#bug-toggle { position: fixed; bottom: max(.5rem, env(safe-area-inset-bottom)); right: .5rem; z-index: 20; font-size: .75rem; }
.qr-actions #bug-toggle { position: static; padding: .3rem .5rem; margin-top: .3rem; }
#bug-dialog { width: min(92vw, 32rem); color: var(--fg); background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius); }
#bug-dialog::backdrop { background: #0009; }
#bug-dialog h2 { font-size: 1.15rem; }
body.owner-view main { margin: 0; }
@media (max-height: 650px) {
  .qr-stage { padding: 2rem 16px 1rem; gap: .5rem; }
  .qr-code { width: min(58vw, 40vh); }
  .qr-hint { display: none; }
}

.message-list strong { display: block; font-size: .85rem; }

#public-events details { margin: .3rem 0; }
#public-events summary { overflow-wrap: anywhere; }
#public-events .event-list { padding-left: .75rem; }
#panel-owner summary { cursor: pointer; }

#invitee-conversation summary { cursor: pointer; font-weight: 600; }
#shared-messages { padding: .65rem 1rem; }

#session-info a { color: var(--accent); text-underline-offset: 3px; }

#qr-session-meta { text-align: center; font-size: .8rem; color: var(--muted); }
#qr-session-label { margin: 0 0 .25rem; color: var(--fg); font-weight: 600; overflow-wrap: anywhere; }

#qr-session-age { margin: .25rem 0 0; }