/* Hypatia collaborative suite V16 compatibility.
 * Shared by hyTeams, hyMeet and Calendar. Scoped to .hy-collab-v16 only.
 * Relies on existing design tokens; does not override app layouts.
 */
body.hy-collab-v16 {
  --hy-collab-accent: var(--accent, var(--hymeet-accent, #35eaff));
  --hy-collab-surface: var(--glass-bg-heavy, rgba(14, 23, 39, .78));
  --hy-collab-border: var(--glass-border, rgba(126, 203, 255, .20));
  --hy-collab-text: var(--text, #eef7ff);
  --hy-collab-muted: var(--muted, #a8bad0);
  --hy-collab-radius: var(--radius-ios, 18px);
  accent-color: var(--hy-collab-accent);
}
html[data-theme="light"] body.hy-collab-v16,
html.light body.hy-collab-v16 {
  --hy-collab-surface: var(--glass-bg-heavy, rgba(255,255,255,.94));
  --hy-collab-border: var(--glass-border, rgba(51,101,155,.19));
  --hy-collab-text: var(--text, #172942);
  --hy-collab-muted: var(--muted, #526780);
}
body.hy-collab-v16 :is(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible {
  outline: 2px solid var(--hy-collab-accent);
  outline-offset: 3px;
}
body.hy-collab-v16 :is(.glass,.card,.modal,[role="dialog"]) {
  min-width: 0;
}
body.hy-collab-v16 :is(.nav,.topbar,.toolbar) {
  min-width: 0;
}
body.hy-collab-v16 :is(img,video,canvas) {
  max-width: 100%;
}
@media (max-width: 620px) {
  body.hy-collab-v16 :is(.joinrow,.toolbar,.nav) {
    min-width: 0;
  }
  body.hy-collab-v16 :is(input,textarea,select) {
    font-size: max(16px, 1rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.hy-collab-v16 :is(.glass,.card,.modal,[role="dialog"]) {
    scroll-behavior: auto;
    animation-duration: 0.01ms;
  }
}