Merge branch 'master' of https://git.uesome.de/tanztee/hyprcrd into feature/check-whether-works-as-pwa

public/plugins/support/support.css

@@ -124,13 +124,37 @@
     flex-direction: column;
     gap: 18px;
 }
-.support-empty, .support-empty-hero {
+.support-empty {
     color: var(--t-dim);
     text-align: center;
     padding: 40px 20px;
     font-size: 13px;
 }
-.support-empty-hero i { font-size: 48px; display: block; margin: 0 auto 12px; color: var(--t-muted); }
+/* Hero empty-state ("pick a ticket on the left") matches the board's
+ * "no cards found" placeholder: centred in the available column, pixel
+ * font with blink cursor, 4xl dim icon above. flex:1 consumes the
+ * detail column so the axis centring actually has a box to work in. */
+.support-empty-hero {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 20px;
+}
+.support-empty-hero i {
+    display: block;
+    font-size: 2.25rem;      /* matches text-4xl */
+    color: var(--t-dim);
+    margin-bottom: 1rem;     /* matches mb-4 */
+}
+.support-empty-hero p {
+    margin: 0;
+    font-family: var(--t-font-ui, var(--t-font-pixel, 'Silkscreen', cursive));
+    font-size: 0.875rem;     /* text-sm */
+    color: var(--t-dim);
+}
 
 .support-ticket-header h2 { font-family: var(--t-font-pixel); color: var(--t-bright); font-size: 14px; margin: 0 0 4px; }
 .support-ticket-header .meta { color: var(--t-dim); font-size: 11px; display: flex; gap: 12px; flex-wrap: wrap; }

public/plugins/support/support.html

@@ -28,7 +28,7 @@
         <section id="support-detail" class="support-detail">
             <div class="support-empty-hero">
                 <i class="ph ph-envelope-open"></i>
-                <p>Pick a ticket on the left.</p>
+                <p class="cursor-blink">select a ticket</p>
             </div>
         </section>
     </div>

public/plugins/support/support.js

@@ -132,7 +132,7 @@ function renderDetail(t) {
     const host = $('support-detail');
     if (!host) return;
     if (!t) {
-        host.innerHTML = `<div class="support-empty-hero"><i class="ph ph-envelope-open"></i><p>Pick a ticket on the left.</p></div>`;
+        host.innerHTML = `<div class="support-empty-hero"><i class="ph ph-envelope-open"></i><p class="cursor-blink">select a ticket</p></div>`;
         return;
     }
     const replies = (t.replies || []).map(r => `
@@ -168,7 +168,7 @@ function renderDetail(t) {
                 <span id="support-composer-status" class="support-composer-status"></span>
                 <button class="support-btn" id="support-save-fragment"><i class="ph ph-plus-circle"></i> Save as fragment</button>
                 <span class="spacer"></span>
-                <button class="support-btn support-btn-ghost" id="support-status-closed" title="Close without replying">Close ticket</button>
+                <button class="support-btn" id="support-status-closed" title="Close without replying"><i class="ph ph-archive"></i> Close ticket</button>
                 <button class="support-btn support-btn-primary" id="support-send-btn"><i class="ph ph-paper-plane-tilt"></i> Send reply</button>
             </div>
         </div>