messages implemented

resources/scss/nova.scss

@@ -91,5 +91,63 @@ header {
 	padding-bottom: 0.25rem;
 }
 
+/* ─── Dropdown animations ─────────────────────────────────────── */
+
+/**
+ * .dd-menu — base (closed) state.
+ * Invisible, shifted up slightly, non-interactive.
+ * On close the element fades out; visibility is hidden *after* the fade
+ * so the element is still rendered during the transition.
+ */
+.dd-menu {
+	opacity: 0;
+	transform: translateY(-6px) scale(0.97);
+	pointer-events: none;
+	visibility: hidden;
+	transition:
+		opacity  140ms ease,
+		transform 140ms ease,
+		visibility 0s linear 140ms;
+}
+
+/**
+ * .dd-menu.is-open — open state.
+ * Fully visible, interactive, with a snappy entrance spring.
+ * visibility is made visible immediately (0s delay), then
+ * opacity + transform animate in.
+ */
+.dd-menu.is-open {
+	opacity: 1;
+	transform: translateY(0) scale(1);
+	pointer-events: auto;
+	visibility: visible;
+	transition:
+		opacity  170ms cubic-bezier(0.16, 1, 0.3, 1),
+		transform 170ms cubic-bezier(0.16, 1, 0.3, 1),
+		visibility 0s linear 0s;
+}
+
+/* Chevron rotation indicator for open dropdowns */
+[data-dd] svg:last-child,
+[data-dropdown-toggle] svg:last-child {
+	transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+[data-dd][aria-expanded="true"] svg:last-child,
+[data-dropdown-toggle][aria-expanded="true"] svg:last-child {
+	transform: rotate(180deg);
+}
+
+/* Item hover: subtle left-border accent when hovering menu links */
+.dd-menu a:hover,
+.dd-menu button:hover {
+	border-left: 2px solid rgba(77,163,255,0.4);
+	padding-left: calc(1rem - 2px);
+}
+.dd-menu a,
+.dd-menu button {
+	border-left: 2px solid transparent;
+	transition: border-color 120ms ease, background-color 120ms ease, padding-left 120ms ease;
+}
+