/* HẠO NAM AI V2.1.4 — mobile-only ambient background lift.
   Goal: make the blue/purple gradient easier to see without turning the UI grey or changing desktop/layout. */
@media (max-width:767px){
  html,body{background:#06101b}

  .app{
    background:
      radial-gradient(92% 56% at -14% -8%,rgba(21,142,255,.27),transparent 63%),
      radial-gradient(86% 52% at 114% 2%,rgba(175,86,255,.22),transparent 64%),
      radial-gradient(72% 44% at 52% 42%,rgba(44,112,188,.10),transparent 72%),
      radial-gradient(92% 44% at -12% 112%,rgba(13,126,239,.18),transparent 68%),
      radial-gradient(88% 44% at 112% 110%,rgba(176,78,242,.16),transparent 70%),
      linear-gradient(180deg,#0b1c2d 0%,#07111d 34%,#060a13 68%,#080711 100%);
  }

  .app::after{
    background:radial-gradient(ellipse at center,transparent 54%,rgba(0,0,0,.018) 82%,rgba(0,0,0,.07) 100%);
  }

  .app .detail,.app .quote-composer{
    background:
      radial-gradient(96% 55% at -12% -8%,rgba(21,142,255,.25),transparent 62%),
      radial-gradient(88% 50% at 112% 0%,rgba(177,83,250,.20),transparent 64%),
      radial-gradient(72% 42% at 50% 45%,rgba(50,119,190,.085),transparent 72%),
      radial-gradient(88% 36% at -10% 110%,rgba(17,122,233,.14),transparent 70%),
      radial-gradient(84% 36% at 110% 110%,rgba(171,75,239,.12),transparent 72%),
      linear-gradient(180deg,#0a1a2a 0%,#07101b 48%,#070812 100%);
  }
}

@media (max-width:390px){
  .app{
    background:
      radial-gradient(100% 58% at -18% -10%,rgba(22,145,255,.29),transparent 63%),
      radial-gradient(94% 54% at 118% 0%,rgba(178,86,255,.23),transparent 65%),
      radial-gradient(78% 45% at 50% 44%,rgba(46,114,188,.11),transparent 73%),
      radial-gradient(96% 42% at -14% 112%,rgba(13,126,239,.19),transparent 68%),
      radial-gradient(92% 42% at 114% 110%,rgba(176,78,242,.17),transparent 70%),
      linear-gradient(180deg,#0c1e30 0%,#07121f 34%,#060a14 69%,#080711 100%);
  }
}