Die Dialoge bekommen die Fase -- und einer war ueberhaupt nicht gestaltet

Filipe: "es soll bei jedem nicht nur bei patrick sondern bei jedem die
neue stile haben wie bei mir."

Mein Durchlauf ueber 18 Seiten und fuenf Rollen hatte die DIALOGE
ausdruecklich ausgenommen -- und genau dort lag noch etwas.

1. `.dialog` trug runde Ecken (4px 20px 20px 4px). Er bekommt jetzt
   dieselbe Fase wie alles andere. NICHT ueber die Modulliste: Die
   belegt `::before` und `::after` fuer die Eckwinkel, und beide sind
   hier schon vergeben -- an die Leuchtschiene links und den Lichtsaum.
   Beides gegen zwei Winkel zu tauschen waere ein Rueckschritt, also
   nur der Zuschnitt von Hand, mit derselben Groesse `--fase`.

2. DER WECKER-DIALOG WAR GAR NICHT GESTALTET. Gefunden beim Nachsehen,
   welche Dialoge nicht `.dialog` heissen: Dieser traegt `.tagdialog`,
   und diese Klasse stand in KEINER Stilvorlage. Gemessen bekam er vom
   Browser:

     Hintergrund  rgb(18, 18, 18)   flaches Systemschwarz
     Rand         3 px              Systemrahmen
     Fase         keine
     Raster       keins

   Er sah aus wie ein Fenster des Betriebssystems mitten im Workspace --
   auf JEDER Rolle, denn den Wecker haben alle. Aufgefallen ist es nie,
   weil er nur aufgeht, wenn man die Glocke an einem Termin drueckt.
   Nebenbei stand das Schliesskreuz unter der Ueberschrift statt daneben:
   Auch `.tagdialog__kopf` war ohne Regel.

DAS IST DER GRUND, WARUM DER ERSTE DURCHLAUF "0 im alten Muster" ergab
und trotzdem nicht die ganze Wahrheit war: Meine Messung suchte
Elemente mit runden ECKEN. Ein Baustein ganz ohne Gestaltung hat keine
runden Ecken -- er faellt durch dasselbe Sieb. Eine Suche findet nur,
wonach sie fragt.

pruef-kalender EXIT=0 (84), pruef-wecker EXIT=0 (20),
pruef-css-klassen EXIT=0 (28), pruef-start-ansicht EXIT=0 (140).

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/assets/css/aufgaben.css

@@ -246,7 +246,21 @@
   width: min(580px, calc(100vw - 32px));
   padding: 0;
   border: 1px solid rgba(150, 186, 220, .16);
-  border-radius: 4px 20px 20px 4px;
+  /* DIE FASE STATT RUNDER ECKEN (08.09.2026).
+
+     Filipe: "alles was sie sehen soll dan auch nach der neuen struktur
+     aufgebaut sein" -- und ein Dialog ist das, was man am genauesten
+     ansieht, weil er alles andere verdeckt.
+
+     Er kann NICHT in die Modulliste von module.css: Die belegt
+     `::before` und `::after` fuer die Eckwinkel, und beide sind hier
+     schon vergeben -- an die Leuchtschiene links und den Lichtsaum.
+     Beides gegen zwei Winkel zu tauschen waere ein Rueckschritt.
+     Deshalb hier nur der Zuschnitt, von Hand, mit derselben Groesse
+     `--fase` wie ueberall. Wer die Fase spaeter aendert, aendert sie
+     hier mit. */
+  clip-path: polygon(var(--fase, 18px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase, 18px));
+  border-radius: 0;
   background:
     linear-gradient(90deg,
       color-mix(in srgb, var(--akzent) 16%, transparent) 0%,

workspace/assets/css/kalender.css

@@ -1148,3 +1148,60 @@
   background: linear-gradient(180deg, rgba(12, 16, 25, .7), rgba(6, 9, 15, .7));
   box-shadow: none;
 }
+
+/* ===================================================================
+   DER WECKER-DIALOG WAR GAR NICHT GESTALTET (08.09.2026)
+
+   Filipe: "alles was sie sehen soll dan auch nach der neuen struktur
+   aufgebaut sein."
+
+   Gefunden beim Nachsehen, welche Dialoge NICHT `.dialog` heissen:
+   Dieser hier traegt `.tagdialog`, und diese Klasse steht in keiner
+   einzigen Stilvorlage. Gemessen kam heraus, was ein `<dialog>` ohne
+   Gestaltung vom Browser bekommt:
+
+     Hintergrund rgb(18, 18, 18)   flaches Systemschwarz
+     Rand        3 px              der Systemrahmen
+     Fase        keine
+     Raster      keins
+
+   Er sah damit aus wie ein Fenster des Betriebssystems mitten im
+   Workspace -- und das auf JEDER Rolle, denn den Wecker haben alle.
+   Aufgefallen ist es nie, weil er nur aufgeht, wenn man auf die
+   Glocke an einem Termin drueckt.
+
+   Er bekommt jetzt dieselbe Sprache wie alle anderen Dialoge: die
+   gefraeste Fase, die Leuchtschiene links, denselben Verlauf und
+   denselben Schatten. Bewusst hier und nicht ueber die Modulliste --
+   die belegt beide Pseudo-Elemente fuer Eckwinkel, und die Schiene
+   ist an einem Dialog die wichtigere Aussage.
+   =================================================================== */
+.tagdialog {
+  position: relative;
+  width: min(580px, calc(100vw - 32px));
+  padding: 22px 24px 24px;
+  border: 1px solid rgba(150, 186, 220, .16);
+  clip-path: polygon(var(--fase, 18px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase, 18px));
+  border-radius: 0;
+  background:
+    linear-gradient(90deg,
+      color-mix(in srgb, var(--akzent) 16%, transparent) 0%,
+      color-mix(in srgb, var(--akzent) 5%, transparent) 14%,
+      transparent 40%),
+    linear-gradient(163deg, #141c29 0%, #0a0e17 58%, #070a11 100%);
+  color: var(--text);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, .10),
+    inset 0 -1px 0 rgba(0, 0, 0, .55),
+    inset 2px 0 0 -1px color-mix(in srgb, var(--akzent) 34%, transparent),
+    0 30px 70px -24px rgba(0, 0, 0, .92);
+}
+.tagdialog::backdrop { background: rgba(3, 6, 11, .72); backdrop-filter: blur(3px); }
+/* Kopf und Schliessknopf nebeneinander -- vorher stand das X unter der
+   Ueberschrift, weil nichts sie in eine Zeile gebracht hat. */
+.tagdialog__kopf {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  gap: 16px; margin-bottom: 6px;
+}
+.tagdialog__kopf .titel { margin: 0; font-size: 1.24rem; }
+.wecker-hinweis { margin: 0 0 14px; }