.kp-pwa-install[hidden], .kp-pwa-install-status[hidden] { display: none !important; }
.kp-pwa-install {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 10px;
    background: var(--bg-secondary, #fff);
    color: var(--text-primary, #172033);
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.3;
    cursor: pointer;
    white-space: nowrap;
}
.kp-pwa-install svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.kp-pwa-install:hover { border-color: var(--color-accent, #1d4ed8); }
.kp-pwa-install:focus-visible { outline: 2px solid var(--color-accent, #1d4ed8); outline-offset: 2px; }
.kp-pwa-install:disabled { opacity: .6; cursor: wait; }
.page-login .kp-pwa-install { width: 100%; margin-top: 12px; }
.kp-pwa-install-status { color: var(--text-primary, #172033); font-size: .78rem; line-height: 1.4; max-width: 280px; white-space: normal; }
@media (max-width: 1100px) {
    .topbar .kp-pwa-install { padding: 7px; }
    .topbar .kp-pwa-install span { display: none; }
}
@media (display-mode: standalone) { .kp-pwa-install { display: none !important; } }