v2.0.13 — edge-to-edge fullscreen overlays, rounded-cards badge variant

- Overlays: drop the 24/40/54px inset frame on tasks, calendar,
  gallery, search, detail, edit modal, bookmarks, email, gitea and
  oumta-dashboard so they fill the viewport like the support
  overlay does. Removed the shared border-radius + overflow:hidden
  rule on their inner containers (only settings + dialog still use
  it) so the card's top colour bar isn't clipped.
- Done badge: the corner-triangle variant gets chopped by rounded
  card borders. applyDesign now toggles body.rounded-cards whenever
  --ui-radius-card > 0, and the CSS swaps the triangle for a 18px
  circle pill with the check centred. Triangle stays for square
  cards.
- Support plugin: "Close ticket" button is a regular labelled
  button now (was a 30×30 icon ghost that clipped the text). Empty
  hero state ("select a ticket") matches the board's empty style —
  centred in the column with a pixel-font blink-cursor label.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

public/css/style.css

@@ -109,17 +109,14 @@ select[class*="border-t-accent"] {
 .prose img { border-radius: var(--ui-radius-image); }
 .board-card.card-has-cover { border-radius: var(--ui-radius-card); }
 
-/* Modal containers (the inner box of each overlay) */
-#modal > div,
-#detail > div,
+/* Modal containers (the inner box of each overlay). Only for floating /
+ * framed modals — the fullscreen overlays (modal, detail, search, tasks,
+ * calendar, gallery, and the support / plugin overlays) fill the whole
+ * viewport now and don't want the rounded-corner + overflow:hidden
+ * combo, which would clip the top color bar and soften the edge-to-edge
+ * look. */
 #settings-overlay > div,
-#search > div,
-#tasks > div,
-#calendar > div,
-#gallery > div,
-#dialog > div,
-#detail > div,
-#modal > div {
+#dialog > div {
     border-radius: var(--ui-radius-modal);
     box-shadow: var(--ui-shadow-modal);
     overflow: hidden;
@@ -402,6 +399,19 @@ body.settings-peeking #settings-overlay > div { pointer-events: auto; }
 .due-pill { display: inline-flex; align-items: center; gap: 3px; padding: 0 5px; border-radius: 8px; font-size: 9px; line-height: 16px; color: var(--t-bg); font-family: var(--t-font-pixel); }
 .card-done-badge { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 24px 24px; border-color: transparent transparent #4ade80 transparent; z-index: 1; }
 .card-done-badge i { position: absolute; bottom: -22px; right: 1px; font-size: 10px; color: #000; }
+/* Rounded-cards variant: the corner triangle gets clipped by the
+ * rounded border, so toggle to a circle pill that sits comfortably
+ * inside any radius. JS adds `rounded-cards` on body whenever
+ * --ui-radius-card is > 0. */
+body.rounded-cards .card-done-badge {
+    width: 18px; height: 18px;
+    bottom: 6px; right: 6px;
+    border: none;
+    border-radius: 50%;
+    background: #4ade80;
+    display: flex; align-items: center; justify-content: center;
+}
+body.rounded-cards .card-done-badge i { position: static; bottom: auto; right: auto; font-size: 11px; color: #000; font-weight: bold; }
 .board-card:has(.card-bar-pulse) .card-bar-pulse ~ * .text-t-danger { animation: pulse-glow 2s ease-in-out infinite; }
 .card-spinner { animation: spin 0.8s linear infinite; display: inline-block; }