/* Compact Group Timer: presentation-only. No timer, account, or session behavior changes. */
.group-timer-page .group-wrap{
  max-width:1180px;
  padding:clamp(20px,2.6vw,32px) clamp(18px,3vw,30px) 52px;
}
.group-timer-page .group-intro{max-width:820px;margin-bottom:11px}
.group-timer-page .group-intro .group-kicker{margin-bottom:7px}
.group-timer-page .group-intro h1{
  margin:0 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:clamp(34px,4vw,48px);
  letter-spacing:-.025em;
  line-height:1.08;
}
.group-timer-page .group-intro>p:last-child{
  max-width:760px;font-size:clamp(13px,1.35vw,15px);line-height:1.5;
}
.group-timer-page .group-social-actions{
  margin:12px 0 17px;gap:10px;align-items:center;
}
.group-timer-page .group-social-nav-btn{
  min-height:46px;padding:5px 14px 5px 7px;gap:9px;
  border-radius:12px;box-shadow:none;
}
.group-timer-page .group-social-icon-badge{
  width:33px;height:33px;border-radius:10px;
}
.group-timer-page .group-social-symbol{width:20px;height:20px}
.group-timer-page .group-discord-community{
  margin:17px 0 0;padding:11px 14px;gap:11px;
}
.group-timer-page .group-discord-icon{
  flex-basis:37px;width:37px;height:37px;border-radius:10px;
}
/* Room overview stays above the timer itself and wraps at narrow widths. */
.group-timer-page #groupRoom .group-session-summary{
  padding:18px 22px;
  border:1px solid #d9e5dd;
  border-radius:18px;
  background:linear-gradient(125deg,#fbfdfb,#f3f9f5);
  box-shadow:0 5px 24px rgba(33,74,50,.035);
}
.group-timer-page #groupRoom .group-room-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  margin:0;
}
.group-timer-page #groupRoom .group-room-heading-inner{
  display:grid;
  grid-template-columns:minmax(140px,.55fr) minmax(0,1.65fr);
  align-items:center;
  gap:20px;
  min-width:0;
}
.group-timer-page #groupRoom .group-room-name{
  min-width:0;align-self:stretch;
  display:flex;flex-direction:column;justify-content:center;
  padding-inline-end:18px;
  border-inline-end:1px solid #d9e6df;
}
.group-timer-page #groupRoom .group-room-name .group-kicker{
  margin-bottom:7px;
}
.group-timer-page #groupRoom .group-room-name h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(25px,3.3vw,39px);
  font-weight:700;line-height:1.13;
  margin:0;letter-spacing:-.03em;overflow-wrap:anywhere;
}
.group-timer-page #groupRoom .group-title-row{flex-wrap:wrap;gap:6px}
.group-timer-page #groupRoom .group-room-details{min-width:0}
.group-timer-page #groupRoom .group-room-details .group-muted{
  margin:0 0 4px;font-size:13px;line-height:1.5;
}
.group-timer-page #groupRoom #groupAccountAccess{
  margin-top:6px!important;max-width:none!important;
}
.group-timer-page #groupRoom #groupAccountAccess .group-small{
  margin:2px 0 0;line-height:1.45;
}
.group-timer-page #groupRoom #groupAccountOpen{
  min-height:38px;padding:7px 11px;font-size:12px;
}
.group-timer-page #groupRoom #groupAccountForm{
  max-width:420px;
}
.group-timer-page #groupRoom .group-online{
  justify-self:end;min-height:35px;padding:7px 11px;white-space:nowrap;
}
.group-timer-page #groupRoom #groupHostLabel{
  margin:10px 0 0;
  padding-inline-start:calc(24.8% + 6px);
  font-size:13px;line-height:1.45;
}
.group-timer-page #groupRoom .group-columns{
  margin-top:15px;
  gap:14px;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr);
}
.group-timer-page #groupRoom .group-clock-card{
  padding:clamp(17px,2.2vw,25px);
  border-radius:18px;
}
.group-timer-page #groupRoom .group-status{margin-bottom:8px}
.group-timer-page #groupRoom .group-side{gap:12px}
.group-timer-page #groupRoom .group-side .group-card{
  padding:17px;border-radius:14px;
}
.group-timer-page #groupRoom .group-controls{gap:8px}
.group-timer-page #groupRoom .group-timer-control-stack{gap:11px}
/* Compact create/join forms without changing defaults or access rules. */
.group-timer-page .group-setup{gap:14px}
.group-timer-page .group-setup .group-card{padding:20px}
.group-timer-page .group-setup input{min-height:42px;margin-bottom:13px}
.group-timer-page .group-setup label{margin-bottom:5px}
.group-timer-page .group-setup .group-muted{margin-bottom:13px}
html[data-theme="dark"] .group-timer-page #groupRoom .group-session-summary{
  background:linear-gradient(125deg,#202b25,#21332b);
  border-color:#456152;box-shadow:none;
}
html[data-theme="dark"] .group-timer-page #groupRoom .group-room-name{
  border-color:#445b4f;
}
@media(max-width:900px){
  .group-timer-page #groupRoom .group-room-heading-inner{
    grid-template-columns:minmax(118px,.65fr) minmax(0,1.3fr);gap:14px;
  }
  .group-timer-page #groupRoom #groupHostLabel{padding-inline-start:0}
  .group-timer-page #groupRoom .group-columns{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:650px){
  .group-timer-page .group-wrap{padding:18px 15px 35px}
  .group-timer-page .group-intro{margin-bottom:10px}
  .group-timer-page .group-social-actions{margin:10px 0 14px}
  .group-timer-page #groupRoom .group-session-summary{padding:15px 16px}
  .group-timer-page #groupRoom .group-room-heading{
    grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;
  }
  .group-timer-page #groupRoom .group-room-heading-inner{
    grid-template-columns:minmax(0,1fr);gap:9px;
  }
  .group-timer-page #groupRoom .group-room-name{
    border-inline-end:0;border-bottom:1px solid #d9e6df;
    padding:0 0 10px;
  }
  html[data-theme="dark"] .group-timer-page #groupRoom .group-room-name{
    border-color:#445b4f;
  }
  .group-timer-page #groupRoom .group-online{justify-self:start}
  .group-timer-page #groupRoom #groupHostLabel{margin-top:8px}
  .group-timer-page .group-setup .group-card{padding:16px}
}
@media(max-width:400px){
  .group-timer-page .group-social-nav-btn{
    flex:1 1 auto;min-width:0;gap:6px;padding:5px 8px;font-size:12px;
  }
  .group-timer-page .group-social-icon-badge{width:30px;height:30px}
}

/* One visible, compact mini-window launch next to the timer (not buried in settings). */
.group-timer-page #groupRoom .group-mini-launch{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:6px 10px;margin:7px auto 2px;max-width:540px;
}
.group-timer-page #groupRoom .group-mini-launch button{
  min-height:36px;min-width:0;padding:6px 12px;
  border:1px solid var(--sc-border,#b9c9c0);border-radius:10px;
  background:var(--sc-surface-raised,#fff);color:var(--sc-text,#23372e);
  font:600 12px/1.3 Inter,system-ui,sans-serif;cursor:pointer;
}
.group-timer-page #groupRoom .group-mini-launch button:hover,
.group-timer-page #groupRoom .group-mini-launch button:focus-visible{
  border-color:var(--sc-accent-strong,#168562);
  outline-offset:2px;
}
.group-timer-page #groupRoom .group-mini-launch .group-small{
  flex:1 1 180px;max-width:340px;margin:0;text-align:start;
  color:var(--sc-muted,#65746c);font-size:11px;line-height:1.35;
}
.group-timer-page #groupRoom .group-mini-launch [hidden]{display:none!important}