/* ============================================================
   CROSS-DOMAIN RESPONSIVE OVERRIDES
   Mobile breakpoint shared rules that span multiple domains.
============================================================ */

  @media (max-width: 720px) {
    .orb-tap-agent, .orb-tap-user {
      width: 86px; height: 86px;
    }
    .config-sheet {
      padding: 24px 22px 100px;
      height: 70vh;
    }
    .config-title { font-size: 24px; }
    .agent-identity { padding: 14px; gap: 14px; }
    .agent-avatar { width: 46px; height: 46px; }
  }


  /* Mobile: portal compact */
  @media (max-width: 720px) {
    .portal {
      width: 92vw;
      top: 60px;
      height: 130px;
    }
    .portal.dragover { height: 35vh; }
    .portal-bracket { width: 14px; height: 14px; }
    .portal.dragover .portal-bracket { width: 20px; height: 20px; }
    .portal-label { right: 18px; font-size: 8px; gap: 5px; }
    .portal-label svg { width: 10px; height: 12px; }
    .portal-hint { font-size: 12px; }
  }