/* FIX 2026-09-27 19:05 HanwareWebERP (Web-App-Installation wie VIKZ Online, Anwender-Vorgabe 27.09.2026):
   Hinweiskarte "App installieren" (seit 01.10.2026 unten rechts) im Hanware-Design (Navy, Segoe UI, flach). */
/* FIX 2026-10-01 08:32 HanwareWebERP (PWA-Hinweis, Anwender-Vorgabe 01.10.2026 "Installationsmeldung rechts unten anzeigen"):
   Karte von unten links nach unten rechts verschoben (deckte die Seitenleiste/das Menue ab). */
.hw-pwa-karte { position: fixed; right: 16px; bottom: 16px; z-index: 2990; display: flex; align-items: flex-start; gap: 12px;
    max-width: min(460px, calc(100vw - 32px)); box-sizing: border-box;
    background: #fff; color: #0f172a; border: 1px solid #cbd5e1; border-left: 5px solid #1e3a5f; border-radius: 12px; padding: 14px 38px 14px 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .22); font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; animation: hwPwaEin .3s ease-out; }
.hw-pwa-karte img { width: 48px; height: 48px; border-radius: 10px; flex: 0 0 auto; box-shadow: 0 2px 6px rgba(0,0,0,.12); background: #fff; }
.hw-pwa-karte .m { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hw-pwa-karte .m b { font-size: 14px; }
.hw-pwa-karte .m span { font-size: 12.5px; color: #475569; line-height: 1.5; }
.hw-pwa-karte .d { display: flex; flex-direction: column; gap: 6px; margin-left: auto; }
.hw-pwa-karte .d button { border: 1px solid #cbd5e1; background: #fff; color: #1e3a5f; border-radius: 8px; padding: 7px 12px; font-size: 12.5px; font-weight: 700; cursor: pointer; white-space: nowrap; font-family: inherit; }
.hw-pwa-karte .d button.haupt { background: #1e3a5f; border-color: #1e3a5f; color: #fff; }
.hw-pwa-karte .x { position: absolute; top: 6px; right: 8px; border: 0; background: transparent; font-size: 20px; line-height: 1; color: #94a3b8; cursor: pointer; }
@keyframes hwPwaEin { from { transform: translateY(20px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 520px) { .hw-pwa-karte { flex-wrap: wrap; } .hw-pwa-karte .d { flex-direction: row; margin-left: 60px; } }
@media (prefers-reduced-motion: reduce) { .hw-pwa-karte { animation: none; } }
@media print { .hw-pwa-karte { display: none !important; } }

/* Dunkelmodus (Web ERP: html[data-farbschema="dunkel"]) */
html[data-farbschema="dunkel"] .hw-pwa-karte { background: #1e293b; color: #e2e8f0; border-color: #334155; border-left-color: #60a5fa; }
html[data-farbschema="dunkel"] .hw-pwa-karte .m span { color: #94a3b8; }
html[data-farbschema="dunkel"] .hw-pwa-karte .d button { background: #0f172a; border-color: #334155; color: #bfdbfe; }
html[data-farbschema="dunkel"] .hw-pwa-karte .d button.haupt { background: #2563eb; border-color: #2563eb; color: #fff; }