/* Scaloft ID — Account Console (keycloak.v3)
   Kaynak: docs/SCALOFT_ECOSYSTEM_BRANDING/GLOBAL-STANDARDS.MD + design-tokens.css */

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

:root,
:root.pf-v5-theme-dark,
.pf-v5-theme-dark {
  /* Force light Scaloft palette even if OS prefers dark */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;

  --brand-primary: #1d4ed8;
  --brand-primary-hover: #1e40af;
  --brand-on-primary: #f9fafb;

  --radius-default: 3px;
  --font-family-body: 'Inter', sans-serif;

  /* PatternFly v5 globals */
  --pf-v5-global--FontFamily--text: var(--font-family-body);
  --pf-v5-global--FontFamily--heading: var(--font-family-body);
  --pf-v5-global--FontFamily--monospace: var(--font-family-body);

  --pf-v5-global--primary-color--100: var(--brand-primary);
  --pf-v5-global--primary-color--200: var(--brand-primary-hover);
  --pf-v5-global--link--Color: var(--brand-primary);
  --pf-v5-global--link--Color--hover: var(--brand-primary-hover);
  --pf-v5-global--active-color--100: var(--brand-primary);
  --pf-v5-global--active-color--200: var(--brand-primary-hover);

  --pf-v5-global--BackgroundColor--100: var(--color-gray-50);
  --pf-v5-global--BackgroundColor--200: var(--color-gray-100);
  --pf-v5-global--BackgroundColor--dark-100: var(--color-gray-50);
  --pf-v5-global--BackgroundColor--dark-200: var(--color-gray-100);
  --pf-v5-global--BackgroundColor--dark-300: var(--color-gray-200);
  --pf-v5-global--BackgroundColor--dark-400: var(--color-gray-300);

  --pf-v5-global--Color--100: var(--color-gray-950);
  --pf-v5-global--Color--200: var(--color-gray-700);
  --pf-v5-global--Color--dark-100: var(--color-gray-950);
  --pf-v5-global--Color--light-100: var(--color-gray-950);

  --pf-v5-global--BorderColor--100: var(--color-gray-200);
  --pf-v5-global--BorderColor--200: var(--color-gray-200);
  --pf-v5-global--BorderColor--300: var(--color-gray-300);
  --pf-v5-global--BorderColor--dark-100: var(--color-gray-200);

  --pf-v5-global--BorderRadius--sm: var(--radius-default);
  --pf-v5-global--BorderRadius--md: var(--radius-default);
  --pf-v5-global--BorderRadius--lg: var(--radius-default);

  --pf-v5-global--BoxShadow--sm: none;
  --pf-v5-global--BoxShadow--md: none;
  --pf-v5-global--BoxShadow--lg: none;

  --pf-v5-global--success-color--100: #047857;
  --pf-v5-global--danger-color--100: #dc2626;
  --pf-v5-global--warning-color--100: #b45309;
  --pf-v5-global--info-color--100: #2563eb;

  /* Masthead / brand */
  --pf-v5-c-masthead--BackgroundColor: var(--color-gray-50);
  --pf-v5-c-page__sidebar--BackgroundColor: var(--color-gray-50);
  --pf-v5-c-page__main-section--BackgroundColor: var(--color-gray-100);
}

html,
body,
#app,
.pf-v5-c-page {
  font-family: var(--font-family-body) !important;
  background: var(--color-gray-100) !important;
  color: var(--color-gray-950) !important;
}

/* Header */
.pf-v5-c-masthead {
  background: var(--color-gray-50) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.pf-v5-c-masthead .pf-v5-c-brand,
.pf-v5-c-masthead img,
.pf-v5-c-brand img {
  max-height: 28px !important;
  width: auto !important;
}

/* Sidebar */
.pf-v5-c-page__sidebar,
.pf-v5-c-nav {
  background: var(--color-gray-50) !important;
  box-shadow: none !important;
  border: none !important;
}

.pf-v5-c-nav__link {
  border-radius: var(--radius-default) !important;
  color: var(--color-gray-700) !important;
  font-weight: 500;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current='page'] {
  background: var(--color-gray-200) !important;
  color: var(--color-gray-950) !important;
}

.pf-v5-c-nav__link.pf-m-current::after,
.pf-v5-c-nav__link[aria-current='page']::after {
  background-color: var(--brand-primary) !important;
}

/* Main content */
.pf-v5-c-page__main-section {
  background: var(--color-gray-100) !important;
}

.pf-v5-c-card,
.pf-v5-c-form,
.pf-v5-c-data-list {
  background: var(--color-gray-50) !important;
  border: none !important;
  border-radius: var(--radius-default) !important;
  box-shadow: none !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6,
.pf-v5-c-title,
.pf-v5-c-content {
  font-family: var(--font-family-body) !important;
  color: var(--color-gray-950) !important;
}

/* Form controls */
.pf-v5-c-form-control,
.pf-v5-c-text-input-group,
.pf-v5-c-select__toggle,
.pf-v5-c-menu-toggle {
  background: var(--color-gray-200) !important;
  border: none !important;
  border-radius: var(--radius-default) !important;
  box-shadow: none !important;
  color: var(--color-gray-950) !important;
}

.pf-v5-c-form-control:hover,
.pf-v5-c-select__toggle:hover,
.pf-v5-c-menu-toggle:hover {
  background: var(--color-gray-300) !important;
}

.pf-v5-c-form-control:focus,
.pf-v5-c-form-control:focus-within,
.pf-v5-c-select__toggle:focus,
.pf-v5-c-menu-toggle:focus {
  background: var(--color-gray-700) !important;
  color: var(--color-gray-50) !important;
  outline: none !important;
}

/* Buttons */
.pf-v5-c-button {
  border: none !important;
  border-radius: var(--radius-default) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.pf-v5-c-button::after {
  border: none !important;
}

.pf-v5-c-button.pf-m-primary {
  background: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
}

.pf-v5-c-button.pf-m-primary:hover {
  background: var(--brand-primary-hover) !important;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-control,
.pf-v5-c-button.pf-m-link.pf-m-inline {
  background: var(--color-gray-200) !important;
  color: var(--color-gray-950) !important;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-control:hover {
  background: var(--color-gray-300) !important;
}

/* Links */
a {
  color: var(--brand-primary);
}

a:hover {
  color: var(--brand-primary-hover);
}

/* Tabs */
.pf-v5-c-tabs__link {
  color: var(--color-gray-600) !important;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
  color: var(--color-gray-950) !important;
}

.pf-v5-c-tabs__link::after {
  border-color: var(--brand-primary) !important;
}

/* Alerts */
.pf-v5-c-alert {
  border: none !important;
  border-radius: var(--radius-default) !important;
  box-shadow: none !important;
  background: var(--color-gray-200) !important;
}