/**
 * Einheitliche Scrollbars — my.ahf.cloud (Firefox + WebKit/Chromium)
 * Gilt für alle scrollbaren Flächen; optional Klasse .ahf-scroll.
 */

:root {
  --scroll-track: #f0f1f3;
  --scroll-thumb: #c5cad3;
  --scroll-thumb-hover: var(--accent, #009493);
  --scroll-size: 8px;
}

.ahf-scroll,
.table-wrap,
.assistant-thread,
.app-rail-nav {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}

.ahf-scroll::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar,
.assistant-thread::-webkit-scrollbar,
.app-rail-nav::-webkit-scrollbar {
  width: var(--scroll-size);
  height: var(--scroll-size);
}

.ahf-scroll::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track,
.assistant-thread::-webkit-scrollbar-track,
.app-rail-nav::-webkit-scrollbar-track {
  background: var(--scroll-track);
}

.ahf-scroll::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb,
.assistant-thread::-webkit-scrollbar-thumb,
.app-rail-nav::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 999px;
  border: 2px solid var(--scroll-track);
}

.ahf-scroll::-webkit-scrollbar-thumb:hover,
.table-wrap::-webkit-scrollbar-thumb:hover,
.assistant-thread::-webkit-scrollbar-thumb:hover,
.app-rail-nav::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-thumb-hover);
}

.ahf-scroll::-webkit-scrollbar-corner,
.table-wrap::-webkit-scrollbar-corner,
.assistant-thread::-webkit-scrollbar-corner,
.app-rail-nav::-webkit-scrollbar-corner {
  background: var(--scroll-track);
}

.ahf-scroll::-webkit-scrollbar-button,
.table-wrap::-webkit-scrollbar-button,
.assistant-thread::-webkit-scrollbar-button,
.app-rail-nav::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.table-wrap--sticky-head {
  scrollbar-gutter: stable;
}

.table-wrap--sticky-head .data-table thead th:last-child {
  box-shadow: 12px 0 0 #f3f4f6;
}

html[data-theme="dark"] .table-wrap--sticky-head .data-table thead th:last-child {
  box-shadow: 12px 0 0 #243044;
}