/* Reveali Boardroom V11 — plainly labeled, logically ordered controls.
   Group order matches the on-screen buttons: Animations -> Pause, Slides -> Back/Next. */
.controls-right {
  display:flex; align-items:center; justify-content:flex-end;
  gap:16px; flex-wrap:nowrap; white-space:nowrap;
}
.controls-right .control-group {
  display:flex; align-items:center; gap:8px; min-width:0;
}
.controls-right .control-group-label {
  color:#97c2ce; font:700 10px var(--font);
  letter-spacing:.105em; white-space:nowrap;
}
.controls-right .control-group-label kbd {
  font:700 10px var(--font);
  letter-spacing:.025em; color:#c5edf2;
  background:rgba(19,73,86,.65);
  border:1px solid rgba(147,222,237,.26);
  border-radius:3px; padding:5px 7px;
  margin-left:7px;
}
.controls-right .controls-divider {
  width:1px; height:24px; flex:none; margin-right:0; padding:0;
  background:linear-gradient(transparent,rgba(153,220,230,.32),transparent);
}
.controls-right .pause-motion { min-width:104px; }
.controls-right .navigation-controls button { flex:none; }
.controls-right .navigation-controls button:disabled { cursor:not-allowed; }
@media(max-width:1240px) {
  .controls-right .control-group-label kbd { display:none; }
  .controls-right { gap:11px; }
}
@media(max-width:1030px) {
  .controls-right .control-group-label { display:none; }
  .controls-right { gap:9px; }
}
@media(max-width:580px) {
  .controls-right { gap:6px; }
  .controls-right .control-group { gap:4px; }
  .controls-right .controls-divider { height:19px; }
  .controls-right .pause-motion { min-width:34px; }
}