/*
 * Go PetiA Super App 2.0 — Design System for public user testing.
 * Goal: Apple-like hierarchy, calmer surfaces, consistent radii and spacing,
 * while preserving PetiA's purple/yellow brand and all existing functionality.
 */
body.gopetia-design-v2{
  --p2-bg:#f7f7fb;
  --p2-surface:#ffffff;
  --p2-glass:rgba(255,255,255,.76);
  --p2-ink:#20152b;
  --p2-muted:#746d7d;
  --p2-purple:#6f35ff;
  --p2-purple-deep:#4f247f;
  --p2-yellow:#fec202;
  --p2-navy:#150a2d;
  --p2-line:rgba(38,25,53,.08);
  --p2-radius-xl:26px;
  --p2-radius-lg:21px;
  --p2-radius-md:16px;
  --p2-shadow:0 14px 36px rgba(40,25,58,.08);
  --p2-shadow-soft:0 8px 22px rgba(40,25,58,.055);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ------------------------- APP HEADER ------------------------- */
body.gopetia-design-v2.has-gpshell .gps-nav{
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:24px!important;
  background:var(--p2-navy)!important;
  box-shadow:0 16px 34px rgba(20,10,45,.18)!important;
  overflow:visible!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__mobilebar{
  min-height:70px!important;
  padding:10px!important;
  background:transparent!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__brand{
  min-width:126px!important;
  height:48px!important;
  padding:0 10px 0 5px!important;
  gap:9px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__brand:hover{transform:none!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(254,194,2,.72)!important;
  background:var(--p2-yellow)!important;
  box-shadow:0 8px 18px rgba(254,194,2,.18)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph i{width:19px!important;height:3px!important;background:var(--p2-purple)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brandmark{color:#fff!important;font-size:1.05rem!important;font-weight:780!important;letter-spacing:-.025em!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__brand small{display:block!important;color:rgba(255,255,255,.66)!important;font-size:.61rem!important;font-weight:650!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quick{gap:6px!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip{
  height:46px!important;min-height:46px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  color:#2b1838!important;
  box-shadow:none!important;
  font-weight:760!important;
  transition:transform .16s ease,background .16s ease!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip:active{transform:scale(.97)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__quickchip--account{background:transparent!important;border-color:rgba(255,255,255,.10)!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__accountavatar,
body.gopetia-design-v2.has-gpshell .gps-nav__accountavatar img{border-radius:14px!important;}

/* Secondary navigation is one quiet segmented surface, not four game cards. */
body.gopetia-design-v2.has-gpshell .gps-nav__inner{padding:0 9px 9px!important;background:transparent!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__list{
  gap:2px!important;padding:3px!important;border-radius:16px!important;
  background:rgba(255,255,255,.055)!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link{
  min-height:42px!important;height:42px!important;
  border:0!important;border-radius:13px!important;
  background:transparent!important;color:rgba(255,255,255,.82)!important;
  box-shadow:none!important;font-weight:650!important;
}
body.gopetia-design-v2.has-gpshell .gps-nav__link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__link.is-active,
body.gopetia-design-v2.has-gpshell .gps-nav__link[aria-current="page"]{background:rgba(255,255,255,.12)!important;color:#fff!important;}
body.gopetia-design-v2.has-gpshell .gps-nav__icon{background:rgba(111,53,255,.58)!important;border:0!important;box-shadow:none!important;}

/* ------------------------- HOME / HERO ------------------------- */
body.gopetia-design-v2.gpshell-hero .gp-agent__welcome{
  position:relative!important;
  padding:clamp(22px,4.4vh,44px) clamp(14px,3vw,34px) 18px!important;
  background:
    radial-gradient(circle at 50% 15%,rgba(111,53,255,.07),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fdfcff 100%)!important;
  border:0!important;
  box-shadow:none!important;
}
body.gopetia-design-v2.gpshell-hero .gp-agent__brandmark{
  max-width:176px!important;max-height:78px!important;
  filter:drop-shadow(0 10px 16px rgba(73,35,116,.10))!important;
}
body.gopetia-design-v2.gpshell-hero .gp-kicker{
  margin-top:3px!important;color:#9b81ad!important;font-size:7px!important;
  font-weight:760!important;letter-spacing:.095em!important;
}
body.gopetia-design-v2.gpshell-hero #petia-heading{
  margin-top:13px!important;max-width:20ch!important;
  color:#492066!important;font-size:clamp(1.68rem,7vw,2.15rem)!important;
  line-height:1.02!important;font-weight:800!important;letter-spacing:-.045em!important;
}
body.gopetia-design-v2.gpshell-hero #petia-heading [data-petia-greeting]{
  margin-bottom:9px!important;color:#8a3c8a!important;
  font-size:.48em!important;font-weight:700!important;letter-spacing:-.015em!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters{
  max-width:480px!important;gap:8px!important;margin-top:17px!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a{
  height:92px!important;min-height:92px!important;
  padding:10px 6px!important;border:1px solid var(--p2-line)!important;
  border-radius:21px!important;background:rgba(255,255,255,.86)!important;
  box-shadow:var(--p2-shadow-soft)!important;
  transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:nth-child(1),
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:nth-child(1){background:linear-gradient(180deg,#fff,#fff9fc)!important;}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:nth-child(2),
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:nth-child(2){background:linear-gradient(180deg,#fff,#f4fbff)!important;}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:nth-child(3),
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:nth-child(3){background:linear-gradient(180deg,#fff,#faf6ff)!important;}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button:active,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a:active{transform:scale(.975)!important;}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button > i,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button > .gp-ai-starter__icon,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters button > span:first-child,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a > i,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a > .gp-ai-starter__icon,
body.gopetia-design-v2.gpshell-hero .gp-ai-starters a > span:first-child{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  border-radius:15px!important;border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 14px rgba(55,32,76,.06)!important;
}
body.gopetia-design-v2.gpshell-hero .gp-ai-starters strong{font-size:12px!important;font-weight:750!important;color:#2c1d37!important;letter-spacing:-.02em!important;}

/* ------------------------- DYNAMIC SUPER APP CARDS ------------------------- */
body.gopetia-design-v2 .petia180-growth--external-welcome{margin-top:8px!important;margin-bottom:14px!important;}
body.gopetia-design-v2 .gpa-dynamic,
body.gopetia-design-v2 .gps-growth{
  border:1px solid var(--p2-line)!important;border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:saturate(145%) blur(20px)!important;
  -webkit-backdrop-filter:saturate(145%) blur(20px)!important;
  box-shadow:var(--p2-shadow-soft)!important;
}
body.gopetia-design-v2 .gpa-dynamic__head h2{color:#2d1d38!important;font-weight:780!important;}
body.gopetia-design-v2 .gpa-dynamic__head small{color:#7b57d9!important;}
body.gopetia-design-v2 .gpa-dynamic__actions button{background:#f7f6fa!important;border-color:rgba(40,25,58,.06)!important;box-shadow:none!important;}
body.gopetia-design-v2 .gpa-native-ad{border-radius:22px!important;border-color:rgba(40,25,58,.07)!important;box-shadow:var(--p2-shadow-soft)!important;}

/* ------------------------- COMPOSER ------------------------- */
body.gopetia-design-v2 .gp-composer,
body.gopetia-design-v2 .gp-chat__composer,
body.gopetia-design-v2 #petia-page-form,
body.gopetia-design-v2 .petia-form{
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(27,19,36,.96)!important;
  box-shadow:0 14px 34px rgba(18,10,26,.18)!important;
}
body.gopetia-design-v2 .gp-composer input,
body.gopetia-design-v2 .gp-chat__composer input,
body.gopetia-design-v2 #petia-page-input,
body.gopetia-design-v2 .petia-input{
  background:rgba(255,255,255,.055)!important;border:0!important;color:#fff!important;
}
body.gopetia-design-v2 .gp-composer input::placeholder,
body.gopetia-design-v2 #petia-page-input::placeholder,
body.gopetia-design-v2 .petia-input::placeholder{color:rgba(255,255,255,.58)!important;}
body.gopetia-design-v2 .gp-composer button,
body.gopetia-design-v2 .petia-send{box-shadow:none!important;}

/* ------------------------- ACCOUNT / PANELS ------------------------- */
body.gopetia-design-v2.gpshell-menus .gp-account-shell,
body.gopetia-design-v2 .gpa-business-card,
body.gopetia-design-v2 .gpa-business-metrics article{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a{
  min-height:54px!important;border-radius:15px!important;
  border-color:rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;font-weight:600!important;
}
body.gopetia-design-v2.gpshell-menus .gp-account-nav > button.is-active,
body.gopetia-design-v2.gpshell-menus .gp-account-nav > a.is-active{
  background:rgba(132,103,217,.18)!important;border-color:rgba(185,164,244,.12)!important;
  box-shadow:inset 3px 0 0 #b9a4f4!important;
}
body.gopetia-design-v2.gpshell-menus .gps-account-help-btn{background:var(--p2-yellow)!important;color:#4e297f!important;box-shadow:none!important;}
body.gopetia-design-v2 .gpa-business-hero{border:1px solid rgba(255,255,255,.07)!important;border-radius:24px!important;background:#1c102d!important;box-shadow:none!important;}
body.gopetia-design-v2 .gpa-business-card,
body.gopetia-design-v2 .gpa-business-metrics article{border-color:var(--p2-line)!important;border-radius:20px!important;box-shadow:var(--p2-shadow-soft)!important;}

/* ------------------------- PLANS / BUSINESS PUBLIC PAGES ------------------------- */
body.gopetia-design-v2 .gsp-card,
body.gopetia-design-v2 .gpb-card{border-radius:24px!important;border-color:var(--p2-line)!important;box-shadow:var(--p2-shadow-soft)!important;}
body.gopetia-design-v2 .gsp-card.is-featured{box-shadow:0 16px 40px rgba(111,53,255,.10)!important;}

@media(max-width:720px){
  body.gopetia-design-v2{background:var(--p2-bg)!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav{margin:8px!important;border-radius:22px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__mobilebar{min-height:66px!important;padding:8px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__brand{min-width:118px!important;height:46px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__menuglyph{width:42px!important;height:42px!important;min-width:42px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__quickchip{height:42px!important;min-height:42px!important;border-radius:13px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__inner{padding:0 8px 8px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__list{padding:2px!important;gap:1px!important;border-radius:14px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__link{height:39px!important;min-height:39px!important;border-radius:11px!important;font-size:10.2px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__icon{width:20px!important;height:20px!important;min-width:20px!important;}

  body.gopetia-design-v2.gpshell-hero .gp-agent__welcome{padding:clamp(28px,5vh,54px) 12px 16px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-agent__brandmark{max-width:170px!important;max-height:74px!important;}
  body.gopetia-design-v2.gpshell-hero #petia-heading{font-size:clamp(1.7rem,7.7vw,2.15rem)!important;margin-top:14px!important;}
  body.gopetia-design-v2.gpshell-hero #petia-heading [data-petia-greeting]{font-size:.47em!important;margin-bottom:9px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters{gap:7px!important;margin-top:18px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters button,
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters a{height:92px!important;min-height:92px!important;border-radius:20px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters strong{font-size:11.2px!important;}
}

@media(max-width:380px){
  body.gopetia-design-v2.has-gpshell .gps-nav__brand{min-width:108px!important;}
  body.gopetia-design-v2.has-gpshell .gps-nav__brandmark{font-size:.98rem!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters button,
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters a{height:86px!important;min-height:86px!important;}
  body.gopetia-design-v2.gpshell-hero .gp-ai-starters strong{font-size:10.3px!important;}
}

@media(prefers-reduced-motion:reduce){
  body.gopetia-design-v2 *,body.gopetia-design-v2 *::before,body.gopetia-design-v2 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
}