@import url("brandkit/integration/portfolio.css");

:root[data-app] .pulse-shell-header {
  position: relative;
}

:root[data-app] .pulse-brand {
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
}

:root[data-app] .pulse-nav {
  flex-wrap: wrap;
}

:root[data-app] .pulse-signature-copy {
  min-width: 0;
}

:root[data-app] .pulse-signature-name,
:root[data-app] .pulse-signature-tagline,
:root[data-app] .pulse-signature-publisher {
  white-space: normal;
}

:root[data-app] .command-center-body {
  padding: 0;
}

:root[data-app] .pulse-home-lockup {
  display: block;
  width: 600px;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

:root[data-app] .pulse-signature--progress .fam-brand-name,
:root[data-app] .pulse-signature--progress .fam-brand-descriptor {
  color: #fff;
}

:root[data-app] .pulse-signature--progress .fam-brand-publisher {
  color: var(--fam-publisher-dark);
  opacity: 1;
}

:root[data-app="wics"] {
  --wics-navy: var(--fam-ink);
  --wics-navy-deep: var(--fam-ink);
  --wics-ink: var(--fam-ink);
  --wics-muted: var(--fam-slate);
  --wics-paper: var(--fam-mist);
  --wics-violet: var(--fam-publisher-light);
}

:root[data-app="wics"] .wics-header {
  flex-wrap: wrap;
  gap: 20px;
  color: var(--fam-ink);
  background: #fff;
  border-image: var(--app-gradient) 1;
}

:root[data-app="wics"] .wics-nav {
  flex-wrap: wrap;
}

:root[data-app="wics"] .wics-nav a {
  color: var(--fam-ink);
}

:root[data-app="wics"] .wics-nav-signin {
  border-color: var(--fam-slate);
}

@media (max-width: 640px) {
  :root[data-app] .pulse-shell-header {
    padding-inline: 16px;
  }

  :root[data-app] .command-hero {
    padding: 20px 16px;
  }

  :root[data-app] .pulse-home-lockup {
    width: 290px;
    margin-inline: auto;
  }
}