:root {
  --firma-admin-font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --firma-admin-bg: #f4f5f7;
  --firma-admin-surface: #ffffff;
  --firma-admin-surface-muted: #fafafa;
  --firma-admin-text: #151515;
  --firma-admin-muted: #5f6673;
  --firma-admin-border: #e7e8ea;
  --firma-admin-ink: #151515;
  --firma-admin-accent: #ffc839;
  --firma-admin-accent-strong: #e0a900;
  --firma-admin-accent-soft: #fff4c2;
  --firma-admin-radius: 8px;
  --pf-v5-global--FontFamily--text: var(--firma-admin-font);
  --pf-v5-global--FontFamily--heading: var(--firma-admin-font);
  --pf-v5-global--FontFamily--sans-serif: var(--firma-admin-font);
  --pf-v5-global--primary-color--100: var(--firma-admin-ink);
  --pf-v5-global--primary-color--200: #000000;
  --pf-v5-global--link--Color: var(--firma-admin-ink);
  --pf-v5-global--link--Color--hover: #000000;
  --pf-v5-global--active-color--100: var(--firma-admin-accent);
  --pf-v5-global--BorderRadius--sm: var(--firma-admin-radius);
  --pf-v5-c-button--m-primary--BackgroundColor: var(--firma-admin-ink);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #000000;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #000000;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #000000;
  --pf-v5-c-button--m-secondary--Color: var(--firma-admin-ink);
  --pf-v5-c-button--m-secondary--BorderColor: var(--firma-admin-ink);
}

.pf-v5-theme-dark {
  --firma-admin-bg: #101318;
  --firma-admin-surface: #171b22;
  --firma-admin-surface-muted: #202631;
  --firma-admin-text: #f5f6f8;
  --firma-admin-muted: #b6bdc8;
  --firma-admin-border: #303846;
  --firma-admin-ink: #ffc839;
  --firma-admin-accent: #ffc839;
  --firma-admin-accent-soft: rgba(255, 200, 57, 0.16);
  --pf-v5-global--BackgroundColor--100: var(--firma-admin-surface);
  --pf-v5-global--BackgroundColor--200: var(--firma-admin-bg);
  --pf-v5-global--Color--100: var(--firma-admin-text);
  --pf-v5-global--Color--200: var(--firma-admin-muted);
  --pf-v5-c-button--m-primary--Color: #151515;
  --pf-v5-c-button--m-primary--BackgroundColor: var(--firma-admin-accent);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #ffd766;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #ffd766;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #ffd766;
}

body[data-page-id="admin"] {
  background:
    radial-gradient(120% 80% at 50% -15%, rgba(255, 200, 57, 0.18), transparent 55%),
    var(--firma-admin-bg);
  color: var(--firma-admin-text);
  font-family: var(--firma-admin-font);
}

body[data-page-id="admin"] .keycloak__loading-container {
  background:
    radial-gradient(90% 70% at 50% -10%, rgba(255, 200, 57, 0.22), transparent 62%),
    var(--firma-admin-bg);
  color: var(--firma-admin-text);
  font-family: var(--firma-admin-font);
}

body[data-page-id="admin"] #loading-text {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
}

body[data-page-id="admin"] .pf-v5-c-spinner {
  --pf-v5-c-spinner--Color: var(--firma-admin-accent);
}

body[data-page-id="admin"] .pf-v5-c-page__header,
body[data-page-id="admin"] .pf-v5-c-masthead {
  background: #151515;
  border-bottom: 5px solid var(--firma-admin-accent);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
}

body[data-page-id="admin"] img.keycloak__pageheader_brand {
  width: auto;
  height: 42px;
  max-width: 190px;
  object-fit: contain;
}

body[data-page-id="admin"] .pf-v5-c-page__sidebar,
body[data-page-id="admin"] .pf-v5-c-page__sidebar-body,
body[data-page-id="admin"] .pf-v5-c-nav {
  background: #151515;
}

body[data-page-id="admin"] .pf-v5-c-nav__section-title {
  color: #ffc839;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body[data-page-id="admin"] .pf-v5-c-nav__link {
  color: #d7dce3;
  margin: 2px 8px;
  border-radius: 8px;
  font-weight: 650;
}

body[data-page-id="admin"] .pf-v5-c-nav__link:hover,
body[data-page-id="admin"] .pf-v5-c-nav__link:focus {
  color: #ffffff;
  background: rgba(255, 200, 57, 0.12);
}

body[data-page-id="admin"] .pf-v5-c-nav__link.pf-m-current,
body[data-page-id="admin"] .pf-v5-c-nav__link.pf-m-current:hover {
  color: #151515;
  background: var(--firma-admin-accent);
}

body[data-page-id="admin"] .pf-v5-c-page__main {
  background: var(--firma-admin-bg);
}

body[data-page-id="admin"] .pf-v5-c-page__main-section {
  background: transparent;
}

body[data-page-id="admin"] .pf-v5-c-card,
body[data-page-id="admin"] .pf-v5-c-table,
body[data-page-id="admin"] .pf-v5-c-data-list,
body[data-page-id="admin"] .pf-v5-c-empty-state {
  border: 1px solid var(--firma-admin-border);
  border-radius: 8px;
  background: var(--firma-admin-surface);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

body[data-page-id="admin"] .pf-v5-c-title,
body[data-page-id="admin"] .pf-v5-c-content h1,
body[data-page-id="admin"] .pf-v5-c-content h2 {
  color: var(--firma-admin-text);
  font-family: var(--firma-admin-font);
  font-weight: 850;
}

body[data-page-id="admin"] .pf-v5-c-button {
  border-radius: 8px;
  font-family: var(--firma-admin-font);
  font-weight: 750;
}

body[data-page-id="admin"] .pf-v5-c-form-control,
body[data-page-id="admin"] .pf-v5-c-menu-toggle,
body[data-page-id="admin"] .pf-v5-c-select__toggle,
body[data-page-id="admin"] .pf-v5-c-text-input-group {
  border-radius: 8px;
}

body[data-page-id="admin"] .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after,
body[data-page-id="admin"] .pf-v5-c-tabs__item:hover .pf-v5-c-tabs__link::after {
  background-color: var(--firma-admin-accent);
}

body[data-page-id="admin"] .pf-v5-c-label.pf-m-blue,
body[data-page-id="admin"] .pf-v5-c-label.pf-m-cyan {
  --pf-v5-c-label--BackgroundColor: var(--firma-admin-accent-soft);
  --pf-v5-c-label__content--Color: var(--firma-admin-text);
}