/* Paket 179 · Eigene Tooltips, sofort sichtbar (shared/ui/tipp.js).
 * Ein weiches, cremefarbenes Schildchen mit dunklem Text, runden Ecken, leichtem Schatten und einem kleinen Dreieck zum Knopf hin.
 * Ruhig und kompakt: keine Zeichen, kein Schmuck. Schrift wie die übrige Oberfläche (system-ui), Tasten wie `.ae-kbd` der unteren Leiste.
 * Das Schildchen ist ein Popover (oberste Ebene, auch über offenen showModal-Fenstern) und fängt nie Zeigerereignisse ab. */
.tipp-schild{display:none;position:fixed;inset:auto;left:0;top:0;margin:0;box-sizing:border-box;width:max-content;max-width:min(300px,calc(100vw - 16px));overflow:visible;
 padding:6px 11px 6px;border:1px solid #eadcc0;border-radius:11px;background:#fffaf0;color:#47402f;
 font:500 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-align:left;white-space:pre-line;overflow-wrap:break-word;
 box-shadow:0 6px 18px #4a3d2a2b,0 1px 3px #4a3d2a1f;pointer-events:none;z-index:2147483000;
 opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}
.tipp-schild.ist-offen{display:block}
.tipp-schild.ist-unten{transform:translateY(-3px)}
.tipp-schild.ist-da{opacity:1;transform:none}
.tipp-schild.ist-sofort{transition:none}
/* Das Dreieck: ein gedrehtes Quadrat in derselben Farbe, nur zwei Seiten mit Rand. Seine Lage setzt tipp.js (--spitze). */
.tipp-schild::after{content:'';position:absolute;left:var(--spitze,50%);bottom:-5px;width:9px;height:9px;margin-left:-4.5px;box-sizing:border-box;
 background:#fffaf0;border-right:1px solid #eadcc0;border-bottom:1px solid #eadcc0;border-radius:0 0 3px 0;transform:rotate(45deg)}
.tipp-schild.ist-unten::after{bottom:auto;top:-5px;border:0;border-left:1px solid #eadcc0;border-top:1px solid #eadcc0;border-radius:3px 0 0 0}
/* ◀ 491 · Links neben dem Anker (data-tipp-seite="links", die Blickleiter am rechten Rand): das Dreieck rechts, auf seiner Höhe (--spitze). */
.tipp-schild.ist-links{transform:translateX(3px)}
.tipp-schild.ist-links.ist-da{transform:none}
.tipp-schild.ist-links::after{left:auto;right:-5px;bottom:auto;top:var(--spitze,50%);margin:-4.5px 0 0;border:0;border-right:1px solid #eadcc0;border-top:1px solid #eadcc0;border-radius:0 3px 0 0}
/* Tastenkürzel: wie die Tasten der unteren Leiste (editor.css .ae-kbd), hier auf Creme. */
.tipp-schild .tipp-taste{display:inline-block;min-width:17px;margin:0 1px 0 6px;padding:0 5px;box-sizing:border-box;border:1px solid #dccfbd;border-bottom-width:2px;border-radius:6px;
 background:#fffdf8;color:#6d6152;font:600 12px/1.5 ui-monospace,Menlo,Consolas,monospace;letter-spacing:0;text-align:center;white-space:nowrap;vertical-align:1px}
.tipp-schild .tipp-trenner{margin:0 -1px 0 -3px;color:#8f816a;font-size:12px}
.tipp-schild .tipp-taste+.tipp-taste{margin-left:2px}
.tipp-schild .tipp-trenner+.tipp-taste{margin-left:2px}
@media (prefers-reduced-motion:reduce){.tipp-schild{transition:none}}
@media print{.tipp-schild.ist-offen{display:none}}