From 7cb541b6c73d0128776efc3946924822c65731de Mon Sep 17 00:00:00 2001
From: zhom <2717306+zhom@users.noreply.github.com>
Date: Sun, 12 Apr 2026 04:00:04 +0400
Subject: [PATCH] style: scrollbars

---
 src/styles/globals.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 82ee3b9..0b9ca85 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -143,9 +143,25 @@
 @layer base {
   * {
     @apply border-border outline-ring/50;
+    /* Thin, transparent-background scrollbars that look consistent across
+       Windows, macOS, and Linux. */
+    scrollbar-width: thin;
+    scrollbar-color: oklch(0.5 0 0 / 30%) transparent;
+  }
+  .dark * {
+    scrollbar-color: oklch(0.8 0 0 / 25%) transparent;
   }
   body {
     @apply bg-background text-foreground;
+    overflow-x: hidden;
+  }
+
+  /* Prevent horizontal scrollbars in dialogs, scroll areas, and panels.
+     Content inside these containers should wrap, not overflow sideways. */
+  [role="dialog"],
+  [data-radix-scroll-area-viewport],
+  [data-slot="content"] {
+    overflow-x: hidden;
   }
 }