/*
 * SG KMH Web-App – Installationshilfe und Hinweisbalken.
 * CI-Variablen (--sgkmh-*) wie in allen SG-KMH-Plugins, mit eigenen Standardwerten.
 */
.sgkmh-pwa-install,
.sgkmh-pwa-bar {
    --_text: var(--sgkmh-anthrazit, #1E2229);
    --_accent: var(--sgkmh-blau, #3A9BE3);
    --_dark: var(--sgkmh-blau-dark, #1F6FB8);
    --_ice: var(--sgkmh-eisblau, #F2F8FC);
    --_line: var(--sgkmh-steel, #A5ADB8);
}
.sgkmh-pwa-install { padding: 1rem 1.25rem; border: 1px solid var(--_line); border-top: 3px solid var(--_accent); border-radius: .5rem; background: #fff; color: var(--_text); }
.sgkmh-pwa-install p { margin: 0 0 .5rem; }
.sgkmh-pwa-install > :last-child,
.sgkmh-pwa-install .pwa-state > :last-child { margin-bottom: 0; }
.sgkmh-pwa-install ol { margin: 0 0 .75rem 1.25rem; padding: 0; }
.sgkmh-pwa-install [hidden],
.sgkmh-pwa-bar [hidden] { display: none !important; }

.sgkmh-pwa-install .pwa-btn,
.sgkmh-pwa-bar .pwa-btn { padding: .65rem 1.1rem; border: 0; border-radius: .4rem; background: var(--_dark); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.sgkmh-pwa-install .pwa-btn:hover,
.sgkmh-pwa-bar .pwa-btn:hover { background: var(--_text); }

.sgkmh-pwa-bar { position: fixed; left: .75rem; right: .75rem; bottom: calc(.75rem + env(safe-area-inset-bottom)); z-index: 99990; display: flex; gap: .75rem; align-items: center; padding: .65rem .75rem; border-radius: .75rem; border-left: 4px solid var(--_accent); background: #fff; color: var(--_text); box-shadow: 0 6px 24px rgba(30, 34, 41, .18); font-size: 15px; line-height: 1.35; }
.sgkmh-pwa-bar img { flex: none; border-radius: .5rem; }
.sgkmh-pwa-bar p { flex: 1; margin: 0; }
.sgkmh-pwa-bar strong { display: block; }
.sgkmh-pwa-bar span { font-size: .9em; opacity: .85; }
.sgkmh-pwa-bar .pwa-btn { flex: none; padding: .5rem .8rem; font-size: .95em; text-decoration: none; }
.sgkmh-pwa-bar a.pwa-btn,
.sgkmh-pwa-bar a.pwa-btn:hover,
.sgkmh-pwa-bar a.pwa-btn:focus { color: #fff; }
.sgkmh-pwa-bar .pwa-close { flex: none; width: 2rem; height: 2rem; border: 0; border-radius: 50%; background: var(--_ice); color: var(--_text); font-size: 1.25rem; line-height: 1; cursor: pointer; }

.sgkmh-pwa-install .pwa-btn:disabled { opacity: .6; cursor: wait; }
.sgkmh-pwa-install .pwa-btn.is-secondary { background: var(--_ice); color: var(--_text); box-shadow: inset 0 0 0 1px var(--_line); }
.sgkmh-pwa-install .pwa-btn.is-secondary:hover { background: #fff; }
.sgkmh-pwa-install .pwa-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.sgkmh-pwa-install .pwa-note { margin: .5rem 0 0; font-size: .95em; }
.sgkmh-pwa-install .pwa-note:empty { display: none; }