feat: move the desktop bar to DP-1, and add the mail module

The two bars were both on DP-3, which put the workspaces and the window list
on a rotated 1080px screen while 2560px sat unused next to it. Status stays on
DP-3 alone; the desktop itself moved to DP-1, where the window list has room.

This replaces the stock bar rather than sitting beside it, so hyprland's
autostart now launches this config instead of a bare waybar. ~/.config/waybar
is left on disk, but nothing reads it.

Mail comes over from the stock bar as the same notmuch watcher, minus the
glyph: the envelope is a CSS background and the unread count stays text,
because the count is the content rather than decoration, exactly like the
clock. Its format carries a trailing space so the pill survives the empty
state, since the watcher emits an empty text when nothing is unread and
waybar draws no widget at all for a custom module whose output is empty.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

1 files changed, 30 insertions, 0 deletions

diff --git a/styles/modules.css b/styles/modules.css
index 4d3d38e..9044455 100644
--- a/styles/modules.css
+++ b/styles/modules.css
@@ -106,6 +106,36 @@
 	min-width: 22px;
 }
 
+/* ------------------------------------------------------ *
+ * Mail: envelope icon, unread count as text.              *
+ *                                                         *
+ * The count is content rather than decoration, so it stays *
+ * text like the clock. The state comes from the watcher's  *
+ * class: nothing unread is dim, a dead watcher is loud.    *
+ * ------------------------------------------------------ */
+
+#custom-mail {
+	background-image: url("@ICONS@/actions/22/mail-unread.svg");
+	background-repeat: no-repeat;
+	background-position: 10px center;
+	background-size: 16px 16px;
+	padding-left: 32px;
+	min-height: 16px;
+}
+
+#custom-mail.empty {
+	color: @main-fg;
+	opacity: 0.45;
+}
+
+#custom-mail.unread {
+	color: @main-fg;
+}
+
+#custom-mail.error {
+	color: @critical;
+}
+
 /* ------------------------------------------- *
  * Dots: coloured by their scripts, not by CSS. *
  * ------------------------------------------- */