/* =============================================================================
 * Dock-Kacheln · weniger Schatten (Vorgabe Betreiber, Screenshot)
 *
 * Der eingefrorene Bundle malt jede 56×56-Kachel mit einem INLINE-Schatten:
 *
 *     boxShadow: r(i.id) ? `0 4px 20px ${i.color}60`     // offen und sichtbar
 *                        : "0 2px 8px rgba(0,0,0,0.3)"   // Ruhezustand
 *
 * Der zweite Wert ist der Befund. 8px Weichzeichnung bei 30 % Schwarz legen unter
 * jede Kachel einen dunklen Hof, der auf einem hellen Grund (eigenes Bild, helles
 * Motiv) deutlich sichtbar ist und die Reihe unruhig macht — gegen die Stilregel
 * „keine Shadows" (CLAUDE.md), die überall sonst im Repo gilt. Gemessen im Preview
 * (1180×980, Chromium, deviceScaleFactor 2, heller Türkisgrund wie im Screenshot des
 * Betreibers): vorher ein sichtbarer Hof rings um jede Kachel, nachher eine schmale
 * Kante direkt unter ihr.
 *
 * DER SCHATTEN WIRD KLEINER, NICHT NULL. Die Kacheln stehen auf der Glaspille
 * (dock-glass.css, 12 % Weiß) — ein Rest Absetzung hält die Kachel als Objekt AUF
 * der Pille, statt sie hineinzustanzen. Gegengeprüft wurden `0 1px 2px rgba(0,0,0,.10)`
 * (praktisch flach) und `none` (Kachel und Pille verschmelzen an der Unterkante):
 * `0 1px 3px rgba(0,0,0,.14)` hält beides — rund ein Drittel des vorherigen Gewichts.
 *
 * DER FARBIGE SCHEIN DER OFFENEN APP BLEIBT — er ist kein Schmuck, sondern der
 * einzige Unterschied zwischen „offen und sichtbar" und „offen, aber minimiert"
 * (der Punkt unter der Kachel leuchtet in BEIDEN Fällen, siehe `n(i.id)` vs.
 * `r(i.id)` im Bundle). Ihn mit zu dämpfen hieße, einen Zustand unsichtbar zu machen,
 * nach dem niemand gefragt hat.
 *
 * DESHALB `:has()` UND NICHT ZWEI REGELN. Beide Zustände sind dasselbe Element mit
 * demselben Klassensatz; sie unterscheiden sich nur darin, dass der Bundle der
 * offenen Kachel eine zusätzliche Glanzebene einlegt
 * (`<div class="absolute inset-0 rounded-2xl">`). Genau daran hängt die Ausnahme.
 * Ein Browser ohne `:has()` verwirft die ganze Regel und zeigt den Bundle-Schatten —
 * der Rückfall ist der Zustand von vorher, nicht ein kaputter. (`:has()` ist im Repo
 * bereits in `mockups/_pattern.css` in Gebrauch.)
 *
 * `!important` ist Pflicht: der Bundle setzt den Schatten INLINE, und React schreibt
 * ihn bei jedem Zustandswechsel neu. Ohne `!important` gewinnt immer das Attribut.
 *
 * EINE AUSNAHME OHNE EIGENE REGEL: der Franchise-Anker (der Fächer-Kachel im Dock)
 * legt auch im aktiven Zustand keine Glanzebene ein — er bekommt hier also immer den
 * ruhigen Schatten. Das kostet nichts: seine Leuchtbedingung (`grp||aO`) ist genau
 * die des Punktes darunter (`aO`) plus „Fächer offen", und ein offener Fächer steht
 * sichtbar über dem Dock.
 *
 * NICHT ANGEFASST sind die Kacheln IM Fächer (`0 6px 18px ${a.color}66`): sie
 * schweben frei über dem Dock, und ihr Schein ist dort die Absetzung gegen den
 * Hintergrund, nicht Dekoration auf einer Fläche.
 *
 * Alle drei Bildschirmklassen, eine Regel — das Dock ist auf Desktop, Tablet und
 * Telefon dasselbe Element. Gepinnt durch mockups/tests/dock-icons-schatten.test.js.
 * ==========================================================================*/

.dock-item > .w-14.h-14.rounded-2xl:not(:has(> div.absolute)) {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .14) !important;
}