/* ============================================================================
   mobile-polish.css — phone pass (2026-06-10)
   ----------------------------------------------------------------------------
   Atakan: "telefonda Here's-what-I-see-today aşırı büyük fontlar; dashboardın
   her yerine bak, telefonda sıkıntı olabilecek yerleri düzelt."

   ROOT CAUSE of the giant text: no stylesheet ever set text-size-adjust, so
   iOS Safari FONT-BOOSTS long paragraphs (the report/voice text) at will.
   The first rule below kills that globally — it is the actual fix; the rest
   is a conservative ≤640px tightening pass over every surface we ship.
   Loads LAST. Desktop untouched (everything else lives in media queries).
   ============================================================================ */

/* THE fix — stop iOS/Android auto font inflation (this is what made the
   report paragraph look huge on the phone while being 12.5px on desktop) */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@media (max-width: 640px) {

  /* ── page chrome ─────────────────────────────────────────────────────── */
  .page-title { font-size: 18px; }
  .page-subtitle { font-size: 12px; line-height: 1.5; }

  /* ── Overview: voice + assistant ─────────────────────────────────────── */
  .cc-voice-presence__text { font-size: 13.5px; line-height: 1.55; }
  .cc-asistan-card { min-height: 240px; max-height: 62vh; }
  .cc-asistan-input { font-size: 13px; }

  /* ── Mind Stream (graph + typewriter side) ───────────────────────────── */
  .cc-mindstream { padding: 10px; gap: 10px; min-height: 0; }
  .cc-ms-graph { min-height: 190px; }
  .cc-ms-note { padding: 10px 12px; }
  .cc-ms-note-title { font-size: 12.5px; white-space: normal; }
  .cc-ms-note-body { font-size: 11.5px; line-height: 1.55; max-height: 130px; }
  .cc-ms-action { padding: 10px 12px; }
  .cc-ms-action-title { font-size: 12px; }
  .cc-ms-action-why { font-size: 10.5px; }

  /* ── Money pulse strip ───────────────────────────────────────────────── */
  .cc-money-pulse { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .cc-mp-chip { padding: 10px 12px; }
  .cc-mp-v { font-size: 13px; }

  /* ── Report / move / thinking cards ──────────────────────────────────── */
  .cc-card { padding: 13px 14px; }
  .cc-report-card__title { font-size: 14px; }
  .cc-report-card__summary { font-size: 12px; }
  .cc-move-card__title { font-size: 13px; line-height: 1.45; }
  .cc-move-card__impact { font-size: 11px; }
  .cc-thinking-text { font-size: 12px; }
  .cc-sales-push-count { font-size: 18px; }

  /* the (legacy, hidden-by-default) hero values — never let them blow up */
  .cc-greeting-title { font-size: 20px; }
  .cc-revenue-hero__value { font-size: 34px; }

  /* ── cross tabs: 3+ tabs scroll sideways instead of stacking tall ────── */
  .cc-xtabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-bottom: 12px;
  }
  .cc-xtabs::-webkit-scrollbar { display: none; }
  .cc-xtab { flex: 0 0 auto; padding: 7px 14px; font-size: 11.5px; }

  /* ── reminders ───────────────────────────────────────────────────────── */
  .cc-reminders-card { padding: 12px; }

  /* ── Story Studio ────────────────────────────────────────────────────── */
  .sc-brief-grid { grid-template-columns: 1fr; }
  .sc-actions { flex-direction: column; align-items: stretch; gap: 8px; }
  .sc-primary { width: 100%; }
  .sc-cards { grid-template-columns: 1fr; }
  .sc-select, .sc-free { max-width: none; }
  .sc-frames { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* ── Vault graph page (layout modes) ─────────────────────────────────── */
  .vu-shell { min-height: 420px; }
  .vu-host { min-height: 320px; }
  .vault-graph-canvas { min-height: 380px; }
  .vu-modes { flex-wrap: wrap; }
  .vu-suggest { gap: 8px; font-size: 11px; }
  .vu-s-titles { max-width: 100%; }
  .vu-auto { margin-left: 0; }

  /* ── Behavior & Attention ────────────────────────────────────────────── */
  .bi-root { gap: 10px; }

  /* generic guards: wide media never forces horizontal page scroll */
  img, canvas, svg, video { max-width: 100%; }
}

/* very narrow phones */
@media (max-width: 380px) {
  .cc-money-pulse { grid-template-columns: 1fr; }
  .sc-frames { grid-template-columns: 1fr; }
}