/* Shared install pages and connection status. Workspace navigation lives in workspace-shell.css. */
.pwa-install-entry {
  display:block;
  width:100%;
  min-height:40px;
  margin-top:12px;
  padding:8px 10px;
  border:1px solid #eed8e1;
  border-radius:10px;
  background:#fff7fa;
  color:#c32058;
  font:500 13px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  cursor:pointer;
}

.pwa-install-entry[hidden], .pwa-connection[hidden] {
  display:none!important;
}

.pwa-install-entry:focus-visible, .pwa-primary:focus-visible {
  outline:3px solid #ed9cb9;
  outline-offset:2px;
}

.pwa-connection {
  position:fixed;
  z-index:10001;
  top:env(safe-area-inset-top,0px);
  left:50%;
  transform:translateX(-50%);
  width:min(460px,calc(100% - 24px));
  box-sizing:border-box;
  padding:12px 16px;
  border:1px solid #eed7a6;
  border-radius:0 0 12px 12px;
  background:#fff8e9;
  color:#805819;
  font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  box-shadow:0 4px 18px #2530470a;
}

.pwa-install-page {
  box-sizing:border-box;
  min-height:100vh;
  min-height:100dvh;
  margin:0;
  padding:calc(40px + env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));
  display:grid;
  place-items:center;
  background:#f0f2f5;
  color:#253047;
  font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}

.pwa-install-card {
  box-sizing:border-box;
  width:100%;
  max-width:420px;
  padding:32px;
  border:1px solid #e8ebf1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 8px 40px #25304706;
  text-align:center;
}

.pwa-app-icon {
  border-radius:20px;
  border:1px solid #f1edf7;
  box-shadow:0 5px 20px #d923630d;
}

.pwa-kicker {
  margin:22px 0 4px;
  color:#8b819e;
  font-size:12px;
  letter-spacing:.08em;
}

.pwa-install-card h1 {
  font-size:26px;
  line-height:1.4;
  margin:0 0 8px;
  letter-spacing:-.04em;
}

.pwa-install-intro {
  margin:0 0 26px;
  color:#667085;
  font-size:14px;
}

.pwa-primary {
  display:block;
  padding:12px 20px;
  border-radius:12px;
  background:#d92363;
  color:white;
  text-decoration:none;
  font-weight:600;
}

.pwa-install-steps {
  text-align:left;
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid #eef0f5;
}

.pwa-install-steps h2 {
  font-size:16px;
  margin:0 0 16px;
}

.pwa-install-steps ol {
  padding-left:22px;
  margin:0;
}

.pwa-install-steps li {
  padding-left:5px;
  margin:12px 0;
}

.pwa-install-steps p, .pwa-install-note {
  font-size:12px;
  color:#7c8494;
}

.pwa-install-steps p {
  margin-top:18px;
}

.pwa-install-note {
  margin:24px 0 0;
  line-height:1.9;
}

@media(max-width:760px) {
  body:not(.workbench-compact):not(.pwa-install-page) {
    box-sizing:border-box;
    min-height:100dvh;
    padding-top:max(24px,env(safe-area-inset-top));
    padding-bottom:max(24px,env(safe-area-inset-bottom));
  }
}

@media(max-width:380px) {
  .pwa-install-card {
    padding:26px 22px;
  }

  .pwa-install-page {
    padding-left:12px;
    padding-right:12px;
  }
}