/* jarchi inside a messenger's own browser (inapp.js): one calm full-screen guide to the real browser. */

.ia-gate { text-align: center; padding: 22px 18px 16px; }
.ia-pic {
  display: inline-grid; place-items: center;
  width: 128px; height: 88px; margin: 2px auto 8px;
  border-radius: 24px; background: var(--accent-soft); color: var(--accent-ink);
}
.ia-pic svg { width: 112px; height: 72px; }
.ia-pic .ia-arrow { stroke: var(--accent-ink); }
.ia-gate[data-verdict="blocked"] .ia-pic { background: var(--hand-soft); color: var(--hand-ink); }
.ia-title { font-size: var(--fs-title); line-height: 1.5; margin: 0 0 6px; font-weight: var(--fw-x); }
.ia-why { font-size: var(--fs-lead); max-width: 34ch; margin: 0 auto; }
.ia-actions { margin: 18px 0 4px; gap: 10px; }
.ia-actions .btn { min-height: 52px; font-size: var(--fs-lead); gap: 8px; }
.ia-actions .btn .ic { width: 22px; height: 22px; }
/* On Android the Chrome button is the way; «کپی لینک» comes second. On an iPhone «کپی لینک» is the way. */
.ia-gate[data-platform="ios"] .ia-copy, .ia-gate[data-platform="desktop"] .ia-copy {
  background: var(--accent); color: var(--on-accent); border-color: transparent;
}
.ia-copy[data-copied="1"] { color: var(--speak-ink); border-color: var(--speak-line); background: var(--speak-soft); }
.ia-gate[data-platform="ios"] .ia-copy[data-copied="1"] { color: var(--speak-ink); background: var(--speak-soft); }
.ia-said { font-size: var(--fs-body); color: var(--ink-2); }
.ia-linkbox { direction: ltr; text-align: left; font-size: var(--fs-meta); word-break: break-all; max-height: 6.5em; overflow: auto; }
.ia-steps { margin-top: 16px !important; }
.ia-here { margin-top: 16px; padding-top: 14px; }
.ia-here .btn { min-height: 44px; font-size: var(--fs-body); text-decoration: underline; text-underline-offset: 4px; }
.ia-here .hint { margin: 2px 0 0; font-size: var(--fs-meta); }
.ia-report { margin-top: 12px; display: flex; justify-content: center; }