:root{--pwa-bg:#202633;--pwa-line:#3a4558;--pwa-text:#f5f7fb;--pwa-muted:#aab4c5;--pwa-accent:#6c8cff;--pwa-danger:#ef646b}
.pwa-control{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--pwa-line);border-radius:11px;padding:0 12px;color:var(--pwa-text);background:#1a202b;font:inherit;font-weight:750;cursor:pointer}.pwa-control:hover{border-color:#657590;background:#252d3a}.pwa-control.primary{border-color:rgba(108,140,255,.6);background:rgba(108,140,255,.16)}.pwa-control img{width:18px;height:18px;filter:invert(1);opacity:.92}.pwa-control[hidden]{display:none!important}
.pwa-banner{position:fixed;z-index:10000;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);width:min(620px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--pwa-line);border-radius:14px;color:var(--pwa-text);background:rgba(27,33,44,.96);box-shadow:0 18px 45px rgba(0,0,0,.42);backdrop-filter:blur(14px)}.pwa-banner[hidden]{display:none!important}.pwa-banner img{width:22px;height:22px;filter:invert(1)}.pwa-banner-copy{min-width:0;flex:1}.pwa-banner-copy strong,.pwa-banner-copy small{display:block}.pwa-banner-copy small{margin-top:2px;color:var(--pwa-muted)}.pwa-banner-actions{display:flex;gap:7px}.pwa-banner.offline{border-color:rgba(239,100,107,.48)}
.pwa-ios-help{position:fixed;inset:0;z-index:10010;display:grid;place-items:center;padding:18px;background:rgba(5,7,10,.72);backdrop-filter:blur(7px)}.pwa-ios-help[hidden]{display:none!important}.pwa-ios-card{width:min(430px,100%);padding:22px;border:1px solid var(--pwa-line);border-radius:18px;color:var(--pwa-text);background:#1c222d;box-shadow:0 24px 70px rgba(0,0,0,.5)}.pwa-ios-card h2{margin:0 0 8px}.pwa-ios-card p{color:var(--pwa-muted)}.pwa-ios-card ol{padding-left:22px}.pwa-ios-card .pwa-control{width:100%;justify-content:center;margin-top:8px}
@media(max-width:700px){.pwa-banner{align-items:flex-start;flex-wrap:wrap}.pwa-banner-actions{width:100%}.pwa-banner-actions .pwa-control{flex:1;justify-content:center}.suite-user .pwa-control{width:100%;justify-content:center}}
@media(max-width:700px){.suite-user .pwa-control{grid-column:1/-1}}

/* 2.6.1: Installationsbereich bleibt sichtbar, auch wenn ein Browser kein beforeinstallprompt liefert. */
.pwa-install-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:18px;padding:14px 15px;border:1px solid #35445c;border-radius:15px;background:linear-gradient(135deg,rgba(69,104,196,.13),rgba(20,27,39,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.pwa-install-logo{width:48px;height:48px;border-radius:13px;box-shadow:0 8px 22px rgba(13,82,220,.24)}
.pwa-install-copy{min-width:0}.pwa-install-copy strong,.pwa-install-copy small{display:block}.pwa-install-copy strong{font-size:16px;color:var(--pwa-text)}.pwa-install-copy small{margin-top:3px;color:var(--pwa-muted);line-height:1.4}
.pwa-install-panel[data-state="ready"]{border-color:rgba(108,140,255,.6)}.pwa-install-panel[data-state="installed"]{border-color:rgba(71,195,132,.5);background:rgba(31,95,67,.17)}.pwa-install-panel[data-state="blocked"]{border-color:rgba(239,100,107,.45)}
.pwa-control:disabled{opacity:.72;cursor:default}
.pwa-install-help{position:fixed;inset:0;z-index:10015;display:grid;place-items:center;padding:18px;background:rgba(5,7,10,.75);backdrop-filter:blur(7px)}.pwa-install-help[hidden]{display:none!important}.pwa-install-help-card{width:min(560px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:22px;border:1px solid var(--pwa-line);border-radius:19px;color:var(--pwa-text);background:#1b222e;box-shadow:0 26px 80px rgba(0,0,0,.55)}.pwa-install-help-head{display:flex;align-items:center;gap:12px}.pwa-install-help-head img{width:52px;height:52px;border-radius:14px}.pwa-install-help-head h2{margin:0}.pwa-install-help-card p,.pwa-install-help-card li{color:var(--pwa-muted)}.pwa-install-help-card ul{padding-left:21px}.pwa-install-checks{display:grid;gap:8px;margin:16px 0}.pwa-install-check{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid var(--pwa-line);border-radius:10px;background:#151b25}.pwa-install-check b.ok{color:#6ee7a8}.pwa-install-check b.bad{color:#ff8d93}.pwa-install-help-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
@media(max-width:700px){.pwa-install-panel{grid-template-columns:auto minmax(0,1fr)}.pwa-install-panel .pwa-control{grid-column:1/-1;width:100%;justify-content:center}.pwa-install-help-actions{display:grid}.pwa-install-help-actions .pwa-control{width:100%;justify-content:center}}

/* 2.6.2: browserübergreifende Installationshinweise und endgültiges Dokuvara-Logo. */
.pwa-install-note{margin-top:5px!important;font-size:11px;color:#8190a8!important}

/* 2.6.3: Installationskarte bleibt auch auf sehr schmalen Geräten innerhalb des Viewports. */
.pwa-install-panel { width: 100%; min-width: 0; }
.pwa-install-copy { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 420px) {
  .pwa-install-panel { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .pwa-install-logo { width: 44px; height: 44px; }
}

.dokuvara-native-app #pwaInstallPanel{display:none!important}