html, body { margin:0; padding:0; background:#04100e; overflow:hidden; }
  a { color:#4fd1c0; text-decoration:none; }
  a:hover { color:#7fe3d6; }
  * { -webkit-tap-highlight-color: transparent; }
  input { font-family:'Manrope',sans-serif; }
  @keyframes dashflow { to { stroke-dashoffset:-320; } }
  @keyframes floaty { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
  @keyframes glow { 0%,100% { opacity:.35; } 50% { opacity:.75; } }
  @keyframes fadeup { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
  @keyframes fadein { from { opacity:0; } to { opacity:1; } }
  @keyframes sheetup { from { transform:translateY(100%); } to { transform:translateY(0); } }
  @keyframes sheetdown { from { transform:translateY(0); } to { transform:translateY(100%); } }
  @keyframes veilin { from { opacity:0; } to { opacity:1; } }
  @keyframes caret { 0%,45% { opacity:1; } 50%,95% { opacity:0; } }
  @keyframes flipin { from { transform:rotateY(0deg); } to { transform:rotateY(180deg); } }
  @keyframes flipout { from { transform:rotateY(180deg); } to { transform:rotateY(0deg); } }
  @keyframes slidein { from { opacity:0; transform:translateX(56px); } to { opacity:1; transform:none; } }
  @keyframes spin { to { transform:rotate(360deg); } }
  /* keep the embedded CRM app inside the phone screen */
  #routewrap { transform:translateZ(0); }
  #routewrap .min-h-screen { min-height:100% !important; }
  #routewrap .max-h-screen { max-height:100% !important; }
  #routewrap .fixed { position:absolute !important; }
  #routewrap .fixed.bottom-0 { left:0 !important; right:0 !important; bottom:0 !important; }
  #routewrap .fixed.top-0 { top:0 !important; }
  #routewrap .pb-32 { padding-bottom:96px !important; }
  #routewrap .sticky { position:relative !important; }
  #routewrap header.sticky, #routewrap .sticky.top-0 { display:none !important; }
  #routewrap .px-3 { padding-left:16px !important; padding-right:16px !important; }
  /* Pedido de Venda: respiro interno das seções e dos campos */
  #routewrap .px-4 { padding-left:16px !important; padding-right:16px !important; }
  #routewrap .space-y-4 > * + * { margin-top:14px !important; }