/* Small polish on top of Tailwind (runtime CDN). */
html { scroll-behavior: smooth; }
#main { max-height: calc(100vh - 22px); overflow-y: auto; }

/* Thin scrollbars to match the compact admin feel */
#main::-webkit-scrollbar, #nav::-webkit-scrollbar { width: 8px; }
#main::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
#nav::-webkit-scrollbar-thumb { background: #475569; border-radius: 8px; }

/* Brand chip background used by chip() helper */
.bg-brand-50 { background: #e0f5f7; }

/* Slide-over enter */
#slideover-root > div:last-child { animation: slidein .18s ease-out; }
@keyframes slidein { from { transform: translateX(24px); opacity: .6; } to { transform: none; opacity: 1; } }

table th { white-space: nowrap; }