:root {
  --ic-bg: #f9f9f9;
  --ic-surface: #ffffff;
  --ic-border: #e5e5e5;
  --ic-fg: #080808;
  --ic-muted: #5e5d5a;
  --ic-primary: #080808;
  --ic-primary-hover: #242424;
  --pf-v5-global--primary-color--100: var(--ic-primary);
  --pf-v5-global--primary-color--200: var(--ic-primary-hover);
  --pf-v5-global--BackgroundColor--100: var(--ic-bg);
  --pf-v5-global--BackgroundColor--light-100: var(--ic-surface);
  --pf-v5-global--BorderColor--100: var(--ic-border);
  --pf-v5-global--Color--100: var(--ic-fg);
}

html,
body {
  background: var(--ic-bg);
  color: var(--ic-fg);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Global links/buttons tone */
a {
  color: var(--ic-primary);
}

a:hover {
  color: var(--ic-primary-hover);
}

.pf-v6-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary,
.pf-v6-c-button.pf-m-brand,
.pf-v5-c-button.pf-m-brand {
  background-color: var(--ic-primary) !important;
  border-color: var(--ic-primary) !important;
}

.pf-v6-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:hover,
.pf-v6-c-button.pf-m-brand:hover,
.pf-v5-c-button.pf-m-brand:hover {
  background-color: var(--ic-primary-hover) !important;
  border-color: var(--ic-primary-hover) !important;
}

/* Account app shell */
.pf-v6-c-page,
.pf-v5-c-page {
  background: var(--ic-bg);
}

.pf-v6-c-page__main,
.pf-v5-c-page__main {
  background: var(--ic-bg);
}

.pf-v6-c-page__header,
.pf-v5-c-page__header {
  background: var(--ic-surface);
  border-bottom: 1px solid var(--ic-border);
}

.pf-v6-c-page__sidebar,
.pf-v5-c-page__sidebar {
  background: var(--ic-surface);
  border-right: 1px solid var(--ic-border);
}

.pf-v6-c-card,
.pf-v5-c-card {
  background: var(--ic-surface);
  border: 1px solid var(--ic-border);
  border-radius: 8px;
  box-shadow: none;
}

.pf-v6-c-content,
.pf-v5-c-content {
  color: var(--ic-fg);
}

.pf-v6-c-nav__link,
.pf-v5-c-nav__link {
  color: var(--ic-fg);
}

.pf-v6-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current {
  color: var(--ic-primary);
  font-weight: 600;
}

/* Branded header logo for account console */
.pf-v6-c-masthead__brand a,
.pf-v5-c-masthead__brand a,
a[href*="/account"] {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  min-width: 132px;
  background-image: url("/resources/common/icompass/public/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.pf-v6-c-masthead__brand img,
.pf-v5-c-masthead__brand img,
.pf-v6-c-masthead__brand svg,
.pf-v5-c-masthead__brand svg {
  opacity: 0;
}

/* Mobile spacing */
@media (max-width: 768px) {
  .pf-v6-c-page__header,
  .pf-v5-c-page__header {
    padding-inline: 12px;
  }
}