/*
 * Go PetiA Site 3.2 — Social Glass App UI
 * Familiar mobile patterns inspired by modern chat/social apps:
 * clear system typography, soft glass, dark persistent composer and
 * compact segmented navigation that behaves consistently on desktop/mobile.
 */
body.gopetia-canonical-app{
  --p32-purple:#6f35ff;
  --p32-purple-ink:#5d279f;
  --p32-ink:#211a29;
  --p32-muted:#6f6677;
  --p32-dark:#17111f;
  --p32-dark-2:#21182d;
  --p32-line:rgba(74,45,91,.09);
  --p32-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-family:var(--p32-font)!important;
  font-size:16px!important;
  line-height:1.45!important;
}
body.gopetia-canonical-app *{font-family:var(--p32-font)!important;}

/* ---------- HEADER / SEGMENTED NAV: same visual language everywhere ---------- */
body.gopetia-canonical-app .gps-nav{
  background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(250,246,255,.62))!important;
  border:1px solid rgba(255,255,255,.90)!important;
  box-shadow:0 14px 34px rgba(56,31,73,.09),inset 0 1px 0 #fff!important;
}
body.gopetia-canonical-app .gps-nav__inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:6px 10px 10px!important;
  overflow:visible!important;
}
body.gopetia-canonical-app .gps-nav__list{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.gopetia-canonical-app .gps-nav__list>li{margin:0!important;padding:0!important;min-width:0!important;}
body.gopetia-canonical-app .gps-nav__link{
  min-height:44px!important;
  padding:0 13px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(251,248,255,.68))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  color:var(--p32-purple-ink)!important;
  box-shadow:0 6px 16px rgba(68,36,91,.075),inset 0 1px 0 #fff!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
}
body.gopetia-canonical-app .gps-nav__link:hover{
  transform:translateY(-2px) scale(1.01)!important;
  box-shadow:0 10px 22px rgba(68,36,91,.11),inset 0 1px 0 #fff!important;
}
body.gopetia-canonical-app .gps-nav__link:active{transform:scale(.97)!important;}
body.gopetia-canonical-app .gps-nav__icon{
  width:28px!important;height:28px!important;min-width:28px!important;border-radius:10px!important;
  background:linear-gradient(145deg,#8a5aff,#6f35ff)!important;color:#fff!important;
  box-shadow:0 4px 11px rgba(111,53,255,.20),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body.gopetia-canonical-app .gps-nav__business .gps-nav__link{padding-inline:15px!important;}

/* ---------- TYPOGRAPHY: readable like a modern chat product ---------- */
body.gopetia-canonical-app .petia180-question{
  font-family:var(--p32-font)!important;
  font-weight:760!important;
  letter-spacing:-.048em!important;
}
body.gopetia-canonical-app .petia180-lead{
  max-width:720px!important;
  font-size:16px!important;
  line-height:1.52!important;
  font-weight:430!important;
  color:var(--p32-muted)!important;
  letter-spacing:-.012em!important;
}
body.gopetia-canonical-app .petia180-tip{
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
body.gopetia-canonical-app .petia180-card strong{font-size:14px!important;font-weight:700!important;}
body.gopetia-canonical-app .petia180-card small{font-size:12px!important;line-height:1.35!important;}
body.gopetia-canonical-app .petia180-cap{padding:17px!important;}
body.gopetia-canonical-app .petia180-cap strong{
  display:block!important;font-size:17px!important;line-height:1.2!important;font-weight:720!important;letter-spacing:-.025em!important;
}
body.gopetia-canonical-app .petia180-cap small{
  display:block!important;margin-top:5px!important;font-size:14px!important;line-height:1.45!important;color:var(--p32-muted)!important;
}
body.gopetia-canonical-app .gpa-dynamic__head h2{
  font-family:var(--p32-font)!important;
  margin:5px 0 0!important;
  font-size:clamp(22px,2.4vw,29px)!important;
  line-height:1.08!important;
  font-weight:760!important;
  letter-spacing:-.045em!important;
  color:#4f2087!important;
}
body.gopetia-canonical-app .gpa-dynamic__head p{
  font-size:15px!important;line-height:1.48!important;font-weight:430!important;color:var(--p32-muted)!important;
}
body.gopetia-canonical-app .gpa-dynamic__head small{font-size:10px!important;font-weight:800!important;letter-spacing:.10em!important;}
body.gopetia-canonical-app .gpa-dynamic__head>a{font-size:13px!important;font-weight:700!important;}

/* ---------- PROMOTIONAL CARDS: graphical, native and app-like ---------- */
body.gopetia-canonical-app .gpa-native-ad{
  min-height:142px!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(250,246,255,.64))!important;
  box-shadow:0 13px 32px rgba(55,30,76,.09),inset 0 1px 0 #fff!important;
}
body.gopetia-canonical-app .gpa-native-ad__copy{padding:17px 19px!important;gap:6px!important;}
body.gopetia-canonical-app .gpa-native-ad__copy strong{font-size:18px!important;line-height:1.2!important;font-weight:730!important;}
body.gopetia-canonical-app .gpa-native-ad__meta{font-size:13px!important;line-height:1.35!important;}
body.gopetia-canonical-app .gpa-native-ad__copy b{font-size:13px!important;}

/* ---------- DARK COMPOSER: familiar WhatsApp/Instagram DM feel ---------- */
body.gopetia-canonical-app .petia1202-composer-wrap{
  padding:0!important;background:transparent!important;
}
body.gopetia-canonical-app #petia-page-form{
  min-height:72px!important;
  padding:9px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(31,23,43,.98),rgba(19,14,28,.97))!important;
  box-shadow:0 18px 44px rgba(17,9,25,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(28px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%)!important;
}
body.gopetia-canonical-app #petia-page-input{
  height:52px!important;min-height:52px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  caret-color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:16px!important;font-weight:430!important;letter-spacing:-.012em!important;
}
body.gopetia-canonical-app #petia-page-input::placeholder{color:rgba(255,255,255,.58)!important;}
body.gopetia-canonical-app #petia-page-input:focus{border-color:rgba(177,138,255,.28)!important;box-shadow:0 0 0 3px rgba(128,83,255,.10)!important;}
body.gopetia-canonical-app #petia1202-upload{
  background:linear-gradient(145deg,rgba(126,68,255,.58),rgba(93,42,184,.48))!important;
  color:#fff!important;border:1px solid rgba(181,143,255,.18)!important;
}
body.gopetia-canonical-app #petia1202-mic{
  background:rgba(255,255,255,.075)!important;color:#fff!important;border:1px solid rgba(255,255,255,.075)!important;
}
body.gopetia-canonical-app #petia1202-mic svg *{stroke:#fff!important;}
body.gopetia-canonical-app #petia-page-send{
  background:#fff!important;color:#6f35ff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20),inset 0 1px 0 #fff!important;
  font-weight:800!important;
}
body.gopetia-canonical-app #petia-page-send:disabled{opacity:.52!important;color:#847b8d!important;}

/* ---------- CHAT: avatars + polished WhatsApp-style bubbles ---------- */
body.gopetia-canonical-app #petia-page-messages.petia1202-chat{
  padding:20px clamp(10px,2vw,24px) 28px!important;
}
body.gopetia-canonical-app .petia-page-message{
  max-width:min(820px,94%)!important;
  gap:8px!important;
  margin-bottom:14px!important;
}
body.gopetia-canonical-app .petia-page-message.user{margin-left:auto!important;flex-direction:row-reverse!important;}
body.gopetia-canonical-app .petia-chat-avatar{
  width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;
  border-radius:50%!important;object-fit:cover!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:0 5px 14px rgba(48,24,66,.12)!important;
  background:#fff!important;
}
body.gopetia-canonical-app .petia-page-message .bubble{
  width:auto!important;max-width:min(720px,calc(100vw - 100px))!important;
  padding:12px 14px!important;
  border-radius:19px 19px 19px 7px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(250,247,255,.76))!important;
  color:#261d2e!important;
  box-shadow:0 8px 22px rgba(52,29,69,.075)!important;
  font-size:15.5px!important;line-height:1.52!important;font-weight:430!important;letter-spacing:-.01em!important;
}
body.gopetia-canonical-app .petia-page-message.user .bubble{
  border:0!important;border-radius:19px 19px 7px 19px!important;
  background:linear-gradient(145deg,#7a49ff,#6430e8)!important;
  color:#fff!important;box-shadow:0 9px 23px rgba(96,44,201,.20)!important;
}
body.gopetia-canonical-app .petia-page-message.is-thinking .bubble{
  min-width:64px!important;color:#725a82!important;
}
body.gopetia-canonical-app .petia-typing-dots{display:inline-flex!important;align-items:center!important;gap:4px!important;height:18px!important;}
body.gopetia-canonical-app .petia-typing-dots i{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#8e6db5!important;animation:p32dot 1.15s infinite ease-in-out!important;}
body.gopetia-canonical-app .petia-typing-dots i:nth-child(2){animation-delay:.12s!important;}body.gopetia-canonical-app .petia-typing-dots i:nth-child(3){animation-delay:.24s!important;}
@keyframes p32dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}

/* ---------- MENUS/PANELS: familiar settings / Instagram-like rows ---------- */
body.gopetia-canonical-app .gp-account-shell,
body.gopetia-canonical-app .gps-shell-popover,
body.gopetia-canonical-app .gps-shell-critical-pop,
body.gopetia-canonical-app .gp-push-sheet__card{
  background:linear-gradient(145deg,rgba(252,250,255,.96),rgba(244,239,249,.93))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:26px!important;
  box-shadow:0 24px 58px rgba(37,20,49,.18),inset 0 1px 0 #fff!important;
  color:var(--p32-ink)!important;
}
body.gopetia-canonical-app .gp-account-nav{
  gap:5px!important;padding:5px!important;background:rgba(255,255,255,.28)!important;border-radius:20px!important;
}
body.gopetia-canonical-app .gp-account-nav>button,
body.gopetia-canonical-app .gp-account-nav>a,
body.gopetia-canonical-app .gps-shell-popover__item,
body.gopetia-canonical-app .gps-shell-critical-pop__item{
  min-height:52px!important;padding:0 14px!important;border-radius:15px!important;
  background:rgba(255,255,255,.58)!important;border:1px solid rgba(75,44,91,.055)!important;
  color:#3d2a4a!important;font-size:15px!important;font-weight:590!important;letter-spacing:-.012em!important;
  box-shadow:none!important;
}
body.gopetia-canonical-app .gp-account-nav>button:hover,
body.gopetia-canonical-app .gp-account-nav>a:hover,
body.gopetia-canonical-app .gps-shell-popover__item:hover,
body.gopetia-canonical-app .gps-shell-critical-pop__item:hover{
  transform:translateX(3px)!important;background:#fff!important;color:#5f2ca8!important;
}
body.gopetia-canonical-app .gp-account-nav>button.is-active,
body.gopetia-canonical-app .gp-account-nav>a.is-active{
  background:rgba(111,53,255,.10)!important;color:#5d279f!important;box-shadow:inset 3px 0 0 #7a49ff!important;
}
body.gopetia-canonical-app .gps-account-close-btn,
body.gopetia-canonical-app .gopetia-close-accent,
body.gopetia-canonical-app [role="dialog"] button[aria-label*="errar"],
body.gopetia-canonical-app [role="dialog"] button[aria-label*="lose"]{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:50%!important;background:#fff!important;color:#4f257e!important;
  border:1px solid rgba(66,35,84,.08)!important;
  box-shadow:0 7px 18px rgba(48,27,61,.10)!important;
  font-size:24px!important;font-weight:700!important;
}

/* ---------- MOBILE: desktop-quality menu, compact familiar controls ---------- */
@media(max-width:760px){
  body.gopetia-canonical-app .gps-nav{border-radius:22px!important;padding:0!important;}
  body.gopetia-canonical-app .gps-nav__mobilebar{padding:8px 8px 5px!important;}
  body.gopetia-canonical-app .gps-nav__inner{padding:3px 7px 8px!important;overflow:visible!important;}
  body.gopetia-canonical-app .gps-nav__list{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;
    width:100%!important;overflow:visible!important;
  }
  body.gopetia-canonical-app .gps-nav__list>li{width:100%!important;min-width:0!important;}
  body.gopetia-canonical-app .gps-nav__list>li.gps-nav__business{display:none!important;}
  body.gopetia-canonical-app .gps-nav__link{
    width:100%!important;min-width:0!important;height:43px!important;min-height:43px!important;
    padding:0 4px!important;gap:4px!important;border-radius:13px!important;
    font-size:10.5px!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.gopetia-canonical-app .gps-nav__icon{width:22px!important;height:22px!important;min-width:22px!important;border-radius:8px!important;}
  body.gopetia-canonical-app .gps-nav__region{display:none!important;}

  body.gopetia-canonical-app .petia180-question{font-size:clamp(28px,7.4vw,34px)!important;}
  body.gopetia-canonical-app .petia180-card strong{font-size:12px!important;}
  body.gopetia-canonical-app .petia180-tip{font-size:11.5px!important;}
  body.gopetia-canonical-app .gpa-dynamic__head h2{font-size:21px!important;}
  body.gopetia-canonical-app .gpa-dynamic__head p{font-size:13px!important;}
  body.gopetia-canonical-app .gpa-native-ad{min-height:112px!important;grid-template-columns:112px minmax(0,1fr)!important;}
  body.gopetia-canonical-app .gpa-native-ad__copy{padding:11px 12px!important;}
  body.gopetia-canonical-app .gpa-native-ad__copy strong{font-size:14px!important;}
  body.gopetia-canonical-app .gpa-native-ad__meta{font-size:10.5px!important;}

  body.gopetia-canonical-app #petia-page-form{min-height:64px!important;padding:7px!important;border-radius:22px!important;}
  body.gopetia-canonical-app #petia-page-input{height:48px!important;min-height:48px!important;border-radius:16px!important;font-size:16px!important;}
  body.gopetia-canonical-app .petia-chat-avatar{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;}
  body.gopetia-canonical-app .petia-page-message .bubble{max-width:calc(100vw - 86px)!important;font-size:15px!important;line-height:1.48!important;padding:11px 12px!important;}
  body.gopetia-canonical-app .gp-account-shell{border-radius:24px 24px 0 0!important;}
}
@media(max-width:390px){
  body.gopetia-canonical-app .gps-nav__link{font-size:9.8px!important;gap:3px!important;}
  body.gopetia-canonical-app .gps-nav__icon{width:20px!important;height:20px!important;min-width:20px!important;}
}
@media(prefers-reduced-motion:reduce){body.gopetia-canonical-app .petia-typing-dots i{animation:none!important;}}