/* VOLIQA V425 — popup template refinement.
 * ABOUT is the geometry/surface reference. Each popup keeps the semantic
 * accent of its opener; frame and close control use that same accent.
 * Locked top/bottom menu button geometry is outside this file.
 */
body.v13 .v255-roadmap-head.v406-roadmap-head>.v406-website-tagline{
  color:#f2fdff!important;
  text-shadow:0 0 8px rgba(72,227,255,.58),0 0 18px rgba(45,221,255,.22)!important;
}

/* Canonical ABOUT-like dialog shell for public popup families. */
body.v13 :is(
 .v13-modalbox,.v364-about-dialog,.v400-how-dialog,.v40-faq-dialog,
 .v48-sitemap-dialog,.v48-case-dialog,.v81-ai-dialog,.v339-analysis-dialog,
 .v347-cookie-dialog,.v113-legal-dialog,.v24-help-dialog
){
 width:min(900px,calc(100vw - 32px))!important;
 border:1px solid var(--v-popup-accent)!important;
 border-radius:18px!important;
 padding:30px!important;
 background:linear-gradient(145deg,#17131b 0%,#100f14 100%)!important;
 box-shadow:0 20px 72px rgba(0,0,0,.62),0 0 30px color-mix(in srgb,var(--v-popup-accent) 15%,transparent)!important;
}
/* Frame/close control exactly follow the popup opener accent token. */
body.v13 :is(
 .v13-modalhead .v13-close,.v48-sitemap-head [data-v48-sitemap-close],
 .v364-about-dialog>.v364-about-close,.v400-how-dialog>.v400-how-close,
 .v40-faq-dialog>.v40-faq-close,.v48-case-dialog>.v48-case-close,
 .v81-ai-dialog>.v81-ai-close,.v339-analysis-dialog>.v339-analysis-close,
 .v347-cookie-dialog>.v347-cookie-close,.v113-legal-dialog>.v113-legal-close,
 .v24-help-dialog>.v24-help-close
){border-color:var(--v-popup-accent)!important;color:var(--v-popup-accent)!important}
@media(max-width:760px){
 body.v13 :is(.v13-modalbox,.v364-about-dialog,.v400-how-dialog,.v40-faq-dialog,.v48-sitemap-dialog,.v48-case-dialog,.v81-ai-dialog,.v339-analysis-dialog,.v347-cookie-dialog,.v113-legal-dialog,.v24-help-dialog){
  width:min(100%,calc(100vw - 20px))!important;padding:24px 20px!important;
 }
}