/* VOLIQA V391 — popup action colors stay stable on hover/focus and drive the dialog border. */
:root{
  --v-popup-color-cyan:#32dfff;
  --v-popup-color-orange:#ff8a3d;
  --v-popup-color-pink:#ff4fd8;
  --v-popup-color-red:#ff5068;
  --v-popup-color-violet:#9b63ff;
  --v-popup-accent:var(--v-popup-color-cyan);
}
.v371-build-modal.v13-modal{--v-popup-accent:var(--v-popup-color-orange)}
.v364-about-modal{--v-popup-accent:var(--v-popup-color-pink)}
.v48-case-modal{--v-popup-accent:var(--v-popup-color-red)}
.v81-ai-modal{--v-popup-accent:var(--v-popup-color-violet)}

/* One semantic token colors both the dialog frame and its actions. Override the
   token on a dialog or an individual action when a new popup color is added. */
.v-popup-dialog,
[role="dialog"],
.v13-modalbox{
  --v-popup-theme-color:var(--v-popup-action-color,var(--v-popup-accent));
  border-color:var(--v-popup-theme-color)!important;
}
.v-popup-dialog :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]),
[role="dialog"] :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]),
.v13-modalbox :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]){
  --v-popup-button-color:var(--v-popup-action-color,var(--v-popup-theme-color,var(--v-popup-accent)));
  border-color:var(--v-popup-button-color)!important;
  background-color:color-mix(in srgb,var(--v-popup-button-color) 11%,var(--v-popup-dialog-surface,#04111a))!important;
  color:var(--v-popup-button-color)!important;
  outline-color:var(--v-popup-button-color)!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--v-popup-button-color) 12%,transparent)!important;
  transition:box-shadow .16s ease,transform .16s ease!important;
}
.v-popup-dialog :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]):is(:hover,:active),
[role="dialog"] :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]):is(:hover,:active),
.v13-modalbox :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]):is(:hover,:active){
  border-color:var(--v-popup-button-color)!important;
  background-color:color-mix(in srgb,var(--v-popup-button-color) 11%,var(--v-popup-dialog-surface,#04111a))!important;
  color:var(--v-popup-button-color)!important;
  filter:none!important;
  transform:none!important;
}
.v-popup-dialog :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]):focus-visible,
[role="dialog"] :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]):focus-visible,
.v13-modalbox :is(button,a[role="button"],input[type="button"],input[type="submit"]):not(.v-popup-close):not([aria-label="Close"]):not([class*="close"]):focus-visible{
  outline:2px solid var(--v-popup-button-color)!important;
  outline-offset:2px!important;
}

/* Close controls retain their established square shape and inherit the same
   dialog accent without changing color when hovered. */
.v-popup-close:hover,
[role="dialog"] button[aria-label="Close"]:hover,
.v339-analysis-close:hover,.v364-about-close:hover,.v40-faq-close:hover,
[data-v40-faq-close]:hover,[data-v48-sitemap-close]:hover,.v48-case-close:hover,
#v347-cookie-modal .v347-cookie-close:hover,.v347-help-close:hover,
.v113-legal-close:hover,.v13-close:hover,.v81-ai-close:hover,.v24-help-close:hover{
  filter:none!important;
  background-color:var(--v-popup-surface,#071722)!important;
  border-color:var(--v-popup-accent,var(--v-popup-color-cyan))!important;
  color:#f3fcff!important;
}