/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');

/* Tenant: PracticeHQ.ai - teal accent override.
   Scoped CSS reads --accent-fg directly. The applyTenantTheme JS
   in wwwroot/js/interop.js writes the same value at runtime; this
   static class is a defensive fallback / pre-paint optimisation. */
.tenant-practicehq {
  --accent-fg: #0d9488;
}

/* MudBlazor tooltip override - use app theme colours */
.mud-tooltip {
  background: var(--canvas-subtle) !important;
  color: var(--fg-default) !important;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%; overflow: hidden;
  background: var(--canvas-inset); color: var(--fg-default);
}

::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--canvas-inset); border-radius: 2px; }

@keyframes fadeUp { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }

/* skeleton overrides */
.sk-bone.mud-skeleton { background: var(--canvas-subtle) !important; }
.sk-bone.mud-skeleton::after { background: linear-gradient(90deg, transparent, var(--border-muted), transparent) !important; }

/* colour avatar helpers — overridden flat in hque-overrides.css */
.av-blue    { background: linear-gradient(135deg, #2563eb, #0891b2); }
.av-violet  { background: linear-gradient(135deg, #7c3aed, #a78bfa); }
.av-emerald { background: linear-gradient(135deg, #059669, #06b6d4); }
.av-amber   { background: linear-gradient(135deg, #d97706, #ef4444); }
.av-rose    { background: linear-gradient(135deg, #e11d48, #fb923c); }