/* ══════════════════════════════════════ WARZ SERVER — scrollbar.css Dark-Red Tactical Theme ใส่ใน ทุกหน้า หรือ import ใน main CSS ══════════════════════════════════════ */ /* ── Global scrollbar (Webkit: Chrome, Edge, Safari) ── */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: #0a0a0e; border-left: 1px solid rgba(232, 0, 26, 0.08); } ::-webkit-scrollbar-thumb { background: rgba(232, 0, 26, 0.45); border-radius: 3px; transition: background 0.2s; } ::-webkit-scrollbar-thumb:hover { background: rgba(232, 0, 26, 0.75); } ::-webkit-scrollbar-thumb:active { background: #e8001a; } ::-webkit-scrollbar-corner { background: #0a0a0e; } /* ── Firefox ── */ * { scrollbar-width: thin; scrollbar-color: rgba(232, 0, 26, 0.45) #0a0a0e; } /* ── ถ้าต้องการ scrollbar เล็กมากๆ เช่น ใน panel/card ── */ .scrollbar-xs::-webkit-scrollbar { width: 3px; height: 3px; } .scrollbar-xs { scrollbar-width: thin; } /* ── Scrollbar สำหรับ panel สีเข้ม (sidebar ฯลฯ) ── */ .scrollbar-dark::-webkit-scrollbar-track { background: #050507; } .scrollbar-dark::-webkit-scrollbar-thumb { background: rgba(232, 0, 26, 0.3); } .scrollbar-dark::-webkit-scrollbar-thumb:hover { background: rgba(232, 0, 26, 0.6); }