@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600&display=swap');

/* ── ARTISAN COLOUR BRAND TOKENS ── */
:root,
.pf-v5-theme-dark {
  /* Brand purple */
  --pf-v5-global--primary-color--100: #7B35B0;
  --pf-v5-global--primary-color--200: #5A2080;
  --pf-v5-global--primary-color--300: #3D1560;
  --pf-v5-global--link--Color: #7B35B0;
  --pf-v5-global--link--Color--hover: #9B55D0;
  --pf-v5-global--active-color--100: #7B35B0;

  /* Backgrounds */
  --pf-v5-global--BackgroundColor--100: #16161A;
  --pf-v5-global--BackgroundColor--200: #1E1E24;
  --pf-v5-global--BackgroundColor--dark-100: #0D0D0F;
  --pf-v5-global--BackgroundColor--dark-200: #16161A;
  --pf-v5-global--BackgroundColor--dark-300: #1E1E24;

  /* Text */
  --pf-v5-global--Color--100: #F0EEF4;
  --pf-v5-global--Color--200: #8A8898;
  --pf-v5-global--Color--300: #6A6878;

  /* Borders */
  --pf-v5-global--BorderColor--100: rgba(255,255,255,0.12);
  --pf-v5-global--BorderColor--200: rgba(255,255,255,0.07);
  --pf-v5-global--BorderColor--400: rgba(255,255,255,0.07);

  /* Nav sidebar */
  --pf-v5-global--nav--side--BackgroundColor: #111115;

  font-family: 'Roboto', sans-serif;
}

body {
  font-family: 'Roboto', sans-serif !important;
  background: #0D0D0F !important;
}

/* ── MASTHEAD / TOP NAV ── */
.pf-v5-c-masthead {
  background: #111115 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* Replace Keycloak logo in masthead */
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand {
  content: url('../css/logo-theme.svg') !important;
  height: 32px !important;
  width: auto !important;
}

/* ── NAV SIDEBAR ── */
.pf-v5-c-nav {
  --pf-v5-c-nav--BackgroundColor: #111115;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover {
  --pf-v5-c-nav__link--m-current--Color: #F0EEF4;
  --pf-v5-c-nav__link--m-current--BackgroundColor: rgba(123,53,176,0.2);
  background: rgba(123,53,176,0.2) !important;
  color: #F0EEF4 !important;
}

.pf-v5-c-nav__link.pf-m-current::before {
  background: #7B35B0 !important;
}

/* ── CARDS ── */
.pf-v5-c-card {
  --pf-v5-c-card--BackgroundColor: #16161A;
  background: #16161A !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 8px !important;
}

.pf-v5-c-card__header {
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* ── BUTTONS ── */
.pf-v5-c-button.pf-m-primary {
  background: #7B35B0 !important;
  border-color: #7B35B0 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

.pf-v5-c-button.pf-m-primary:hover {
  background: #5A2080 !important;
  border-color: #5A2080 !important;
}

.pf-v5-c-button.pf-m-secondary {
  border-color: rgba(255,255,255,0.3) !important;
  color: #F0EEF4 !important;
  border-radius: 6px !important;
}

.pf-v5-c-button.pf-m-secondary:hover {
  border-color: #7B35B0 !important;
  color: #7B35B0 !important;
}

/* ── FORM INPUTS ── */
.pf-v5-c-form-control__input,
.pf-v5-c-form-control input {
  background: #1E1E24 !important;
  border: 1px solid rgba(255,255,255,0.11) !important;
  border-radius: 6px !important;
  color: #F0EEF4 !important;
}

.pf-v5-c-form-control::after {
  display: none !important;
}

.pf-v5-c-form-control {
  --pf-v5-c-form-control--after--BorderBottomColor: transparent !important;
  --pf-v5-c-form-control--after--BorderBottomWidth: 0px !important;
}

/* ── TABS ── */
.pf-v5-c-tabs__link.pf-m-current,
.pf-v5-c-tabs__link[aria-selected="true"] {
  color: #7B35B0 !important;
  --pf-v5-c-tabs__link--after--BorderColor: #7B35B0;
}

/* ── ALERTS ── */
.pf-v5-c-alert.pf-m-success {
  --pf-v5-c-alert--m-success--BackgroundColor: rgba(30,100,50,0.15);
}

/* ── PAGE BACKGROUND ── */
.pf-v5-c-page {
  background: #0D0D0F !important;
}

.pf-v5-c-page__sidebar {
  background: #111115 !important;
  border-right: 1px solid rgba(255,255,255,0.07) !important;
}

.pf-v5-c-page__main-section {
  background: #0D0D0F !important;
}

[data-testrole="created-at"] { display: none }