/**
 * 工具导航浮卡滚动条（独立 CSS，不走 Tailwind @layer，Windows 下才能彻底去掉上下箭头）
 *
 * forced-color-adjust: none —— Windows「高对比度/强制配色」无障碍模式下，浏览器会无视
 * 所有自定义滚动条样式（含 ::-webkit-scrollbar），强制画回经典 Win32 样式（浅灰滑轨+
 * 上下三角箭头）。这条属性明确告诉浏览器"这个元素的配色/滚动条不要被强制模式接管"，
 * 从而让下面这些自定义规则在该模式下依然生效。-ms-high-contrast-adjust 是旧版
 * EdgeHTML 的等价写法，新版 Chromium Edge 已不需要，留着无副作用。
 */
.tool-panel-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.22) transparent;
  forced-color-adjust: none;
  -ms-high-contrast-adjust: none;
}

.tool-panel-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}

.tool-panel-scroll::-webkit-scrollbar-button,
.tool-panel-scroll::-webkit-scrollbar-button:single-button,
.tool-panel-scroll::-webkit-scrollbar-button:vertical:start:decrement,
.tool-panel-scroll::-webkit-scrollbar-button:vertical:end:increment,
.tool-panel-scroll::-webkit-scrollbar-button:horizontal:start:decrement,
.tool-panel-scroll::-webkit-scrollbar-button:horizontal:end:increment,
.tool-panel-scroll::-webkit-scrollbar-button:start:decrement,
.tool-panel-scroll::-webkit-scrollbar-button:end:increment {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
}

.tool-panel-scroll::-webkit-scrollbar-track,
.tool-panel-scroll::-webkit-scrollbar-track-piece,
.tool-panel-scroll::-webkit-scrollbar-corner {
  background: transparent !important;
}

.tool-panel-scroll::-webkit-scrollbar-thumb {
  background: rgba(156, 163, 175, 0.22) !important;
  border-radius: 999px !important;
}

.tool-panel-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(107, 114, 128, 0.4) !important;
}