/*
 * Fluent Themes parent-brand profile.
 * Modern berry/plum system approved for regular Fluent Themes pages.
 * Primary: #801972
 */
body.ft-theme-modern.ft-brand-fluent {
  --ft-brand-canvas: #FAF9FB;
  --ft-brand-deep: #1C131B;
  --ft-brand-surface: #FFFFFF;
  --ft-brand-surface-soft: #F7F3F6;
  --ft-brand-surface-glass: rgb(255 255 255 / .9);
  --ft-brand-text: #4F4650;
  --ft-brand-heading: #211820;
  --ft-brand-muted: #706672;
  --ft-brand-border: #E6DDE4;
  --ft-brand-primary: #801972;
  --ft-brand-primary-hover: #6B145F;
  --ft-brand-accent: #A43B95;
  --ft-brand-accent-soft: #F6EAF3;
  --ft-brand-support: #4E745C;
  --ft-brand-warning: #9A5B13;
  --ft-brand-error: #A23846;
  --ft-brand-focus: #C35AB2;
  --ft-brand-shadow-soft: 0 1px 2px rgb(33 24 32 / .06);
  --ft-brand-shadow-md: 0 18px 42px rgb(33 24 32 / .11);
  --ft-brand-shadow-lg: 0 34px 90px rgb(19 13 18 / .28);
  --ft-brand-section-white: linear-gradient(180deg, #FFFFFF 0%, #FAF9FB 100%);
  --ft-brand-section-soft: linear-gradient(180deg, #FAF9FB 0%, #F7F3F6 100%);
  --ft-brand-cta-background:
    radial-gradient(circle at 14% 10%, rgb(164 59 149 / .24), transparent 23rem),
    linear-gradient(135deg, #1B1119 0%, #2C1727 58%, #3B1733 100%);
  --ft-brand-cta-foreground: #FFFFFF;
  --ft-brand-hero-background:
    radial-gradient(circle at 13% 18%, rgb(164 59 149 / .25), transparent 25rem),
    radial-gradient(circle at 84% 8%, rgb(221 169 212 / .09), transparent 28rem),
    linear-gradient(135deg, #1B1119 0%, #281522 56%, #32142A 100%);
  --ft-brand-hero-foreground: #FFFFFF;
  --ft-brand-hero-muted: #D8CFD6;
  --ft-brand-hero-chip-bg: rgb(128 25 114 / .18);
  --ft-brand-hero-chip-border: rgb(232 175 223 / .25);
  --ft-brand-hero-action: #801972;
  --ft-brand-hero-action-hover: #6B145F;
  --ft-brand-hero-action-text: #FFFFFF;
  --ft-brand-card-background:
    linear-gradient(180deg, rgb(255 255 255 / .99), #FFFFFF),
    radial-gradient(circle at top left, rgb(128 25 114 / .055), transparent 16rem);
  --ft-brand-footer-bg: #130D12;
  --ft-brand-footer-heading: #FFFFFF;
  --ft-brand-footer-text: #AAA0A8;
  --ft-brand-footer-link: #D7CDD5;
  --ft-brand-footer-link-hover: #E8AFDF;
  --ft-nav-bg: #1C131B;
  --ft-nav-border: #362431;
  --ft-nav-text: #D8CFD6;
  --ft-nav-text-active: #E8AFDF;
  --ft-nav-cta-bg: #801972;
  --ft-nav-cta-text: #FFFFFF;
  --ft-brand-nav-brand: #FFFFFF;
  --ft-brand-nav-hover: #FFFFFF;
  --ft-brand-nav-hover-bg: rgb(164 59 149 / .16);
  --ft-brand-nav-panel: #241820;
  --ft-brand-nav-panel-link: #F7F1F6;
  --ft-brand-nav-panel-muted: #B5A9B2;
  --ft-brand-mobile-header: rgb(255 255 255 / .94);
  --ft-brand-mobile-mark: #801972;
}

/* General Fluent components -------------------------------------------- */
body.ft-theme-modern.ft-brand-fluent {
  background:
    radial-gradient(circle at 7% 0%, rgb(128 25 114 / .055), transparent 24rem),
    radial-gradient(circle at 94% 12%, rgb(164 59 149 / .045), transparent 28rem),
    var(--ft-brand-canvas);
}

body.ft-theme-modern.ft-brand-fluent .ft-button--primary {
  background: #801972;
  color: #FFFFFF;
}

body.ft-theme-modern.ft-brand-fluent .ft-button--primary:hover,
body.ft-theme-modern.ft-brand-fluent .ft-button--primary:focus-visible {
  background: #6B145F;
  color: #FFFFFF;
}

body.ft-theme-modern.ft-brand-fluent .ft-button--secondary {
  background: #FFFFFF;
  border-color: #D5C6D2;
  color: #801972;
}

body.ft-theme-modern.ft-brand-fluent .ft-button--secondary:hover,
body.ft-theme-modern.ft-brand-fluent .ft-button--secondary:focus-visible {
  background: #F6EAF3;
  border-color: #B98BAC;
  color: #6B145F;
}

body.ft-theme-modern.ft-brand-fluent .ft-chip {
  background: #F6EAF3;
  border-color: #E6DDE4;
  color: #801972;
}

body.ft-theme-modern.ft-brand-fluent .ft-chip__dot {
  background: #A43B95;
  box-shadow: 0 0 0 .18rem rgb(164 59 149 / .13);
}

body.ft-theme-modern.ft-brand-fluent .ft-icon-badge,
body.ft-theme-modern.ft-brand-fluent .ft-card__icon {
  background: linear-gradient(135deg, #F6EAF3, #FBF6FA);
  color: #801972;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .8), 0 10px 24px rgb(128 25 114 / .09);
}

body.ft-theme-modern.ft-brand-fluent .ft-card {
  border-color: #E6DDE4;
  background: var(--ft-brand-card-background);
}

body.ft-theme-modern.ft-brand-fluent .ft-card:hover {
  border-color: #D4B3CD;
  box-shadow: 0 18px 42px rgb(33 24 32 / .11);
}

body.ft-theme-modern.ft-brand-fluent .ft-card--product::before,
body.ft-theme-modern.ft-brand-fluent .ft-card--article::before {
  background: linear-gradient(90deg, #801972, #A43B95);
}

body.ft-theme-modern.ft-brand-fluent .ft-card--maintenance {
  background: linear-gradient(180deg, #FBF9FA, #F3EDF2);
  color: #706672;
}

body.ft-theme-modern.ft-brand-fluent .ft-card__media {
  border-color: #E6DDE4;
  background:
    radial-gradient(circle at 20% 20%, rgb(164 59 149 / .20), transparent 40%),
    linear-gradient(135deg, #F6EAF3, #FBF6FA);
}

body.ft-theme-modern.ft-brand-fluent .ft-card__media--article {
  background: linear-gradient(135deg, #2A1727, #801972 58%, #A43B95);
}

body.ft-theme-modern.ft-brand-fluent .ft-disclosure summary::before {
  background: #F6EAF3;
  color: #801972;
}

body.ft-theme-modern.ft-brand-fluent .ft-status-banner--trust {
  background: linear-gradient(135deg, #FBF6FA, #FFFFFF);
  border-color: #E6DDE4;
}

body.ft-theme-modern.ft-brand-fluent ::selection {
  background: #F0D6EB;
  color: #42103B;
}

/* Marketing/product hero ------------------------------------------------ */
body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-section--hero,
body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero--marketing {
  background: var(--ft-brand-hero-background);
  color: #FFFFFF;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero::after {
  background-image:
    linear-gradient(rgb(232 175 223 / .04) 1px, transparent 1px),
    linear-gradient(90deg, rgb(232 175 223 / .04) 1px, transparent 1px);
  opacity: .55;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero h1,
body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero h2,
body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero h3 {
  color: #FFFFFF;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero p,
body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero .ft-reading-measure {
  color: #D8CFD6;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero .ft-chip {
  background: rgb(128 25 114 / .18);
  border-color: rgb(232 175 223 / .25);
  color: #F5DFF1;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero .ft-button--primary,
body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-section--hero .ft-button--primary {
  background: #801972;
  color: #FFFFFF;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero .ft-button--primary:hover,
body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-section--hero .ft-button--primary:hover {
  background: #A43B95;
  color: #FFFFFF;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero .ft-button--secondary {
  background: transparent;
  color: #FFFFFF;
  border-color: #65505F;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-product .ft-page-hero .ft-button--secondary:hover {
  background: #33202D;
  color: #FFFFFF;
  border-color: #806173;
}

body.ft-theme-modern.ft-brand-fluent .ft-hero-mockup {
  background: #21151E;
  border-color: #4A3042;
}

body.ft-theme-modern.ft-brand-fluent .ft-hero-mockup__bar span {
  background: #A43B95;
}

body.ft-theme-modern.ft-brand-fluent .ft-hero-product-card {
  background: #FBF6FA;
  color: #211820;
}

body.ft-theme-modern.ft-brand-fluent .ft-hero-product-card h3,
body.ft-theme-modern.ft-brand-fluent .ft-hero-product-card p {
  color: #211820;
}

/* Reading-first article/hub/company/knowledge heroes -------------------- */
body.ft-theme-modern.ft-brand-fluent.ft-layout-article .ft-page-hero,
body.ft-theme-modern.ft-brand-fluent.ft-layout-knowledgebase .ft-page-hero,
body.ft-theme-modern.ft-brand-fluent.ft-layout-hub .ft-page-hero,
body.ft-theme-modern.ft-brand-fluent.ft-layout-company .ft-page-hero {
  background:
    radial-gradient(circle at 10% 8%, rgb(128 25 114 / .055), transparent 22rem),
    linear-gradient(180deg, #FBF6FA 0%, #F7F3F6 100%);
  color: #211820;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-article .ft-page-hero::after,
body.ft-theme-modern.ft-brand-fluent.ft-layout-knowledgebase .ft-page-hero::after,
body.ft-theme-modern.ft-brand-fluent.ft-layout-hub .ft-page-hero::after,
body.ft-theme-modern.ft-brand-fluent.ft-layout-company .ft-page-hero::after {
  opacity: 0;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-article .ft-page-hero h1,
body.ft-theme-modern.ft-brand-fluent.ft-layout-knowledgebase .ft-page-hero h1,
body.ft-theme-modern.ft-brand-fluent.ft-layout-hub .ft-page-hero h1,
body.ft-theme-modern.ft-brand-fluent.ft-layout-company .ft-page-hero h1 {
  color: #211820;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-article .ft-page-hero p,
body.ft-theme-modern.ft-brand-fluent.ft-layout-knowledgebase .ft-page-hero p,
body.ft-theme-modern.ft-brand-fluent.ft-layout-hub .ft-page-hero p,
body.ft-theme-modern.ft-brand-fluent.ft-layout-company .ft-page-hero p {
  color: #5E5460;
}

body.ft-theme-modern.ft-brand-fluent.ft-layout-article .ft-page-hero .ft-chip,
body.ft-theme-modern.ft-brand-fluent.ft-layout-knowledgebase .ft-page-hero .ft-chip,
body.ft-theme-modern.ft-brand-fluent.ft-layout-hub .ft-page-hero .ft-chip,
body.ft-theme-modern.ft-brand-fluent.ft-layout-company .ft-page-hero .ft-chip {
  background: #F6EAF3;
  border-color: #E6DDE4;
  color: #801972;
}

/* Editorial reading surfaces ------------------------------------------- */
body.ft-theme-modern.ft-brand-fluent .ft-article-body,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell {
  color: #4F4650;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-body a,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell a {
  color: #801972;
  text-decoration-color: rgb(128 25 114 / .38);
  text-underline-offset: .2em;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-body a:hover,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell a:hover {
  color: #6B145F;
  text-decoration-color: #6B145F;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-toc {
  background: #FBF9FA;
  border-color: #E6DDE4;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-toc a {
  color: #5E5460;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-toc a:hover,
body.ft-theme-modern.ft-brand-fluent .ft-article-toc a:focus-visible {
  color: #801972;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-body th,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell th {
  background: #F6EAF3;
  color: #211820;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-body blockquote,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell blockquote {
  background: #FBF6FA;
  border-left-color: #A43B95;
  color: #4F4650;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-body code,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell code {
  background: #F3EDF2;
  color: #42103B;
  border-radius: .3rem;
  padding: .08em .32em;
}

body.ft-theme-modern.ft-brand-fluent .ft-article-body pre,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell pre {
  overflow-x: auto;
  background: #1C131B;
  color: #F7F1F6;
  border: 1px solid #4A3042;
  border-radius: var(--ft-radius-md);
  padding: var(--ft-space-4);
}

body.ft-theme-modern.ft-brand-fluent .ft-article-body pre code,
body.ft-theme-modern.ft-brand-fluent .ft-content-shell pre code {
  background: transparent;
  color: inherit;
  padding: 0;
}

/* Legacy ARB CTA markup: normalize presentation without altering content. */
body.ft-theme-modern .green-grey-articles {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-block: 1.75rem !important;
}

body.ft-theme-modern .green-grey-articles .term-badges,
body.ft-theme-modern .green-grey-articles .term-badge {
  display: contents;
}

body.ft-theme-modern .green-grey-articles .term-badge a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.9rem;
  padding: .72rem 1.1rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--ft-color-primary) !important;
  color: #FFFFFF !important;
  font-weight: 700;
  text-decoration: none;
}

body.ft-theme-modern .green-grey-articles .term-badge a:hover,
body.ft-theme-modern .green-grey-articles .term-badge a:focus-visible {
  background: var(--ft-color-primary-hover) !important;
}

/* Desktop navigation ----------------------------------------------------- */
@media (min-width: 64.001rem) {
  body.ft-theme-modern.ft-brand-fluent .ft-site-header__inner {
    background: #1C131B;
    border-color: #362431;
    box-shadow: 0 24px 60px rgb(19 13 18 / .28);
  }

  body.ft-theme-modern.ft-brand-fluent .ft-brand,
  body.ft-theme-modern.ft-brand-fluent .ft-brand:hover,
  body.ft-theme-modern.ft-brand-fluent .ft-brand__text {
    color: #FFFFFF;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-brand__mark {
    color: #E8AFDF;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-site-nav a,
  body.ft-theme-modern.ft-brand-fluent .ft-nav-link,
  body.ft-theme-modern.ft-brand-fluent .ft-nav-disclosure {
    color: #D8CFD6;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-site-nav a:hover,
  body.ft-theme-modern.ft-brand-fluent .ft-nav-link:hover,
  body.ft-theme-modern.ft-brand-fluent .ft-nav-disclosure:hover {
    color: #FFFFFF;
    background: rgb(164 59 149 / .16);
  }

  body.ft-theme-modern.ft-brand-fluent .ft-nav-link.is-active,
  body.ft-theme-modern.ft-brand-fluent .ft-nav-disclosure.is-active,
  body.ft-theme-modern.ft-brand-fluent .ft-nav-item.is-open > .ft-nav-disclosure {
    color: #E8AFDF;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-header-cta {
    background: #801972 !important;
    color: #FFFFFF !important;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-header-cta:hover,
  body.ft-theme-modern.ft-brand-fluent .ft-header-cta:focus-visible {
    background: #A43B95 !important;
    color: #FFFFFF !important;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-nav-panel {
    background: #241820;
    border-color: #4A3042;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-nav-panel a {
    color: #F7F1F6;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-nav-panel a:hover {
    background: #35202F;
    color: #FFFFFF;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-nav-panel a span {
    background: rgb(164 59 149 / .15);
    color: #E8AFDF;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-nav-panel small {
    color: #B5A9B2;
  }
}

/* Mobile navigation ------------------------------------------------------ */
@media (max-width: 64rem) {
  body.ft-theme-modern.ft-brand-fluent .ft-site-header {
    background: rgb(255 255 255 / .94);
    border-color: #E6DDE4;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-brand__mark {
    background: #801972;
    color: #FFFFFF;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-menu-toggle {
    border-color: #E6DDE4;
    color: #211820;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-mobile-menu,
  body.ft-theme-modern.ft-brand-fluent .ft-mobile-nav__panel {
    border-color: #E6DDE4;
    background: rgb(255 255 255 / .98);
  }

  body.ft-theme-modern.ft-brand-fluent .ft-mobile-menu__section {
    background: #FBF6FA;
    border-color: #E6DDE4;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-mobile-menu__section p {
    color: #801972;
  }

  body.ft-theme-modern.ft-brand-fluent .ft-mobile-menu__section a:hover,
  body.ft-theme-modern.ft-brand-fluent .ft-mobile-nav__panel a:hover {
    background: #F6EAF3;
    color: #6B145F;
  }
}

/* Footer ---------------------------------------------------------------- */
body.ft-theme-modern.ft-brand-fluent .ft-site-footer {
  background: #130D12;
  color: #D7CDD5;
  border-block-start: 0;
}

body.ft-theme-modern.ft-brand-fluent .ft-site-footer h2,
body.ft-theme-modern.ft-brand-fluent .ft-site-footer strong {
  color: #FFFFFF;
}

body.ft-theme-modern.ft-brand-fluent .ft-site-footer p,
body.ft-theme-modern.ft-brand-fluent .ft-site-footer li,
body.ft-theme-modern.ft-brand-fluent .ft-site-footer small,
body.ft-theme-modern.ft-brand-fluent .ft-site-footer .ft-muted,
body.ft-theme-modern.ft-brand-fluent .ft-site-footer__meta {
  color: #AAA0A8;
}

body.ft-theme-modern.ft-brand-fluent .ft-site-footer a {
  color: #D7CDD5;
  text-decoration-color: rgb(215 205 213 / .32);
}

body.ft-theme-modern.ft-brand-fluent .ft-site-footer a:hover,
body.ft-theme-modern.ft-brand-fluent .ft-site-footer a:focus-visible {
  color: #E8AFDF;
  text-decoration-color: #E8AFDF;
}

body.ft-theme-modern.ft-brand-fluent .ft-site-footer a.ft-link--quiet {
  color: #AFA4AC !important;
}

body.ft-theme-modern.ft-brand-fluent .ft-site-footer a.ft-link--quiet:hover,
body.ft-theme-modern.ft-brand-fluent .ft-site-footer a.ft-link--quiet:focus-visible {
  color: #E8AFDF !important;
}