/* GOMYCODE administration console, v2: the sign-in pages' tokens laid over Keycloak's PatternFly 5 variables. */

@font-face { font-family: "DM Sans"; font-style: normal; font-display: swap; font-weight: 100 1000; src: url(../fonts/dm-sans-latin-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "DM Sans"; font-style: normal; font-display: swap; font-weight: 100 1000; src: url(../fonts/dm-sans-latin-ext-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-display: swap; font-weight: 200 800; src: url(../fonts/manrope-latin-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-display: swap; font-weight: 200 800; src: url(../fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --gmc-ink: #1B1D21;
  --gmc-muted: #59616D;
  --gmc-page: #FAFBFC;
  --gmc-canvas: #F3F4F6;
  --gmc-line: #D6DDE6;
  --gmc-line-soft: #E7E8EB;
  --gmc-control: #757B85;
  --gmc-shell: #0F0F0F;
  --gmc-shell-raised: #232322;
  --gmc-shell-line: #2B2B2A;
  --gmc-shell-fg: #CACAC6;
  --gmc-shell-muted: #8E8E89;
  --gmc-primary: #CF2E26;
  --gmc-primary-dark: #A8231D;
  --gmc-primary-soft: #FDEEED;
  --gmc-accent: #E60A14;
  --gmc-accent-light: #FF4F57;
  --gmc-focus: #190AB4;
  --gmc-sans: "DM Sans", "Segoe UI", "Noto Sans Arabic", Tahoma, system-ui, sans-serif;
  --gmc-heading: "Manrope", "DM Sans", "Segoe UI", "Noto Sans Arabic", Tahoma, system-ui, sans-serif;
  --gmc-lockup: "ADMIN";

  --pf-v5-global--FontFamily--text: var(--gmc-sans);
  --pf-v5-global--FontFamily--text--vf: var(--gmc-sans);
  --pf-v5-global--FontFamily--heading: var(--gmc-heading);
  --pf-v5-global--FontFamily--heading--vf: var(--gmc-heading);

  --pf-v5-global--primary-color--100: var(--gmc-primary);
  --pf-v5-global--primary-color--200: var(--gmc-primary-dark);
  --pf-v5-global--primary-color--dark-100: var(--gmc-primary);
  --pf-v5-global--primary-color--light-100: var(--gmc-accent-light);
  --pf-v5-global--active-color--100: var(--gmc-primary);
  --pf-v5-global--active-color--200: var(--gmc-primary-soft);
  --pf-v5-global--active-color--300: var(--gmc-accent);
  --pf-v5-global--active-color--400: var(--gmc-accent);
  --pf-v5-global--link--Color: var(--gmc-primary-dark);
  --pf-v5-global--link--Color--hover: #8A1C17;
  --pf-v5-global--link--Color--dark: var(--gmc-primary-dark);
  --pf-v5-global--link--Color--dark--hover: #8A1C17;
  --pf-v5-global--link--Color--light: var(--gmc-accent-light);
  --pf-v5-global--link--Color--light--hover: #FF8A8F;

  --pf-v5-global--BackgroundColor--dark-100: var(--gmc-shell);
  --pf-v5-global--BackgroundColor--dark-200: var(--gmc-shell-raised);
  --pf-v5-global--BackgroundColor--dark-300: var(--gmc-shell);
  --pf-v5-global--BackgroundColor--dark-400: var(--gmc-shell-raised);
  --pf-v5-global--BackgroundColor--200: var(--gmc-canvas);
  --pf-v5-global--BackgroundColor--light-300: var(--gmc-canvas);
  --pf-v5-global--Color--100: var(--gmc-ink);
  --pf-v5-global--Color--200: var(--gmc-muted);
  --pf-v5-global--BorderColor--100: var(--gmc-line);
  --pf-v5-global--BorderRadius--sm: 5px;
}

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--gmc-ink); }
:focus-visible { outline-color: var(--gmc-focus); }

/* ---------- Masthead: the shell, the logo and its label ---------- */

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--gmc-shell);
  border-bottom: 1px solid var(--gmc-shell-line);
}
.pf-v5-c-masthead__brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.pf-v5-c-masthead__brand img, .pf-v5-c-masthead__brand .pf-v5-c-brand { height: 20px !important; width: auto !important; max-height: none !important; }
.pf-v5-c-masthead__brand::after {
  content: var(--gmc-lockup);
  display: inline-flex; align-items: center; height: 18px;
  padding-inline-start: 12px;
  border-inline-start: 2px solid var(--gmc-accent);
  font: 700 12px/1 var(--gmc-sans); letter-spacing: .2em; color: #fff;
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--Color: #fff;
  --pf-v5-c-menu-toggle--BackgroundColor: transparent;
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--gmc-shell-raised);
  --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--gmc-shell-raised);
  border-radius: 999px;
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain)::before { border: 1px solid var(--gmc-shell-line) !important; border-radius: 999px; }
.pf-v5-c-masthead .pf-v5-c-menu-toggle::after { border-bottom-color: transparent !important; }
.pf-v5-c-masthead .pf-v5-c-avatar { border: 2px solid var(--gmc-shell-line); }

/* ---------- Sidebar navigation ---------- */

.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: var(--gmc-shell);
  border-inline-end: 1px solid var(--gmc-shell-line);
}
.pf-v5-c-page__sidebar .pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: var(--gmc-shell-fg);
  --pf-v5-c-nav__link--hover--Color: #fff;
  --pf-v5-c-nav__link--m-current--Color: #fff;
  --pf-v5-c-nav__link--hover--BackgroundColor: rgba(255, 255, 255, .05);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--gmc-shell-raised);
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--gmc-accent);
  --pf-v5-c-nav__link--hover--after--BorderColor: #5A5A57;
  --pf-v5-c-nav__item--before--BorderColor: var(--gmc-shell-line);
  --pf-v5-c-nav__section-title--Color: var(--gmc-shell-muted);
  --pf-v5-c-nav__section-title--BorderBottomColor: var(--gmc-shell-line);
  --pf-v5-c-nav__link--FontSize: 15px;
  padding-top: 8px;
}
.pf-v5-c-page__sidebar .pf-v5-c-nav__link { border-radius: 0 5px 5px 0; margin-inline-end: 10px; }
.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current { font-weight: 600; }
.pf-v5-c-page__sidebar .pf-v5-c-nav__section-title { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.pf-v5-c-page__sidebar .pf-v5-c-nav__subnav { --pf-v5-c-nav__link--FontSize: 14px; }
/* The admin console's realm heading, above the sections. */
.pf-v5-c-page__sidebar .pf-v5-c-nav > .pf-v5-c-nav__section-title {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  font-family: var(--gmc-heading); font-size: 16px; font-weight: 800; letter-spacing: -0.01em; text-transform: none; color: #fff;
}
.pf-v5-c-page__sidebar .pf-v5-c-nav__section-title .pf-v5-c-label {
  --pf-v5-c-label--BackgroundColor: rgba(230, 10, 20, .14);
  --pf-v5-c-label__content--Color: var(--gmc-accent-light);
  --pf-v5-c-label__content--before--BorderColor: rgba(230, 10, 20, .35);
  font-family: var(--gmc-sans); font-size: 11px; font-weight: 600; letter-spacing: .02em;
}

/* ---------- Content ---------- */

.pf-v5-c-page { --pf-v5-c-page--BackgroundColor: var(--gmc-page); }
.pf-v5-c-title, h1, h2, h3 { font-family: var(--gmc-heading); letter-spacing: -0.015em; }
.pf-v5-c-title.pf-m-2xl, .pf-v5-c-title.pf-m-3xl, .pf-v5-c-title.pf-m-4xl { font-weight: 800; letter-spacing: -0.025em; }
.pf-v5-c-title.pf-m-xl, .pf-v5-c-title.pf-m-lg { font-weight: 800; }
.pf-v5-c-title.pf-m-md { font-weight: 700; }
.pf-v5-c-page__main-section .pf-v5-c-content h1, .pf-v5-c-page__main-section > h1 {
  font-family: var(--gmc-heading); font-size: 30px; line-height: 1.2; font-weight: 800; letter-spacing: -0.025em; color: var(--gmc-ink);
}
.pf-v5-c-title { color: var(--gmc-ink); }
.pf-v5-c-empty-state__title-text { font-family: var(--gmc-heading); font-weight: 800; letter-spacing: -0.02em; color: var(--gmc-ink); }
.pf-v5-c-page__main-section .pf-v5-c-content p { color: var(--gmc-muted); }

.pf-v5-c-card {
  --pf-v5-c-card--BackgroundColor: #fff;
  --pf-v5-c-card--BoxShadow: none;
  border: 1px solid var(--gmc-line);
  border-radius: 7px;
}
.pf-v5-c-data-list { --pf-v5-c-data-list--BorderTopColor: var(--gmc-line); --pf-v5-c-data-list__item--BorderBottomColor: var(--gmc-line-soft); }
.pf-v5-c-table { --pf-v5-c-table--BorderColor: var(--gmc-line-soft); }
.pf-v5-c-table thead th { font-size: 13px; font-weight: 700; color: var(--gmc-muted); }
.pf-v5-c-label { --pf-v5-c-label--BorderRadius: 5px; }
.pf-v5-c-label.pf-m-blue { --pf-v5-c-label--BackgroundColor: var(--gmc-primary-soft); --pf-v5-c-label__content--Color: var(--gmc-primary-dark); --pf-v5-c-label__content--before--BorderColor: #F0B7B3; }
.pf-v5-c-jump-links { --pf-v5-c-jump-links__link--before--BorderColor: var(--gmc-line); --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--gmc-accent); }
.pf-v5-c-tabs { --pf-v5-c-tabs__link--after--BorderColor: var(--gmc-line); --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--gmc-accent); }
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__item-text { font-weight: 700; }

/* ---------- Forms and buttons ---------- */

.pf-v5-c-form__label-text { font-weight: 700; }
.pf-v5-c-form__label-required { color: var(--gmc-primary); }
.pf-v5-c-form-control {
  --pf-v5-c-form-control--before--BorderTopColor: var(--gmc-control);
  --pf-v5-c-form-control--before--BorderLeftColor: var(--gmc-control);
  --pf-v5-c-form-control--before--BorderRightColor: var(--gmc-control);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--gmc-control);
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--gmc-ink);
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--gmc-focus);
  --pf-v5-c-form-control--m-expanded--after--BorderBottomColor: var(--gmc-focus);
  border-radius: 5px;
}
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after { border-radius: 5px; }
.pf-v5-c-form-control:focus-within { outline: 2px solid var(--gmc-focus); outline-offset: 0; }
.pf-v5-c-form-control.pf-m-readonly, .pf-v5-c-form-control.pf-m-disabled {
  --pf-v5-c-form-control--before--BorderTopColor: var(--gmc-line);
  --pf-v5-c-form-control--before--BorderLeftColor: var(--gmc-line);
  --pf-v5-c-form-control--before--BorderRightColor: var(--gmc-line);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--gmc-line);
}
.pf-v5-c-page__main .pf-v5-c-menu-toggle:not(.pf-m-plain):not(.pf-m-primary):not(.pf-m-typeahead) { border-radius: 5px; }
.pf-v5-c-page__main .pf-v5-c-menu-toggle:not(.pf-m-plain):not(.pf-m-primary):not(.pf-m-typeahead)::before { border-color: var(--gmc-control); border-radius: 5px; }
.pf-v5-c-check__input, .pf-v5-c-radio__input { accent-color: var(--gmc-primary); }

.pf-v5-c-button { --pf-v5-c-button--BorderRadius: 5px; }
.pf-v5-c-button.pf-m-primary, .pf-v5-c-button.pf-m-secondary, .pf-v5-c-button.pf-m-danger, .pf-v5-c-button.pf-m-tertiary { font-weight: 700; }
.pf-v5-c-button.pf-m-secondary {
  --pf-v5-c-button--m-secondary--Color: var(--gmc-ink);
  --pf-v5-c-button--m-secondary--hover--Color: var(--gmc-ink);
  --pf-v5-c-button--m-secondary--after--BorderColor: var(--gmc-control);
  --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--gmc-ink);
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: var(--gmc-page);
}
.pf-v5-c-button.pf-m-link { --pf-v5-c-button--m-link--Color: var(--gmc-primary-dark); --pf-v5-c-button--m-link--hover--Color: #8A1C17; font-weight: 600; }
.pf-v5-c-button.pf-m-danger { --pf-v5-c-button--m-danger--BackgroundColor: #B42318; }

.pf-v5-c-alert { border-radius: 5px; }
.pf-v5-c-spinner { --pf-v5-c-spinner--Color: var(--gmc-primary); }
.keycloak__loading-container { background: var(--gmc-page) !important; }