/**
 * Custom Scrollbar – global für alle Seiten (Dark & Light)
 * Gilt für Viewport (html) und alle scrollbaren Bereiche.
 */

/* Firefox: dünne Scrollbar, Farbe je Theme */
html {
  scrollbar-width: thin;
  scrollbar-gutter: stable; /* nur Viewport – sonst entsteht rechts bei Tabellen/Cards ein Gap */
}
* {
  scrollbar-width: thin;
}

/* ========== DARK MODE ========== */
[data-pc-theme="dark"] html,
[data-pc-theme="dark"] * {
  scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

[data-pc-theme="dark"] *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-pc-theme="dark"] *::-webkit-scrollbar-track {
  background: transparent;
}

[data-pc-theme="dark"] *::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

[data-pc-theme="dark"] *::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}

[data-pc-theme="dark"] *::-webkit-scrollbar-corner {
  background: transparent;
}

/* ========== LIGHT MODE ========== */
[data-pc-theme="light"] html,
[data-pc-theme="light"] * {
  scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}

[data-pc-theme="light"] *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-pc-theme="light"] *::-webkit-scrollbar-track {
  background: transparent;
}

[data-pc-theme="light"] *::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

[data-pc-theme="light"] *::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

[data-pc-theme="light"] *::-webkit-scrollbar-corner {
  background: transparent;
}