/* Keycloak's account console in the HAVEN HSIA dashboard look: the same design as the
   administration console (admin/resources/css/haven-admin.css; keep the two in step). The
   --haven-primary, --haven-primary-dark and --haven-masthead colours take a client's brand
   (js/haven-account.js); with a client brand its logo or name shows in the top bar. */
@font-face {
  font-family: 'DM Sans';
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/dm-sans-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/dm-sans-latin-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/dm-sans-latin-600-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/dm-sans-latin-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/manrope-latin-700-normal.woff2) format('woff2');
}

/* Arabic text in Cairo, as in the dashboard (Arabic letters only; SIL OFL). */
@font-face {
  font-family: 'Cairo';
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/cairo-arabic-400-normal.woff2) format('woff2');
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
    U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB,
    U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22,
    U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
    U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F,
    U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E,
    U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Cairo';
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/cairo-arabic-600-normal.woff2) format('woff2');
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
    U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB,
    U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22,
    U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
    U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F,
    U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E,
    U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Cairo';
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/cairo-arabic-700-normal.woff2) format('woff2');
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
    U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB,
    U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22,
    U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
    U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F,
    U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E,
    U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

:root {
  --haven-primary: #2d7963;
  --haven-primary-dark: #21654f;
  --haven-masthead: #173e36;
  --haven-green: var(--haven-primary);
  --haven-green-dark: var(--haven-primary-dark);
  --haven-sidebar: var(--haven-masthead);
  --haven-sidebar-hover: #ffffff12;
  --haven-sidebar-text: #aabbb4;
  --haven-sidebar-label: #afc3b9;
  --haven-selected: #e5eee7;
  --haven-selected-text: var(--haven-masthead);
  --haven-ink: #202c33;
  --haven-muted: #586b65;
  --haven-line: #e9edf0;
  --haven-panel-line: #e6ebe8;
  --haven-control-line: #dfe5e4;
  --haven-surface-muted: #fbfcfb;
  --haven-row-hover: #f5f8f6;
  --haven-mint: #ecf5ef;
  --haven-font: 'DM Sans', Cairo, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --haven-heading: 'Manrope', 'DM Sans', Cairo, system-ui, sans-serif;

  --pf-v5-global--FontFamily--text: var(--haven-font);
  --pf-v5-global--FontFamily--heading: var(--haven-heading);
  --pf-v5-global--primary-color--100: var(--haven-green);
  --pf-v5-global--primary-color--200: var(--haven-green-dark);
  --pf-v5-global--primary-color--dark-100: var(--haven-green);
  --pf-v5-global--active-color--100: var(--haven-green);
  --pf-v5-global--link--Color: var(--haven-green-dark);
  --pf-v5-global--link--Color--hover: var(--haven-sidebar);
  /* Links on light surfaces (PatternFly's .pf-v5-t-light uses the --dark variants). */
  --pf-v5-global--link--Color--dark: var(--haven-green-dark);
  --pf-v5-global--link--Color--dark--hover: var(--haven-sidebar);
  --pf-v5-global--BorderColor--100: var(--haven-line);
  --pf-v5-c-page__sidebar--Width: 236px;
}
body {
  color: var(--haven-ink);
  background: #fff;
  font-family: var(--haven-font);
  -webkit-font-smoothing: antialiased;
}
.keycloak__loading-container {
  background: #fff;
  color: var(--haven-ink);
}
:focus-visible {
  outline: 2px solid var(--haven-green);
  outline-offset: 2px;
}

/* Top bar: white with the HAVEN HSIA logo, like the dashboard. */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #fff;
  min-height: 74px;
  border-bottom: 1px solid var(--haven-line);
  color: var(--haven-ink);
}
.pf-v5-c-masthead .pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: transparent;
  background: transparent;
  color: var(--haven-ink);
}
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain,
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  --pf-v5-c-button--m-plain--Color: var(--haven-ink);
  --pf-v5-c-button--m-plain--hover--Color: var(--haven-sidebar);
  --pf-v5-c-menu-toggle--Color: var(--haven-ink);
  --pf-v5-c-menu-toggle--BackgroundColor: #fff;
  color: var(--haven-ink);
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain) {
  border: 1px solid var(--haven-control-line);
  border-radius: 7px;
  font-weight: 600;
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle::before,
.pf-v5-c-masthead .pf-v5-c-menu-toggle::after {
  border: 0;
}
.pf-v5-c-masthead__brand img {
  width: auto;
  height: 52px;
  max-width: 100%;
}

/* Sidebar: dashboard green, quiet links, light pill for the open page. */
.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: var(--haven-sidebar);
  background: var(--haven-sidebar);
}
.pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: var(--haven-sidebar-text);
  --pf-v5-c-nav__link--hover--Color: #e4eee7;
  --pf-v5-c-nav__link--focus--Color: #e4eee7;
  --pf-v5-c-nav__link--active--Color: #e4eee7;
  --pf-v5-c-nav__link--BackgroundColor: transparent;
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--haven-sidebar-hover);
  --pf-v5-c-nav__link--focus--BackgroundColor: var(--haven-sidebar-hover);
  --pf-v5-c-nav__link--active--BackgroundColor: var(--haven-sidebar-hover);
  --pf-v5-c-nav__link--m-current--Color: var(--haven-selected-text);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--haven-selected);
  --pf-v5-c-nav__link--after--BorderColor: transparent;
  --pf-v5-c-nav__link--m-current--after--BorderColor: transparent;
  --pf-v5-c-nav__link--hover--after--BorderColor: transparent;
  --pf-v5-c-nav__section-title--Color: var(--haven-sidebar-label);
  --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
  --pf-v5-c-nav__section--section--before--BorderColor: transparent;
  --pf-v5-c-divider--BackgroundColor: #ffffff14;
  font-family: var(--haven-font);
}
.pf-v5-c-nav__link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: auto;
  margin: 1px 18px;
  padding: 7px 13px;
  min-height: 36px;
  border-radius: 7px;
  font-size: 12px;
}
/* Each page's icon, from the dashboard's icon set (Lucide, ISC licence). */
.pf-v5-c-nav__link:is(
    a[href$='/account/'],
    [aria-expanded],
    [data-testid='applications'],
    [data-testid='linked-accounts']
  )::before {
  content: '';
  position: static;
  inset: auto;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border: 0;
  background-color: currentColor;
  -webkit-mask: var(--haven-icon) center / 16px no-repeat;
  mask: var(--haven-icon) center / 16px no-repeat;
}
a.pf-v5-c-nav__link[href$='/account/'] {
  --haven-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
button.pf-v5-c-nav__link[aria-expanded] {
  --haven-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
}
a.pf-v5-c-nav__link[data-testid='applications'] {
  --haven-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M10 4v4'/%3E%3Cpath d='M2 8h20'/%3E%3Cpath d='M6 4v4'/%3E%3C/svg%3E");
}
a.pf-v5-c-nav__link[data-testid='linked-accounts'] {
  --haven-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}
.pf-v5-c-nav__link.pf-m-current {
  font-weight: 650;
}
/* PatternFly marks the open page with a coloured bar on the left; the pill replaces it. */
.pf-v5-c-nav__link::after {
  display: none;
}
.pf-v5-c-nav__section-title {
  padding-inline: 31px;
  border: 0;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
/* Desktop: as in the dashboard, the sidebar runs the full height with the logo at its top and
   the white top bar covers only the content. Smaller screens keep Keycloak's own layout. */
@media (min-width: 1200px) {
  .pf-v5-c-page {
    grid-template-areas: 'nav header' 'nav main';
  }
  .pf-v5-c-page__sidebar {
    grid-area: nav;
  }
  .pf-v5-c-page__sidebar::before {
    content: '';
    flex: 0 0 auto;
    height: 66px;
    margin: 20px 18px 10px;
    background: url(../img/haven-hsia-logo-dark.png) left center / contain no-repeat;
  }
  /* No logo or menu button in the top bar: both belong to the sidebar, as in the dashboard. */
  .pf-v5-c-masthead__brand,
  .pf-v5-c-masthead__toggle {
    display: none;
  }
}
/* Sidebar footer, as in the dashboard. */
.pf-v5-c-page__sidebar::after {
  content: 'POWERED BY HICL';
  flex: 0 0 auto;
  margin: auto 18px 0;
  padding: 16px 0 20px;
  border-top: 1px solid #ffffff14;
  color: var(--haven-sidebar-label);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
}

/* Page: white, dashboard spacing, Manrope titles. */
.pf-v5-c-page__main,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-section.pf-m-light {
  --pf-v5-c-page__main-section--BackgroundColor: #fff;
  --pf-v5-c-page__main-section--m-light--BackgroundColor: #fff;
  background: #fff;
}
.pf-v5-c-page__main-breadcrumb {
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: #fff;
  background: #fff;
  padding-inline: 36px;
}
.pf-v5-c-breadcrumb {
  font-size: 11px;
  color: var(--haven-muted);
}
.pf-v5-c-page__main > .pf-v5-c-page__main-section {
  padding-inline: 36px;
}
.pf-v5-c-page__main-section h1 {
  color: var(--haven-ink);
  font-family: var(--haven-heading);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -1px;
}
.pf-v5-c-page__main-section h1 + p,
.pf-v5-c-page__main-section .pf-v5-c-content p,
.keycloak__section_intro__help {
  color: var(--haven-muted);
  font-size: 12px;
}

/* Tabs: underline style as in the dashboard, not boxes. */
.pf-v5-c-tabs {
  --pf-v5-c-tabs__link--BackgroundColor: transparent;
  --pf-v5-c-tabs--m-box__link--BackgroundColor: transparent;
  --pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor: transparent;
  --pf-v5-c-tabs__link--Color: var(--haven-muted);
  --pf-v5-c-tabs__item--m-current__link--Color: var(--haven-ink);
  --pf-v5-c-tabs__link--before--BorderColor: transparent;
  --pf-v5-c-tabs--m-box__link--before--BorderColor: transparent;
  --pf-v5-c-tabs--m-box__item--m-current__link--before--BorderColor: transparent;
  --pf-v5-c-tabs--m-box__item--m-current__link--after--BorderColor: var(--haven-green);
  --pf-v5-c-tabs__link--after--BorderColor: transparent;
  --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--haven-green);
  --pf-v5-c-tabs__item--m-current__link--after--BorderWidth: 2px;
  --pf-v5-c-tabs--before--BorderColor: var(--haven-line);
  background: transparent;
}
.pf-v5-c-tabs .pf-v5-c-tabs__link {
  background-color: transparent;
  font-size: 12px;
  font-weight: 500;
}
.pf-v5-c-tabs .pf-v5-c-tabs__link::before {
  border: 0;
}
/* The open tab: a green line under it instead of PatternFly's box with a bar on top. */
.pf-v5-c-tabs .pf-v5-c-tabs__link::after {
  inset: auto 0 0;
  border: 0;
  border-bottom: 2px solid transparent;
}
.pf-v5-c-tabs .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
  border-bottom-color: var(--haven-green);
}
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
  font-weight: 650;
}

/* Tab content as a dashboard panel: white, thin border, rounded. */
.pf-v5-c-tab-content {
  margin: 12px 36px 24px;
  border: 1px solid var(--haven-panel-line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.pf-v5-c-tab-content > .pf-v5-c-page__main-section {
  padding-inline: 24px;
}
.pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: #fff;
}

/* Tables: muted header row, compact rows, hover, bold first-column links. */
.pf-v5-c-table {
  --pf-v5-c-table--BackgroundColor: #fff;
  --pf-v5-c-table--BorderColor: #eff3ef;
  --pf-v5-c-table--cell--FontSize: 12px;
}
.pf-v5-c-table thead .pf-v5-c-table__th {
  background: var(--haven-surface-muted);
  color: var(--haven-muted);
  font-size: 10px;
  font-weight: 500;
}
.pf-v5-c-table tbody .pf-v5-c-table__td {
  color: var(--haven-ink);
}
.pf-v5-c-table tbody .pf-v5-c-table__tr:hover {
  background: var(--haven-row-hover);
}
.pf-v5-c-table__td a {
  font-weight: 600;
}

/* Buttons: 7px radius; primary green, secondary white with a grey border. */
.pf-v5-c-button {
  border-radius: 7px;
  font-size: 12px;
  font-weight: 650;
}
.pf-v5-c-button:is(.pf-m-primary, .pf-m-secondary) {
  min-height: 40px;
  padding: 11px 17px;
}
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--haven-green);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--haven-green-dark);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--haven-green-dark);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--haven-green-dark);
  box-shadow: 0 2px 3px #163b2310;
}
.pf-v5-c-button.pf-m-secondary {
  --pf-v5-c-button--m-secondary--Color: var(--haven-ink);
  --pf-v5-c-button--m-secondary--BackgroundColor: #fff;
  --pf-v5-c-button--after--BorderColor: var(--haven-control-line);
  --pf-v5-c-button--m-secondary--hover--Color: var(--haven-ink);
  --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--haven-green);
  --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--haven-green);
}
.pf-v5-c-button::after {
  border-radius: 7px;
}

/* Fields: bordered boxes with a green focus, as in the dashboard. */
.pf-v5-c-form__label-text {
  color: var(--haven-ink);
  font-size: 13px;
  font-weight: 600;
}
.pf-v5-c-form-control,
.pf-v5-c-text-input-group,
.pf-v5-c-menu-toggle:not(.pf-m-plain) {
  --pf-v5-c-form-control--before--BorderColor: var(--haven-control-line);
  --pf-v5-c-form-control--after--BorderBottomColor: transparent;
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--haven-green);
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--haven-green);
  --pf-v5-c-text-input-group__text--before--BorderColor: var(--haven-control-line);
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: transparent;
  --pf-v5-c-text-input-group__text--hover--after--BorderBottomColor: var(--haven-green);
  --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--haven-green);
  --pf-v5-c-menu-toggle--before--BorderColor: var(--haven-control-line);
  --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--haven-green);
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--haven-green);
  --pf-v5-c-menu-toggle--expanded--after--BorderBottomColor: var(--haven-green);
  border-radius: 7px;
}
.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after,
.pf-v5-c-text-input-group__text::before,
.pf-v5-c-text-input-group__text::after,
.pf-v5-c-menu-toggle:not(.pf-m-plain)::before,
.pf-v5-c-menu-toggle:not(.pf-m-plain)::after {
  border-radius: 7px;
}
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
  --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--haven-green);
}

/* Menus, dialogs, cards, labels. */
.pf-v5-c-menu {
  border-radius: 10px;
  box-shadow: 0 10px 30px #182c2a1f;
}
.pf-v5-c-modal-box {
  border-radius: 14px;
}
.pf-v5-c-modal-box__title {
  font-family: var(--haven-heading);
}
.pf-v5-c-card {
  border: 1px solid var(--haven-panel-line);
  border-radius: 12px;
  box-shadow: none;
}
.pf-v5-c-label.pf-m-blue {
  --pf-v5-c-label--BackgroundColor: var(--haven-mint);
  --pf-v5-c-label__content--Color: var(--haven-green-dark);
}

@media (max-width: 768px) {
  .pf-v5-c-masthead__brand img {
    height: 40px;
  }
  .pf-v5-c-page__main-breadcrumb,
  .pf-v5-c-page__main > .pf-v5-c-page__main-section {
    padding-inline: 16px;
  }
  /* Phones: no panel frame, so wide toolbars are not cut off. */
  .pf-v5-c-tab-content {
    margin: 8px 0 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
  }
}

/* The way back to the dashboard or console in the top bar, in the brand colour. */
.pf-v5-c-masthead a:not(.pf-v5-c-masthead__brand) {
  color: var(--haven-green-dark);
  font-size: 12px;
  font-weight: 600;
}
/* With a client brand: no platform logo in the sidebar; the client's logo, or its name, in the
   top bar. */
html.haven-brand-client .pf-v5-c-page__sidebar::before {
  display: none;
}
html.haven-brand-no-credit .pf-v5-c-page__sidebar::after {
  display: none;
}
html.haven-brand-client .pf-v5-c-masthead__brand {
  display: flex;
}
html.haven-brand-client .pf-v5-c-masthead__brand img {
  height: 44px;
}
html.haven-brand-no-logo .pf-v5-c-masthead__brand img {
  display: none;
}
html.haven-brand-no-logo .pf-v5-c-masthead__brand::after {
  content: attr(data-haven-name);
  color: var(--haven-ink);
  font-family: var(--haven-heading);
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}
/* While a client's brand loads (at most 1.5 s): no platform-look flash. */
html.haven-brand-pending body {
  visibility: hidden;
}
html.haven-brand-pending *,
html.haven-brand-pending *::before,
html.haven-brand-pending *::after {
  transition: none !important;
}
/* Account pages: lists in the dashboard's panel look. */
.pf-v5-c-data-list {
  border: 1px solid var(--haven-panel-line);
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .pf-v5-c-data-list__item-content {
    overflow-wrap: anywhere;
    min-width: 0;
  }
}