/* iPhone Web-App: keep the cockpit header below the iOS status bar.
   Safari and desktop are intentionally unaffected. */
@media (max-width: 980px) and (display-mode: standalone) {
  .topbar {
    height: calc(68px + env(safe-area-inset-top)) !important;
    padding: env(safe-area-inset-top) 18px 0 !important;
  }

  /* Every full-screen mobile surface starts below the iOS status bar.
     This covers the navigation, notifications, profile, lead details and
     every other drawer that uses the shared scroll surface. */
  .mobile-menu-backdrop > .overlay-scroll-surface,
  .drawer-backdrop > .overlay-scroll-surface {
    padding-top: calc(24px + env(safe-area-inset-top)) !important;
  }
}

.website-check-pending {
  margin: 18px 0 0;
  color: #9aab9f;
  line-height: 1.55;
}

.website-check-results {
  margin-top: 16px;
}

.website-check-findings {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.website-check-findings li {
  position: relative;
  padding-left: 18px;
  color: #b6c2b9;
  line-height: 1.45;
}

.website-check-findings li::before {
  content: "·";
  position: absolute;
  left: 2px;
  color: #49e979;
  font-weight: 800;
}

.website-review-card {
  margin-top: 20px;
  padding: 18px;
  border: 1px solid rgba(184, 243, 74, 0.38);
  border-radius: 16px;
  background: rgba(184, 243, 74, 0.07);
}

.website-review-card > strong {
  display: block;
  color: #f4f3e8;
  font-size: 1rem;
}

.website-review-card > p {
  margin: 8px 0 16px;
  color: #acb9af;
  line-height: 1.5;
}

.website-review-card > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.website-review-card button {
  min-height: 48px;
}

.website-check-ready,
.website-check-rejected {
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  line-height: 1.45;
}

.website-check-ready {
  color: #8ef4ab;
  background: rgba(73, 233, 121, 0.08);
  border: 1px solid rgba(73, 233, 121, 0.25);
}

.website-check-rejected {
  color: #ffb3b3;
  background: rgba(255, 104, 104, 0.08);
  border: 1px solid rgba(255, 104, 104, 0.24);
}

@media (max-width: 680px) {
  .website-review-card > div {
    grid-template-columns: 1fr;
  }
}