/* === SCP Design Tokens: Override PatternFly v5 global palette === */
:root {
    --scp-primary-color: #056473;
    --scp-primary-color-light: color-mix(in srgb, var(--scp-primary-color) 60%, white);
    --scp-primary-color-dark: color-mix(in srgb, var(--scp-primary-color) 75%, black);
    --scp-primary-color-darker: color-mix(in srgb, var(--scp-primary-color) 55%, black);

    --pf-v5-global--primary-color--100: var(--scp-primary-color);
    --pf-v5-global--primary-color--200: var(--scp-primary-color-dark);
    --pf-v5-global--link--Color: var(--scp-primary-color);
    --pf-v5-global--link--Color--hover: var(--scp-primary-color-darker);
    --pf-v5-global--link--Color--visited: var(--scp-primary-color-darker);
    --pf-v5-global--active-color--100: var(--scp-primary-color-light);
    --pf-v5-global--FontFamily--text: 'Titillium Web', sans-serif;
    --pf-v5-global--FontFamily--heading: 'Titillium Web', sans-serif;
}

/* === Masthead (top header bar): Navy-teal gradient === */
.pf-v5-c-masthead {
    background: linear-gradient(to bottom, #1e2855 0%, #0d6272 100%) !important;
    --pf-v5-c-masthead--BackgroundColor: transparent;
}

/* === Sidebar: netcup dark navy === */
.pf-v5-c-page__sidebar {
    background-color: #1e2855 !important;
    --pf-v5-c-page__sidebar--BackgroundColor: #1e2855;
}

.pf-v5-c-nav {
    --pf-v5-c-nav--BackgroundColor: transparent;
}

/* === Active Nav Links === */
.pf-v5-c-nav__link.pf-m-current {
    color: #fff !important;
    background-color: color-mix(in srgb, var(--scp-primary-color) 10%, transparent);
}


/* === Primary Button === */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: var(--scp-primary-color);
    --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--scp-primary-color-dark);
    --pf-v5-c-button--m-primary--active--BackgroundColor: var(--scp-primary-color-darker);
    --pf-v5-c-button--m-primary--Color: #fff;
    border-radius: 4px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

/* === Cards === */
.pf-v5-c-card {
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* === Input Focus === */
.pf-v5-c-form-control:focus-within {
    border-color: var(--scp-primary-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--scp-primary-color) 25%, transparent);
}

/* === Form Labels === */
.pf-v5-c-form__label-text {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

/* === Alert Colors === */
.pf-v5-c-alert.pf-m-danger {
    --pf-v5-c-alert--m-danger--BorderTopColor: #dd7878;
}

.pf-v5-c-alert.pf-m-success {
    --pf-v5-c-alert--m-success--BorderTopColor: #00a896;
}

.pf-v5-c-alert.pf-m-warning {
    --pf-v5-c-alert--m-warning--BorderTopColor: #ffb02f;
}

#cred-password-id [data-testrole="created-at"] {
  visibility: hidden;
}