/* Host-facing disclosures: leave room/timer state and existing controls mounted.
   Native details supports keyboard, touch and per-panel Show/Hide without JS. */
.group-timer-page #groupRoom .group-host-disclosure-toggle{
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:32px;margin:0;cursor:pointer;min-width:0;
}
.group-timer-page #groupRoom .group-host-disclosure-toggle::-webkit-details-marker{display:none}
.group-timer-page #groupRoom .group-host-disclosure-toggle .group-section-heading{margin:0}
.group-timer-page #groupRoom .group-host-disclosure-toggle .group-cycle-panel-heading{
  min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;
}
.group-timer-page #groupRoom .group-host-disclosure-toggle .group-quick-settings-action{flex-shrink:0}
.group-timer-page #groupRoom .group-host-timer-details[open] > summary{margin-bottom:14px}
.group-timer-page #groupRoom .group-cycle-settings{
  display:block;margin:16px 0 0;padding:14px 15px;min-width:0;
}
.group-timer-page #groupRoom .group-cycle-settings[open] > summary{margin-bottom:12px}
.group-timer-page #groupRoom .group-cycle-body{display:grid;gap:11px}
.group-timer-page #groupRoom .group-host-timer-details:not([open]) > .group-host-timer-body,
.group-timer-page #groupRoom .group-cycle-settings:not([open]) > .group-cycle-body{display:none!important}
.group-timer-page #groupRoom .group-host-timer-details:not([open]) .group-quick-hide-label,
.group-timer-page #groupRoom .group-cycle-settings:not([open]) .group-quick-hide-label,
.group-timer-page #groupRoom .group-host-timer-details[open] .group-quick-show-label,
.group-timer-page #groupRoom .group-cycle-settings[open] .group-quick-show-label{display:none}
.group-timer-page #groupRoom .group-host-timer-details[open] > summary .group-quick-settings-chevron,
.group-timer-page #groupRoom .group-cycle-settings[open] > summary .group-quick-settings-chevron{transform:rotate(225deg)}
.group-timer-page #groupRoom .group-host-disclosure-toggle:focus-visible{
  outline:3px solid #75b89a;outline-offset:4px;border-radius:4px;
}
@media(max-width:520px){
  .group-timer-page #groupRoom .group-host-disclosure-toggle{gap:8px}
  .group-timer-page #groupRoom .group-cycle-settings{padding:12px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
  .group-timer-page #groupRoom .group-host-disclosure-toggle .group-quick-settings-chevron{transition:none!important}
}