:root {
  /* ──────────────────────────────────────────────────────── */
  /* Primary (your orange) */
  /* ──────────────────────────────────────────────────────── */
  --pf-v5-global--primary-color--100: #fd9d19; /* Ommni primary */
  --pf-v5-global--primary-color--200: #e88a0a; /* Ommni primary hover */

  /* ──────────────────────────────────────────────────────── */
  /* Secondary (neutral grey) */
  /* ──────────────────────────────────────────────────────── */
  --pf-v5-global--secondary-color--100: #6e6e6e;

  /* ──────────────────────────────────────────────────────── */
  /* Backgrounds */
  /* ──────────────────────────────────────────────────────── */
  --pf-v5-global--BackgroundColor--light-100: #ffffff; /* whiteAlpha.900 */
  --pf-v5-global--BackgroundColor--light-200: #f2f2f2; /* slight tint for surfaces */
  --pf-v5-global--BackgroundColor--dark-100: #000000; /* black.900 */
  --pf-v5-global--BackgroundColor--dark-200: #121212; /* very dark grey for panels */

  /* ──────────────────────────────────────────────────────── */
  /* Text & Links */
  /* ──────────────────────────────────────────────────────── */
  --pf-v5-global--Color--100: #1a202c; /* modern dark grey for readability */
  --pf-v5-global--link--Color: #fd9d19; /* Ommni primary */
  --pf-v5-global--link--Color--hover: #e88a0a; /* Ommni primary hover */

  /* ──────────────────────────────────────────────────────── */
  /* Status colors (PF defaults) */
  /* ──────────────────────────────────────────────────────── */
  --pf-v5-global--success-color--100: #3e8635;
  --pf-v5-global--info-color--100: #2b9af3;
  --pf-v5-global--warning-color--100: #f0ab00;
  --pf-v5-global--danger-color--100: #c9190b;

  /* ──────────────────────────────────────────────────────── */
  /* Borders & Focus (optional accents) */
  /* ──────────────────────────────────────────────────────── */
  --pf-v5-global--BorderColor--100: #d0d0d0;
  --pf-v5-global--focus__outer--Color: rgba(253, 157, 25, 0.6); /* semi-opaque Ommni primary */
  --pf-v5-global--focus__outer--Width: 3px;
}

/* ──────────────────────────────────────────────────────── */
/* Ommni Logo above "Sign in to your account" */
/* ──────────────────────────────────────────────────────── */
/* .pf-v5-c-login__main-header::before {
  content: '';
  display: block;
  background-image: url('../img/logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 42.67px;
  width: 125px;
  margin: 0 auto 1.5rem auto;
} */

.pf-v5-c-login__main {
  border: none !important;
  border-radius: 16px !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  color: rgb(30, 33, 42) !important;
  display: block !important;
  flex-shrink: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  height: auto !important;
  line-height: 24px !important;
  margin: 0 auto !important;
  padding: 40px !important;
  text-align: center !important;
  width: 450px !important;
  max-width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.5),
    0 0 0 1px #e5e7eb !important;
  position: relative !important;
}

/* Center the main header and add spacing */
.pf-v5-c-login__main-header {
  text-align: center !important;
  padding: 0 !important;
  background: transparent !important;
  border-bottom: none !important;
  position: relative !important;
}

/* Style the "Sign in to your account" title - Auth0 style */
.pf-v5-c-login__main-header .pf-v5-c-title,
.pf-v5-c-login__main-header h1 {
  border: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  box-sizing: border-box !important;
  color: rgb(30, 33, 42) !important;
  display: block !important;
  font-family:
    ulp-font,
    -apple-system,
    'system-ui',
    Roboto,
    Helvetica,
    sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  height: 36px !important;
  letter-spacing: normal !important;
  line-height: 36px !important;
  margin-bottom: 16px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 8px !important;
  padding: 0px !important;
  text-align: center !important;
  width: 320px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Add subtitle styling */
.pf-v5-c-login__main-header::after {
  content: 'Welcome back! Please enter your details.' !important;
  display: block !important;
  font-size: 14px !important;
  color: #64748b !important;
  font-weight: 400 !important;
  margin-top: 8px !important;
  margin-bottom: 16px !important;
  font-family:
    ulp-font,
    -apple-system,
    'system-ui',
    Roboto,
    Helvetica,
    sans-serif !important;
  text-align: center !important;
  line-height: 20px !important;
  position: relative !important;
  z-index: 10 !important;
}

/* ──────────────────────────────────────────────────────── */
/* Modern Form Styling - Auth0 Style */
/* ──────────────────────────────────────────────────────── */

/* Login form body styling */
.pf-v5-c-login__main-body {
  padding: 0 !important;
  background: transparent !important;
}

/* Form styling */
.pf-v5-c-form {
  gap: 1rem !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Form group styling */
.pf-v5-c-form__group {
  margin-bottom: 1rem !important;
}

/* Label styling */
.pf-v5-c-form__label,
label {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
}

/* Complete input override to remove double borders */
.pf-v5-c-form-control,
.pf-v5-c-form-control > input,
.pf-v5-c-form-control input,
input[type='text'],
input[type='email'],
input[type='password'] {
  all: unset !important;
  display: block !important;
  width: 100% !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 0.75rem 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  background-color: #ffffff !important;
  color: #1a202c !important;
  transition: border-color 0.2s ease-in-out !important;
  font-family:
    ulp-font,
    -apple-system,
    'system-ui',
    Roboto,
    Helvetica,
    sans-serif !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* Password input with eye icon container */
.pf-v5-c-input-group,
.input-group {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

/* Password input when inside input group */
.pf-v5-c-input-group input[type='password'],
.input-group input[type='password'] {
  padding-right: 2.5rem !important;
}

/* Password input group wrapper - ensure proper positioning */
.pf-v5-c-input-group {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Eye icon button styling - complete reset */
.pf-v5-c-input-group .pf-v5-c-button,
.pf-v5-c-input-group button,
.input-group .btn,
.input-group button,
button[type='button']:has(.fa-eye),
button[type='button']:has(.fa-eye-slash) {
  all: unset !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding: 0.25rem !important;
  cursor: pointer !important;
  z-index: 10 !important;
  color: #6b7280 !important;
  font-size: 1rem !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Eye icon hover and focus states */
.pf-v5-c-input-group .pf-v5-c-button:hover,
.pf-v5-c-input-group .pf-v5-c-button:focus,
.pf-v5-c-input-group button:hover,
.pf-v5-c-input-group button:focus,
.input-group .btn:hover,
.input-group .btn:focus,
.input-group button:hover,
.input-group button:focus,
button[type='button']:has(.fa-eye):hover,
button[type='button']:has(.fa-eye):focus,
button[type='button']:has(.fa-eye-slash):hover,
button[type='button']:has(.fa-eye-slash):focus {
  color: #374151 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Eye icon active state */
.pf-v5-c-input-group .pf-v5-c-button:active,
.pf-v5-c-input-group button:active,
.input-group .btn:active,
.input-group button:active,
button[type='button']:has(.fa-eye):active,
button[type='button']:has(.fa-eye-slash):active {
  color: #1f2937 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* FontAwesome eye icons */
.fa-eye,
.fa-eye-slash,
.fas.fa-eye,
.fas.fa-eye-slash {
  font-size: 1rem !important;
  color: inherit !important;
  border: none !important;
  background: none !important;
}

/* Completely reset PatternFly form control wrapper */
.pf-v5-c-form-control {
  all: unset !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Input focus styling - simple and clean */
.pf-v5-c-form-control:focus,
.pf-v5-c-form-control > input:focus,
.pf-v5-c-form-control input:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
  border-color: #fd9d19 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(253, 157, 25, 0.1) !important;
}

/* Input hover styling */
.pf-v5-c-form-control:hover:not(:focus),
.pf-v5-c-form-control > input:hover:not(:focus),
.pf-v5-c-form-control input:hover:not(:focus),
input[type='text']:hover:not(:focus),
input[type='email']:hover:not(:focus),
input[type='password']:hover:not(:focus) {
  border-color: #9ca3af !important;
}

/* Remove any browser default focus styles */
*:focus {
  outline: none !important;
}

/* Aggressive PatternFly override - reset all variables */
.pf-v5-c-form-control {
  --pf-v5-c-form-control--OutlineOffset: 0 !important;
  --pf-v5-c-form-control--BorderTopColor: transparent !important;
  --pf-v5-c-form-control--BorderRightColor: transparent !important;
  --pf-v5-c-form-control--BorderBottomColor: transparent !important;
  --pf-v5-c-form-control--BorderLeftColor: transparent !important;
  --pf-v5-c-form-control--BorderWidth: 0 !important;
  --pf-v5-c-form-control--BorderTopWidth: 0 !important;
  --pf-v5-c-form-control--BorderRightWidth: 0 !important;
  --pf-v5-c-form-control--BorderBottomWidth: 0 !important;
  --pf-v5-c-form-control--BorderLeftWidth: 0 !important;
  --pf-v5-c-form-control--BoxShadow: none !important;
  --pf-v5-c-form-control--focus--BoxShadow: none !important;
  --pf-v5-c-form-control--hover--BoxShadow: none !important;
}

/* Force remove any pseudo-elements and borders */
.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after,
.pf-v5-c-form-control > *::before,
.pf-v5-c-form-control > *::after,
input[type='text']::before,
input[type='text']::after,
input[type='email']::before,
input[type='email']::after,
input[type='password']::before,
input[type='password']::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
}

/* Remove any potential wrapper borders */
.pf-v5-c-form__group,
.pf-v5-c-form__group-control {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Primary button styling */
.pf-v5-c-button.pf-m-primary,
input[type='submit'] {
  background-color: #fd9d19 !important;
  border: 1px solid #fd9d19 !important;
  border-radius: 8px !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  width: 100% !important;
  margin-top: 1rem !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Primary button when in button container */
#kc-form-buttons .pf-v5-c-button.pf-m-primary,
#kc-form-buttons input[type='submit'],
.form-buttons .pf-v5-c-button.pf-m-primary,
.form-buttons input[type='submit'] {
  margin-top: 0 !important;
}

/* Primary button hover styling */
.pf-v5-c-button.pf-m-primary:hover,
input[type='submit']:hover {
  background-color: #e88a0a !important;
  border-color: #e88a0a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(253, 157, 25, 0.2) !important;
}

/* ──────────────────────────────────────────────────────── */
/* Form Buttons Container and Secondary Button Styling */
/* ──────────────────────────────────────────────────────── */

/* Form buttons container */
#kc-form-buttons,
.form-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  margin-top: 1.5rem !important;
  width: 100% !important;
}

/* Secondary button styling (Cancel, etc.) - exclude eye icon buttons */
.pf-v5-c-button:not(.pf-m-primary):not(.pf-v5-c-input-group .pf-v5-c-button),
button:not(.pf-m-primary):not([type='submit']):not(.pf-v5-c-input-group button):not(
    .input-group button
  ),
button[name='cancel-aia'] {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  width: 100% !important;
  margin-top: 0 !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Secondary button hover styling - exclude eye icon buttons */
.pf-v5-c-button:not(.pf-m-primary):not(.pf-v5-c-input-group .pf-v5-c-button):hover,
button:not(.pf-m-primary):not([type='submit']):not(.pf-v5-c-input-group button):not(
    .input-group button
  ):hover,
button[name='cancel-aia']:hover {
  background-color: #f9fafb !important;
  border-color: #9ca3af !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* ──────────────────────────────────────────────────────── */
/* Form Variations and Special States */
/* ──────────────────────────────────────────────────────── */

/* Disabled input styling */
.pf-v5-c-form-control input[disabled],
.pf-v5-c-form-control[disabled],
input[disabled] {
  background-color: #f9fafb !important;
  color: #6b7280 !important;
  border-color: #e5e7eb !important;
  cursor: not-allowed !important;
}

/* Subtitle styling for forms */
.subtitle {
  margin-bottom: 1rem !important;
  font-size: 0.875rem !important;
  color: #6b7280 !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
}

/* Required field indicator */
.pf-v5-c-form__label-required {
  color: #dc2626 !important;
  margin-right: 0.25rem !important;
}

/* Update email form specific adjustments */
#kc-update-email-form .pf-v5-c-form__group {
  margin-bottom: 1.5rem !important;
}

/* Ensure consistent spacing for all form types */
.pf-v5-c-form .pf-v5-c-form__group:last-of-type {
  margin-bottom: 0 !important;
}

/* ──────────────────────────────────────────────────────── */
/* Modern Checkbox styling with Ommni primary color */
/* ──────────────────────────────────────────────────────── */

/* Style for regular checkboxes */
input[type='checkbox'] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #d1d5db !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  position: relative !important;
  cursor: pointer !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
  transition: all 0.2s ease-in-out !important;
}

/* Checkbox when checked */
input[type='checkbox']:checked {
  background-color: #fd9d19 !important;
  border-color: #fd9d19 !important;
}

/* Checkmark icon when checked */
input[type='checkbox']:checked::before {
  content: '✓' !important;
  position: absolute !important;
  top: 1px !important;
  left: 3px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

/* Checkbox focus state */
input[type='checkbox']:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(253, 157, 25, 0.1) !important;
}

/* Checkbox hover state */
input[type='checkbox']:hover:not(:checked) {
  border-color: #fd9d19 !important;
}

/* PatternFly checkbox overrides */
.pf-v5-c-check__input,
.checkbox input[type='checkbox'] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #d1d5db !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  position: relative !important;
  cursor: pointer !important;
  margin-right: 12px !important;
  transition: all 0.2s ease-in-out !important;
}

.pf-v5-c-check__input:checked,
.checkbox input[type='checkbox']:checked {
  background-color: #fd9d19 !important;
  border-color: #fd9d19 !important;
}

.pf-v5-c-check__input:checked::before,
.checkbox input[type='checkbox']:checked::before {
  content: '✓' !important;
  position: absolute !important;
  top: 1px !important;
  left: 3px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

/* Checkbox label styling */
.pf-v5-c-check__label,
.checkbox label {
  font-size: 0.875rem !important;
  color: #374151 !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
}

/* ──────────────────────────────────────────────────────── */
/* Modern Form Actions Styling */
/* ──────────────────────────────────────────────────────── */

/* Form actions container */
.form-actions {
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

/* Checkbox container styling */
.form-actions .checkbox {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 1rem !important;
}

/* Links styling (like "Forgot password") */
.pf-v5-c-login__main-footer-links a,
.pf-v5-c-login__main-footer a,
a {
  color: #fd9d19 !important;
  text-decoration: none !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  transition: color 0.2s ease-in-out !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
}

.pf-v5-c-login__main-footer-links a:hover,
.pf-v5-c-login__main-footer a:hover,
a:hover {
  color: #e88a0a !important;
  text-decoration: underline !important;
}

/* Footer styling - remove separators and reduce space */
.pf-v5-c-login__main-footer {
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin-top: 0.25rem !important;
}

/* Remove any footer bands or separators */
.pf-v5-c-login__main-footer-band,
.pf-v5-c-login__main-footer::before,
.pf-v5-c-login__main-footer::after {
  display: none !important;
  border: none !important;
  background: none !important;
}

/* ──────────────────────────────────────────────────────── */
/* Active and Focus States */
/* ──────────────────────────────────────────────────────── */

/* Active state for buttons */
.pf-v5-c-button:active,
.pf-v5-c-button.pf-m-primary:active,
button:active,
input[type='submit']:active {
  background-color: #d47a00 !important;
  border-color: #d47a00 !important;
  color: #ffffff !important;
  transform: translateY(0px) !important;
  box-shadow: 0 2px 8px rgba(253, 157, 25, 0.2) !important;
}

/* Active state for checkboxes */
input[type='checkbox']:active {
  border-color: #fd9d19 !important;
  background-color: #fd9d19 !important;
}

/* ──────────────────────────────────────────────────────── */
/* Responsive Design */
/* ──────────────────────────────────────────────────────── */

/* ──────────────────────────────────────────────────────── */
/* SIMPLIFIED APPROACH - Just fix the existing button */
/* ──────────────────────────────────────────────────────── */

/* Completely remove all borders and backgrounds from eye button */
.pf-v5-c-input-group .pf-v5-c-button,
.pf-v5-c-input-group button,
.input-group button,
button[type='button'] {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 4px !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  font-size: 16px !important;
  color: #6b7280 !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  cursor: pointer !important;
}

/* Hover state */
.pf-v5-c-input-group .pf-v5-c-button:hover,
.pf-v5-c-input-group button:hover,
.input-group button:hover,
button[type='button']:hover {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #374151 !important;
}

/* Remove any pseudo-elements that might create boxes */
.pf-v5-c-input-group .pf-v5-c-button::before,
.pf-v5-c-input-group .pf-v5-c-button::after,
.pf-v5-c-input-group button::before,
.pf-v5-c-input-group button::after,
.input-group button::before,
.input-group button::after {
  display: none !important;
  content: none !important;
}

/* ──────────────────────────────────────────────────────── */
/* Error Input and Message Styling */
/* ──────────────────────────────────────────────────────── */

/* Error state input styling */
.pf-v5-c-form-control.pf-m-error,
.pf-v5-c-form-control.pf-m-error input,
input[aria-invalid='true'] {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1) !important;
}

/* Error icon in input field */
.pf-v5-c-form-control__icon.pf-m-status .fa-exclamation-circle,
.pf-v5-c-form-control__icon.pf-m-status .fas.fa-exclamation-circle {
  color: #dc2626 !important;
  font-size: 1rem !important;
}

/* Error helper text container - make it inline with icon and match input width */
.pf-v5-c-helper-text__item.pf-m-error {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background-color: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 6px !important;
  padding: 0.75rem !important;
  margin-top: 0.5rem !important;
  font-size: 0.875rem !important;
  color: #dc2626 !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Add an error icon before the error text */
.pf-v5-c-helper-text__item.pf-m-error::before {
  content: '\f071' !important; /* FontAwesome exclamation-triangle */
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  color: #dc2626 !important;
  font-size: 1rem !important;
  flex-shrink: 0 !important;
}

/* Error message text styling */
.pf-v5-c-helper-text__item-text.pf-m-error,
.kc-feedback-text {
  color: #dc2626 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
}

/* Hide the original error icon in the input when we have our styled error message */
.pf-v5-c-form-control.pf-m-error .pf-v5-c-form-control__icon.pf-m-status {
  display: none !important;
}

/* Alternative approach - style the container better */
.pf-v5-c-form__helper-text {
  margin-top: 0.5rem !important;
}

.pf-v5-c-helper-text {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* ──────────────────────────────────────────────────────── */
/* FORCE SHADOW OVERRIDE - Maximum priority */
/* ──────────────────────────────────────────────────────── */

/* Force shadow with highest specificity possible */
html body .pf-v5-c-login .pf-v5-c-login__main,
html body .login-pf .pf-v5-c-login__main,
html body div.pf-v5-c-login div.pf-v5-c-login__main {
  box-shadow:
    0 10px 25px rgba(0, 0, 0, 0.08),
    0 4px 10px rgba(0, 0, 0, 0.06),
    0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  border: none !important;
  background-color: #ffffff !important;
}