/* ──────────────────────────────────────────────────────────────
   WiserTalk base + utilities
   Scoped to .wt-page so legacy DaisyUI pages stay untouched.
   ────────────────────────────────────────────────────────────── */

/* Page wrapper — every page migrated to the new design system
   must add class="wt-page" (alone or composed with a layout class
   like .ct-page) to its root element. */
.wt-page {
  font-family: var(--wt-font);
  color: var(--wt-fg);
  background: var(--wt-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wt-page * { box-sizing: border-box; }
.wt-page button { font-family: inherit; }

/* Scrollbar utility — thin, theme-aware. Add .wt-scroll to any scrollable container. */
.wt-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--wt-border-2) transparent;
}
.wt-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.wt-scroll::-webkit-scrollbar-thumb {
  background: var(--wt-border-2);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.wt-scroll::-webkit-scrollbar-track { background: transparent; }

/* Dividers */
.wt-divider  { height: 1px; background: var(--wt-border); margin: 8px 0; }
.wt-vdivider { width: 1px;  background: var(--wt-border); margin: 0 8px; align-self: stretch; }

/* Full-bleed utility — neutralizes MainLayout's p-6 padding so .ct-page can
   own the layout edge-to-edge. Required while MainLayout is still padded.
   Remove usages once MainLayout is refactored (Phase 5). */
.wt-fullbleed {
  margin: -1.5rem;
  height: calc(100% + 3rem);
  display: flex;
  flex-direction: column;
  background: var(--wt-bg);
}

/* Keyboard shortcut display (⌘K, Esc, etc.) */
.wt-kbd {
  font-family: var(--wt-font-mono);
  font-size: 10px;
  background: var(--wt-bg-3);
  border: 1px solid var(--wt-border);
  border-bottom-width: 2px;
  border-radius: 4px;
  padding: 1px 5px;
  color: var(--wt-fg-2);
}