/* DJai Intercom-skin voor het Chatwoot-dashboard (geladen via pe.html-injectie).
   Doel: de overstap van Intercom zo vertrouwd mogelijk maken — neutrale
   near-black dark mode, Intercom-blauwe teamantwoorden, volledige collega-lijst. */

/* 1. Font: systeemstack zoals Intercom (SF Pro op Mac, Segoe op Windows) */
html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif !important;
}

/* 2. Collega-/folderlijst in de sidebar niet afkappen (was 240px scrollbak
      met onzichtbare scrollbar) */
li[class*="sidebar-section"] .max-h-60 {
  max-height: none !important;
  overflow: visible !important;
}

/* 3. Dark mode: neutrale Intercom-grijzen i.p.v. Chatwoots blauwgrijs.
      Chatwoot v4 bouwt alles op de Radix --slate-schaal, dus één her-tint
      kleurt het hele dashboard. */
.dark {
  --slate-1: 18 18 18;
  --slate-2: 23 23 23;
  --slate-3: 31 31 31;
  --slate-4: 38 38 38;
  --slate-5: 45 45 45;
  --slate-6: 53 53 53;
  --slate-7: 66 66 66;
  --slate-8: 92 92 92;
  --slate-9: 128 128 128;
  --slate-10: 148 148 148;
  --slate-11: 176 176 176;
  --slate-12: 238 238 238;
}

/* 4. Antwoord-bubbels: team én DJai in hetzelfde Intercom-blauw.
      LET OP: Chatwoot zet .dark op een wrapper (niet op <html>), dus de
      light-variant is de basisregel en .dark de override — géén :not(.dark)-
      guards (die wonnen op specificiteit óók in dark, vandaar de onleesbare
      lichte bubbels op 31-08). */
.right-bubble { background: #d8e7fb !important; color: #1a1d21 !important; }
.dark .right-bubble { background: #1e2c4a !important; color: #e2e8f4 !important; }

/* klantkant: rustige grijze kaart zoals Intercom */
.left-bubble { background: #f2f2f2 !important; }
.dark .left-bubble { background: #262626 !important; }

/* 5. Fade-verloop + chevron-hint onder de folderslijst weg (lijst is al volledig) */
li[class*="sidebar-section"] .absolute.bg-gradient-to-t { display: none !important; }