.siac-pwa-install[hidden] { display: none !important; }

.siac-user-menu .siac-pwa-install {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  gap: .6rem;
  padding: .5rem .58rem;
  border: 1px solid #d9e8f2;
  border-radius: 10px;
  background: #f3f8fc;
  color: #174d72;
  font: inherit;
  font-size: .76rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 3px 9px rgba(23, 77, 114, .05);
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.siac-user-menu .siac-pwa-install:hover {
  border-color: #a9ccdf;
  background: #eaf4fa;
  box-shadow: 0 7px 16px rgba(23, 77, 114, .1);
  transform: translateY(-1px);
}

.siac-user-menu .siac-pwa-install:focus-visible {
  outline: 2px solid #1685bd;
  outline-offset: 2px;
}

.siac-user-menu .siac-pwa-install:disabled { opacity: .65; cursor: wait; }

.siac-pwa-install__icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9f3f9;
  color: #1973a3;
  font-size: .9rem;
}

:root[data-bs-theme="dark"] .siac-user-menu .siac-pwa-install {
  border-color: #334155;
  background: #152132;
  color: #d4eafa;
  box-shadow: none;
}

:root[data-bs-theme="dark"] .siac-user-menu .siac-pwa-install:hover {
  border-color: #4b7895;
  background: #1c3044;
}

:root[data-bs-theme="dark"] .siac-pwa-install__icon {
  background: #213d52;
  color: #91d0f0;
}