/* ===========================
   iOS-like polish
   =========================== */

/* Slightly tighter radius on shell for iOS feel */
.app-shell {
  border-radius: 1.25rem;
}

/* iOS-style “title bar” spacing */
.app-header {
  padding-top: calc(var(--space-4) + env(safe-area-inset-top, 0));
}

/* Momentum scrolling on iOS */
.app-content {
  -webkit-overflow-scrolling: touch;
}

/* Subtle separator lines */
.app-content::before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: var(--space-3);
  background: linear-gradient(
    to right,
    transparent,
    rgba(148, 163, 184, 0.35),
    transparent
  );
}