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

public/plugins/bookmarks/bookmarks.css

@@ -53,11 +53,8 @@
 /* Overlay shell */
 .bookmarks-shell {
     position: absolute;
-    inset: 40px;
+    inset: 0;
     background: var(--t-surface);
-    border: 1px solid var(--t-border);
-    border-radius: var(--ui-radius-modal, 4px);
-    box-shadow: 0 8px 40px rgba(0,0,0,0.5);
     display: flex;
     flex-direction: column;
     overflow: hidden;

public/plugins/email/email.html

@@ -1,6 +1,6 @@
 <!-- Email Plugin: full-screen mail viewer overlay -->
 <div class="overlay fixed inset-0" id="email-overlay" style="z-index:75;">
-    <div class="email-modal bg-t-bg border border-t-border shadow-2xl flex flex-col" style="position:absolute;inset:24px;border-radius:4px;">
+    <div class="email-modal bg-t-bg flex flex-col" style="position:absolute;inset:0;">
 
         <!-- Header -->
         <div class="flex items-center gap-3 px-4 py-2 border-b border-t-border shrink-0 bg-t-surface">

public/plugins/gitea/gitea.html

@@ -1,6 +1,6 @@
 <!-- Gitea Plugin: full-screen issue browser overlay -->
 <div class="overlay fixed inset-0" id="gitea-overlay" style="z-index:75;">
-    <div class="gitea-modal bg-t-bg border border-t-border shadow-2xl flex flex-col" style="position:absolute;inset:24px;border-radius:4px;">
+    <div class="gitea-modal bg-t-bg flex flex-col" style="position:absolute;inset:0;">
 
         <!-- Header -->
         <div class="flex items-center gap-3 px-4 py-2 border-b border-t-border shrink-0 bg-t-surface">

public/plugins/oumta-dashboard/oumta-dashboard.html

@@ -1,5 +1,5 @@
 <div class="overlay fixed inset-0 z-[75]" style="background:var(--t-overlay)" id="oumta-overlay">
-    <div class="bg-t-surface border border-t-border flex flex-col absolute" style="inset:40px;">
+    <div class="bg-t-surface flex flex-col absolute" style="inset:0;">
 
         <!-- Header -->
         <div class="flex items-center gap-3 px-5 py-3 border-b border-t-border shrink-0">

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>