/* DataHub's account console: keycloak.v3 (React, PatternFly 5) with DataHub's colours and type, the tokens of
   charts/datahub-extras files/home.css. Loaded after the console's own sheets. Its pages, navigation and layout are
   keycloak.v3's; this sheet only recolours them. No external URL (tests/test_keycloak_theme.py). */
:root{color-scheme:light dark;--dh-bg:#f6f7f9;--dh-card:#fff;--dh-ink:#16202e;--dh-muted:#5a6577;--dh-line:#e3e7ee;--dh-accent:#0f766e;--dh-accent-hover:#0d655e;--dh-on-accent:#fff;--dh-tint:#e6f2f1;--dh-caution:#b45309;--dh-caution-bg:#fff7ed;--dh-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--dh-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--dh-bg:#0f141b;--dh-card:#161d27;--dh-ink:#e6ebf2;--dh-muted:#94a0b2;--dh-line:#263142;--dh-accent:#2dd4bf;--dh-accent-hover:#5eead4;--dh-on-accent:#04201d;--dh-tint:#123331;--dh-caution:#fbbf24;--dh-caution-bg:#2a1f0a}}

:root{
  --pf-v5-global--FontFamily--text:var(--dh-font);
  --pf-v5-global--FontFamily--heading:var(--dh-font);
  --pf-v5-global--FontFamily--monospace:var(--dh-mono);
  --pf-v5-global--FontSize--md:.9375rem;
  --pf-v5-global--primary-color--100:var(--dh-accent);
  --pf-v5-global--primary-color--200:var(--dh-accent-hover);
  --pf-v5-global--link--Color:var(--dh-accent);
  --pf-v5-global--link--Color--hover:var(--dh-accent-hover);
  --pf-v5-global--active-color--100:var(--dh-accent);
  --pf-v5-global--BackgroundColor--100:var(--dh-card);
  --pf-v5-global--BackgroundColor--200:var(--dh-bg);
  --pf-v5-global--Color--100:var(--dh-ink);
  --pf-v5-global--Color--200:var(--dh-muted);
  --pf-v5-global--BorderColor--100:var(--dh-line);
  --pf-v5-global--BorderColor--300:var(--dh-line);
  --pf-v5-global--danger-color--100:var(--dh-caution);
  --pf-v5-global--warning-color--100:var(--dh-caution);
  --pf-v5-global--BorderRadius--sm:8px;
  --pf-v5-global--BorderRadius--lg:12px
}
body{background:var(--dh-bg);color:var(--dh-ink);font-family:var(--dh-font);-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--dh-accent);outline-offset:2px}

/* The masthead: DataHub's header bar (surface, hairline), the wordmark as its logo. */
:root .pf-v5-c-masthead{
  --pf-v5-c-masthead--BackgroundColor:var(--dh-card);
  --pf-v5-c-masthead--m-display-inline--PaddingRight:16px;
  --pf-v5-c-masthead--m-display-inline--PaddingLeft:16px;
  --pf-v5-c-masthead--c-toolbar--BackgroundColor:var(--dh-card);
  --pf-v5-c-masthead__toggle--c-button--Color:var(--dh-ink);
  border-bottom:1px solid var(--dh-line);color:var(--dh-ink)
}
:root .pf-v5-c-masthead .pf-v5-c-toolbar{--pf-v5-c-toolbar--BackgroundColor:var(--dh-card)}
:root .pf-v5-c-masthead{
  --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor:var(--dh-line);
  --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor:var(--dh-line);
  --pf-v5-c-masthead--c-menu-toggle--before--BorderBottomColor:var(--dh-line);
  --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor:var(--dh-line)
}
:root .pf-v5-c-masthead .pf-v5-c-menu-toggle{--pf-v5-c-menu-toggle--Color:var(--dh-ink);--pf-v5-c-menu-toggle--m-plain--Color:var(--dh-ink);--pf-v5-c-menu-toggle--BorderRadius:8px;color:var(--dh-ink)}
:root .pf-v5-c-masthead .pf-v5-c-menu-toggle::before{border-radius:8px}
:root .pf-v5-c-masthead__brand img,:root .pf-v5-c-brand{height:24px;width:auto}

/* The navigation and the page. */
:root .pf-v5-c-page{--pf-v5-c-page--BackgroundColor:var(--dh-bg);--pf-v5-c-page__sidebar--BackgroundColor:var(--dh-card);--pf-v5-c-page__main-section--BackgroundColor:var(--dh-bg)}
:root .pf-v5-c-page__sidebar{border-right:1px solid var(--dh-line)}
:root .pf-v5-c-nav{
  --pf-v5-c-nav__link--Color:var(--dh-ink);
  --pf-v5-c-nav__link--hover--Color:var(--dh-ink);
  --pf-v5-c-nav__link--m-current--Color:var(--dh-accent);
  --pf-v5-c-nav__link--hover--BackgroundColor:var(--dh-tint);
  --pf-v5-c-nav__link--m-current--BackgroundColor:var(--dh-tint);
  --pf-v5-c-nav__link--BackgroundColor:transparent;
  --pf-v5-c-nav__link--m-current--after--BorderColor:var(--dh-accent);
  --pf-v5-c-nav__link--hover--after--BorderColor:transparent;
  --pf-v5-c-nav__section-title--Color:var(--dh-muted);
  --pf-v5-c-nav__toggle--Color:var(--dh-muted);
  background:var(--dh-card)
}
:root .pf-v5-c-nav__link{border-radius:8px}
:root .pf-v5-c-page__main-section.pf-m-light,:root .pf-v5-c-page__main-section:not([class*="pf-m-"]){--pf-v5-c-page__main-section--BackgroundColor:var(--dh-bg)}
:root .pf-v5-c-title{font-family:var(--dh-font);font-weight:650;letter-spacing:-.015em;color:var(--dh-ink)}

/* Cards, lists and controls: surface, hairline, 12px and 8px radii, the accent for primary actions. */
:root .pf-v5-c-card{--pf-v5-c-card--BackgroundColor:var(--dh-card);--pf-v5-c-card--BoxShadow:0 1px 2px rgb(0 0 0 / .04);border:1px solid var(--dh-line);border-radius:12px}
:root .pf-v5-c-data-list{--pf-v5-c-data-list__item--BackgroundColor:var(--dh-card);--pf-v5-c-data-list__item--BorderBlockEndColor:var(--dh-line);--pf-v5-c-data-list--BorderTopColor:var(--dh-line)}
:root .pf-v5-c-form-control{
  --pf-v5-c-form-control--BackgroundColor:var(--dh-card);
  --pf-v5-c-form-control--before--BorderTopColor:var(--dh-line);
  --pf-v5-c-form-control--before--BorderRightColor:var(--dh-line);
  --pf-v5-c-form-control--before--BorderBottomColor:var(--dh-line);
  --pf-v5-c-form-control--before--BorderLeftColor:var(--dh-line);
  --pf-v5-c-form-control--after--BorderBottomColor:var(--dh-line);
  --pf-v5-c-form-control--hover--after--BorderBottomColor:var(--dh-accent);
  --pf-v5-c-form-control--focus--after--BorderBottomColor:var(--dh-accent);
  border-radius:8px
}
:root .pf-v5-c-form-control::before,:root .pf-v5-c-form-control::after{border-radius:8px}
:root .pf-v5-c-button{
  --pf-v5-c-button--BorderRadius:8px;
  --pf-v5-c-button--after--BorderRadius:8px;
  --pf-v5-c-button--FontWeight:600;
  --pf-v5-c-button--m-primary--BackgroundColor:var(--dh-accent);
  --pf-v5-c-button--m-primary--Color:var(--dh-on-accent);
  --pf-v5-c-button--m-primary--hover--BackgroundColor:var(--dh-accent-hover);
  --pf-v5-c-button--m-primary--hover--Color:var(--dh-on-accent);
  --pf-v5-c-button--m-primary--focus--BackgroundColor:var(--dh-accent-hover);
  --pf-v5-c-button--m-primary--focus--Color:var(--dh-on-accent);
  --pf-v5-c-button--m-primary--active--BackgroundColor:var(--dh-accent-hover);
  --pf-v5-c-button--m-primary--active--Color:var(--dh-on-accent);
  --pf-v5-c-button--m-secondary--Color:var(--dh-ink);
  --pf-v5-c-button--m-secondary--BackgroundColor:var(--dh-card);
  --pf-v5-c-button--m-secondary--after--BorderColor:var(--dh-line);
  --pf-v5-c-button--m-secondary--hover--Color:var(--dh-ink);
  --pf-v5-c-button--m-secondary--hover--after--BorderColor:var(--dh-accent);
  --pf-v5-c-button--m-link--Color:var(--dh-accent);
  --pf-v5-c-button--m-link--hover--Color:var(--dh-accent-hover);
  --pf-v5-c-button--m-plain--Color:var(--dh-muted);
  --pf-v5-c-button--m-plain--hover--Color:var(--dh-ink)
}
:root .pf-v5-c-label{--pf-v5-c-label--BackgroundColor:var(--dh-tint);--pf-v5-c-label__content--Color:var(--dh-ink);--pf-v5-c-label__content--before--BorderColor:transparent}
:root .pf-v5-c-alert.pf-m-danger,:root .pf-v5-c-alert.pf-m-warning{--pf-v5-c-alert--m-danger__icon--Color:var(--dh-caution);--pf-v5-c-alert--m-danger__title--Color:var(--dh-caution);--pf-v5-c-alert--m-warning__icon--Color:var(--dh-caution);--pf-v5-c-alert--m-warning__title--Color:var(--dh-caution)}

/* A phone: the main sections keep a 16px side gutter. */
@media (max-width:560px){:root .pf-v5-c-page__main-section{--pf-v5-c-page__main-section--PaddingRight:16px;--pf-v5-c-page__main-section--PaddingLeft:16px}}