.pwa-install-button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 44px; padding: 10px 14px; border: 1px solid #d5e1db; border-radius: 10px; background: #eef7f1; color: #17694e; font: 600 14px/1.4 "Outfit", sans-serif; text-align: center; cursor: pointer; }
.pwa-install-button svg { width: 20px; height: 20px; flex: 0 0 20px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pwa-install-button:disabled { cursor: default; color: #63776c; background: #f2f5f3; }
.signflow-nav .pwa-install-button { justify-content: flex-start; width: 100%; text-align: left; margin-top: 10px; }
.pwa-install-help { width: min(520px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow: auto; padding: 0; border: 1px solid #dce3e1; border-radius: 20px; background: #fff; color: #23342c; box-shadow: 0 24px 80px #152a3350; font: 14px/1.6 "Outfit", sans-serif; }
.pwa-install-help::backdrop { background: #172b3a80; }
.pwa-install-help header { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid #e2e9e6; }
.pwa-install-help h2 { font-size: 23px; margin: 0; }
.pwa-install-help small { color: #21765a; }
.pwa-install-help header button { width: 42px; height: 42px; flex: 0 0 42px; border: 0; border-radius: 10px; background: #f2f5f3; cursor: pointer; font-size: 24px; }
.pwa-install-help__body { padding: 20px 22px; }
.pwa-install-intro { display: flex; gap: 14px; align-items: center; }
.pwa-install-intro img { flex: 0 0 64px; border-radius: 14px; }
.pwa-install-intro p { margin: 0; }
.pwa-install-help h3 { font-size: 16px; margin: 20px 0 6px; }
.pwa-install-help ol { margin: 0; padding-left: 22px; }
.pwa-install-help li { margin-bottom: 8px; }
.pwa-install-help p { overflow-wrap: anywhere; }
.pwa-install-note { padding: 12px; border-radius: 10px; background: #f3f6f5; color: #62736a; font-size: 12px; }
.pwa-install-done { width: 100%; min-height: 44px; padding: 10px 16px; border: 0; border-radius: 10px; color: #fff; background: #1f795a; font: inherit; font-weight: 600; cursor: pointer; }
.pwa-app-card { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 22px; border: 1px solid #e1e7e4; border-radius: 14px; background: #fff; }
.pwa-app-card h2 { margin: 0 0 6px; font-size: 21px; }
.pwa-app-card p { margin: 0; color: #687581; max-width: 60ch; }
.pwa-app-card .pwa-install-button { flex: 0 0 auto; }
.pwa-network-status { position: fixed; left: 50%; bottom: max(16px, env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 1600; width: min(520px, calc(100vw - 28px)); box-sizing: border-box; padding: 12px 16px; border: 1px solid #eed7a5; border-radius: 12px; background: #fff7e5; color: #6c4d12; box-shadow: 0 8px 28px #172b3a26; font: 14px/1.5 sans-serif; }
.pwa-network-status[hidden] { display: none; }
@media (max-width: 820px) {
    .pwa-app-card { flex-direction: column; align-items: stretch; }
    .pwa-app-card .pwa-install-button { width: 100%; }
    .client-body[data-shell="client"] :is(.signflow-field, .signflow-profile-form, .signflow-team-form, .picker-modal) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) { font-size: 16px; }
}
@media (display-mode: standalone) and (max-width: 900px) {
    .signflow-topbar { padding-top: max(12px, env(safe-area-inset-top)); padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
    .signflow-sidebar { padding-top: max(16px, env(safe-area-inset-top)); padding-bottom: max(16px, env(safe-area-inset-bottom)); }
    .signflow-dashboard-scroll { padding-bottom: max(32px, env(safe-area-inset-bottom)); }
    .signflow-drawer__panel { height: 100dvh; padding-top: env(safe-area-inset-top); box-sizing: border-box; }
}