oups

internal/panel/static/app.css

@@ -0,0 +1,23 @@
+/* Custom styles — Tailwind handles most of the heavy lifting */
+
+/* Scrollbar — Discord-dark style */
+::-webkit-scrollbar { width: 8px; height: 8px; }
+::-webkit-scrollbar-track { background: #1e1f22; }
+::-webkit-scrollbar-thumb { background: #3f4147; border-radius: 4px; }
+::-webkit-scrollbar-thumb:hover { background: #5865f2; }
+
+/* HTMX loading indicator */
+.htmx-indicator { opacity: 0; transition: opacity 150ms; }
+.htmx-request .htmx-indicator { opacity: 1; }
+
+/* Color picker alignment */
+input[type="color"] { padding: 2px; cursor: pointer; }
+
+/* Toast animations */
+@keyframes slideIn { from { transform: translateX(120%); } to { transform: translateX(0); } }
+@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
+.toast-enter { animation: slideIn 0.2s ease-out; }
+.toast-leave { animation: fadeOut 0.3s ease-in forwards; }
+
+/* Sidebar active link */
+.sidebar-link-active { background-color: #404249; color: #fff; }