.pwa-install-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border: 1px solid #c8ddf2;
  border-radius: 20px;
  background: linear-gradient(125deg, #f8fbff 0%, #fff 58%, #edf8ff 100%);
  box-shadow: 0 10px 28px rgba(15, 77, 148, .075);
  color: #0f2942;
}

.pwa-install-icon {
  display: grid;
  place-items: center;
  border-radius: 15px;
  border: 1px solid #d8e4f1;
  background: #fff;
  box-shadow: 0 7px 16px rgba(15, 41, 66, .1);
}

.pwa-install-icon { width: 48px; height: 48px; }
.pwa-install-icon img { width: 36px; height: 36px; object-fit: contain; }
.pwa-install-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pwa-install-eyebrow { color: #0b63ce; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.pwa-install-copy strong { font-size: 13px; line-height: 1.3; color: #0f2942; }
.pwa-install-copy small { font-size: 10.5px; line-height: 1.4; color: #64748b; }

.pwa-install-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 12px;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, #168bff, #075dd8);
  box-shadow: 0 7px 16px rgba(11, 99, 206, .22);
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.pwa-install-button:hover { filter: brightness(1.05); transform: translateY(-1px); }
.pwa-install-button.is-installed,
.pwa-install-button.is-installed:hover {
  background: linear-gradient(135deg, #059669, #047857);
  box-shadow: 0 7px 16px rgba(4, 120, 87, .2);
  filter: none;
  transform: none;
  cursor: default;
}
.pwa-install-button.is-guidance,
.pwa-install-button.is-guidance:hover {
  background: linear-gradient(135deg, #1678e8, #075dd8);
  filter: none;
  transform: none;
}
[data-pwa-install-button][hidden] { display: none !important; }
.pwa-install-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.pwa-install-help {
  grid-column: 1 / -1;
  padding: 13px 14px;
  border: 1px solid #bfdbfe;
  border-radius: 14px;
  background: #eff6ff;
  color: #24415f;
}
.pwa-install-help[hidden] { display: none; }
.pwa-install-help__title { display: flex; align-items: center; gap: 8px; color: #075dcc; font-size: 12px; }
.pwa-install-help__title svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pwa-install-help p { margin: 7px 0 9px; color: #5d7590; font-size: 10.5px; line-height: 1.45; }
.pwa-install-help ol { display: grid; gap: 7px; margin: 0; padding-left: 19px; font-size: 10.5px; line-height: 1.45; }
.pwa-install-help li::marker { color: #0877e5; font-weight: 800; }

@media (max-width: 620px) {
  .pwa-install-card { grid-template-columns: 44px 1fr; }
  .pwa-install-icon { width: 44px; height: 44px; }
  .pwa-install-button { grid-column: 1 / -1; width: 100%; box-sizing: border-box; }
}