/* ============================================================
   ITSS Cyber-Industrial HUD Theme - Admin & Account Console
   Shared PatternFly v5 overrides for React SPA consoles
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");

/* --- CSS Custom Properties --- */
:root,
.pf-v5-theme-dark {
  --itss-teal: #00F5FF;
  --itss-teal-rgb: 0, 245, 255;
  --itss-bg: #050505;
  --itss-card: #0B0E14;
  --itss-card-surface: #0F1218;
  --itss-text: #F8FAFC;
  --itss-text-muted: #8A9BB5;
  --itss-border: rgba(0, 245, 255, 0.12);
  --itss-input-bg: rgba(0, 245, 255, 0.04);
  --itss-input-border: rgba(0, 245, 255, 0.2);
  --itss-error: #ff2d2d;
  --itss-success: #00F5FF;
  --itss-warning: #ffd000;

  /* PatternFly v5 global overrides */
  --pf-v5-global--primary-color--100: var(--itss-teal);
  --pf-v5-global--primary-color--200: #00C4CC;
  --pf-v5-global--link--Color: var(--itss-teal);
  --pf-v5-global--link--Color--hover: #33F7FF;
  --pf-v5-global--link--Color--visited: #00C4CC;
  --pf-v5-global--Color--light-100: var(--itss-text);
  --pf-v5-global--Color--100: var(--itss-text);
  --pf-v5-global--BackgroundColor--100: var(--itss-bg);
  --pf-v5-global--BackgroundColor--200: var(--itss-card);
  --pf-v5-global--BackgroundColor--dark-100: var(--itss-bg);
  --pf-v5-global--BackgroundColor--dark-200: var(--itss-card);
  --pf-v5-global--BackgroundColor--dark-300: var(--itss-card-surface);
  --pf-v5-global--BorderRadius--sm: 0;
  --pf-v5-global--BorderRadius--md: 0;
  --pf-v5-global--BorderRadius--lg: 0;
  --pf-v5-global--FontFamily--sans-serif: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pf-v5-global--FontFamily--heading--sans-serif: "Rajdhani", "Space Grotesk", sans-serif;
  --pf-v5-global--FontFamily--monospace: "JetBrains Mono", "SFMono-Regular", monospace;
}

/* --- Force dark mode always --- */
html {
  color-scheme: dark !important;
}

/* --- Global square corners --- */
* {
  border-radius: 0 !important;
}

/* --- Body --- */
body {
  background-color: var(--itss-bg) !important;
  color: var(--itss-text) !important;
  font-family: "Space Grotesk", -apple-system, sans-serif !important;
}

/* --- Page / Masthead (top header bar) --- */
.pf-v5-c-masthead {
  background-color: var(--itss-card) !important;
  border-bottom: 1px solid var(--itss-border) !important;
  --pf-v5-c-masthead--BackgroundColor: var(--itss-card);
}

.pf-v5-c-masthead::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--itss-teal), transparent);
  opacity: 0.3;
}

/* Masthead brand / logo */
.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__brand svg,
.pf-v5-c-brand {
  filter: brightness(0) saturate(100%) invert(89%) sepia(47%) saturate(4695%) hue-rotate(132deg) brightness(101%) contrast(103%);
  max-height: 36px;
}

/* Masthead title text */
.pf-v5-c-masthead .pf-v5-c-title,
.pf-v5-c-masthead__content {
  font-family: "Rajdhani", sans-serif !important;
  color: var(--itss-text) !important;
}

/* Masthead toolbar buttons */
.pf-v5-c-masthead .pf-v5-c-button {
  color: var(--itss-text-muted) !important;
}

.pf-v5-c-masthead .pf-v5-c-button:hover {
  color: var(--itss-teal) !important;
}

/* --- Navigation Sidebar --- */
.pf-v5-c-nav {
  background-color: var(--itss-card) !important;
  border-right: 1px solid var(--itss-border) !important;
  --pf-v5-c-nav--BackgroundColor: var(--itss-card);
}

.pf-v5-c-page__sidebar {
  background-color: var(--itss-card) !important;
  --pf-v5-c-page__sidebar--BackgroundColor: var(--itss-card);
}

/* Nav items */
.pf-v5-c-nav__link {
  font-family: "Space Grotesk", sans-serif !important;
  color: var(--itss-text-muted) !important;
  font-size: 0.875rem;
  border-left: 2px solid transparent !important;
  transition: all 0.15s ease !important;
}

.pf-v5-c-nav__link:hover {
  color: var(--itss-teal) !important;
  background-color: rgba(var(--itss-teal-rgb), 0.05) !important;
  border-left-color: rgba(var(--itss-teal-rgb), 0.3) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  color: var(--itss-teal) !important;
  background-color: rgba(var(--itss-teal-rgb), 0.08) !important;
  border-left-color: var(--itss-teal) !important;
  font-weight: 600 !important;
}

/* Nav section titles */
.pf-v5-c-nav__section-title {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.65rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: rgba(var(--itss-teal-rgb), 0.5) !important;
}

/* Nav separator */
.pf-v5-c-nav__separator {
  border-color: var(--itss-border) !important;
}

/* --- Page Content Area --- */
.pf-v5-c-page__main {
  background-color: var(--itss-bg) !important;
}

.pf-v5-c-page__main-section {
  background-color: var(--itss-bg) !important;
  --pf-v5-c-page__main-section--BackgroundColor: var(--itss-bg);
}

.pf-v5-c-page__main-breadcrumb {
  background-color: var(--itss-bg) !important;
}

/* --- Page Title / Section Headers --- */
.pf-v5-c-title {
  font-family: "Rajdhani", sans-serif !important;
  color: var(--itss-text) !important;
}

h1.pf-v5-c-title {
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* --- Cards --- */
.pf-v5-c-card {
  background-color: var(--itss-card) !important;
  border: 1px solid var(--itss-border) !important;
  box-shadow: 0 0 10px rgba(var(--itss-teal-rgb), 0.04) !important;
  --pf-v5-c-card--BackgroundColor: var(--itss-card);
}

.pf-v5-c-card__header {
  border-bottom: 1px solid var(--itss-border);
}

.pf-v5-c-card__title {
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 600 !important;
}

.pf-v5-c-card__body {
  color: var(--itss-text) !important;
}

/* --- Tables --- */
.pf-v5-c-table {
  --pf-v5-c-table--BackgroundColor: var(--itss-card);
  --pf-v5-c-table--BorderColor: var(--itss-border);
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-table thead th {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--itss-teal) !important;
  background-color: var(--itss-card-surface) !important;
  border-bottom: 1px solid var(--itss-border) !important;
}

.pf-v5-c-table tbody tr {
  border-bottom: 1px solid rgba(var(--itss-teal-rgb), 0.06) !important;
}

.pf-v5-c-table tbody tr:hover {
  background-color: rgba(var(--itss-teal-rgb), 0.03) !important;
}

.pf-v5-c-table td {
  color: var(--itss-text) !important;
}

/* --- Forms --- */
.pf-v5-c-form__label-text {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--itss-teal) !important;
}

.pf-v5-c-form-control {
  background-color: var(--itss-input-bg) !important;
  border: 1px solid var(--itss-input-border) !important;
  color: var(--itss-text) !important;
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-form-control:focus,
.pf-v5-c-form-control:focus-within {
  border-color: var(--itss-teal) !important;
  box-shadow: 0 0 0 1px var(--itss-teal), 0 0 8px rgba(var(--itss-teal-rgb), 0.2) !important;
}

.pf-v5-c-form-control input,
.pf-v5-c-form-control textarea,
.pf-v5-c-form-control select {
  color: var(--itss-text) !important;
}

/* --- Buttons --- */
.pf-v5-c-button.pf-m-primary {
  background-color: var(--itss-teal) !important;
  border-color: var(--itss-teal) !important;
  color: var(--itss-bg) !important;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pf-v5-c-button.pf-m-primary:hover {
  background-color: #33F7FF !important;
  box-shadow: 0 0 12px rgba(var(--itss-teal-rgb), 0.4) !important;
}

.pf-v5-c-button.pf-m-secondary {
  border-color: var(--itss-border) !important;
  color: var(--itss-text) !important;
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-button.pf-m-link {
  color: var(--itss-teal) !important;
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-button.pf-m-link:hover {
  color: #33F7FF !important;
}

.pf-v5-c-button.pf-m-danger {
  background-color: transparent !important;
  border-color: var(--itss-error) !important;
  color: var(--itss-error) !important;
}

/* --- Tabs --- */
.pf-v5-c-tabs {
  --pf-v5-c-tabs--before--BorderColor: var(--itss-border);
  border-bottom: 1px solid var(--itss-border) !important;
}

.pf-v5-c-tabs__link {
  font-family: "Space Grotesk", sans-serif !important;
  color: var(--itss-text-muted) !important;
}

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

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after,
.pf-v5-c-tabs__link::after {
  border-bottom-color: var(--itss-teal) !important;
}

/* --- Badges / Labels --- */
.pf-v5-c-badge {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.7rem !important;
}

.pf-v5-c-badge.pf-m-read {
  background-color: rgba(var(--itss-teal-rgb), 0.15) !important;
  color: var(--itss-teal) !important;
}

.pf-v5-c-badge.pf-m-unread {
  background-color: var(--itss-teal) !important;
  color: var(--itss-bg) !important;
}

.pf-v5-c-label {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.7rem !important;
}

/* --- Alerts --- */
.pf-v5-c-alert {
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-alert.pf-m-success {
  --pf-v5-c-alert--m-success--BackgroundColor: rgba(var(--itss-teal-rgb), 0.08);
}

/* --- Dropdowns / Menus --- */
.pf-v5-c-menu {
  background-color: var(--itss-card) !important;
  border: 1px solid var(--itss-border) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 8px rgba(var(--itss-teal-rgb), 0.1) !important;
}

.pf-v5-c-menu__item {
  color: var(--itss-text) !important;
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-menu__item:hover {
  background-color: rgba(var(--itss-teal-rgb), 0.08) !important;
  color: var(--itss-teal) !important;
}

/* Dropdown toggle */
.pf-v5-c-dropdown__toggle,
.pf-v5-c-menu-toggle {
  background-color: var(--itss-card-surface) !important;
  border-color: var(--itss-border) !important;
  color: var(--itss-text) !important;
}

/* --- Select --- */
.pf-v5-c-select__toggle {
  background-color: var(--itss-input-bg) !important;
  border-color: var(--itss-input-border) !important;
  color: var(--itss-text) !important;
}

/* --- Modal / Dialog --- */
.pf-v5-c-modal-box {
  background-color: var(--itss-card) !important;
  border: 1px solid var(--itss-border) !important;
  box-shadow: 0 0 30px rgba(var(--itss-teal-rgb), 0.15), 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

.pf-v5-c-modal-box__header {
  border-bottom: 1px solid var(--itss-border);
}

.pf-v5-c-modal-box__title {
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 600 !important;
  color: var(--itss-text) !important;
}

.pf-v5-c-modal-box__footer {
  border-top: 1px solid var(--itss-border);
}

/* --- Backdrop --- */
.pf-v5-c-backdrop {
  background-color: rgba(5, 5, 5, 0.85) !important;
  backdrop-filter: blur(4px);
}

/* --- Toolbar --- */
.pf-v5-c-toolbar {
  background-color: transparent !important;
}

/* --- Pagination --- */
.pf-v5-c-pagination {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.8rem !important;
}

/* --- Empty State --- */
.pf-v5-c-empty-state {
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-empty-state .pf-v5-c-empty-state__title-text {
  font-family: "Rajdhani", sans-serif !important;
}

/* --- Switch / Toggle --- */
.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle {
  background-color: var(--itss-teal) !important;
}

/* --- Chip / Chip Group --- */
.pf-v5-c-chip {
  background-color: rgba(var(--itss-teal-rgb), 0.1) !important;
  border: 1px solid var(--itss-border) !important;
  color: var(--itss-teal) !important;
}

/* --- Description List --- */
.pf-v5-c-description-list__term {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--itss-text-muted) !important;
}

.pf-v5-c-description-list__text {
  color: var(--itss-text) !important;
  font-family: "Space Grotesk", sans-serif !important;
}

/* --- Expandable Section --- */
.pf-v5-c-expandable-section__toggle-text {
  font-family: "Space Grotesk", sans-serif !important;
  color: var(--itss-teal) !important;
}

/* --- Accordion --- */
.pf-v5-c-accordion__toggle {
  font-family: "Space Grotesk", sans-serif !important;
}

.pf-v5-c-accordion__toggle.pf-m-expanded {
  color: var(--itss-teal) !important;
}

/* --- Data List --- */
.pf-v5-c-data-list {
  --pf-v5-c-data-list--BackgroundColor: var(--itss-card);
  border: 1px solid var(--itss-border) !important;
}

.pf-v5-c-data-list__item {
  border-bottom: 1px solid var(--itss-border) !important;
}

/* --- Spinner --- */
.pf-v5-c-spinner__path {
  stroke: var(--itss-teal) !important;
}

/* --- Scrollbar --- */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--itss-bg); }
::-webkit-scrollbar-thumb { background: rgba(var(--itss-teal-rgb), 0.3); }
::-webkit-scrollbar-thumb:hover { background: rgba(var(--itss-teal-rgb), 0.5); }

/* --- Top accent line (HUD feel) --- */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--itss-teal), transparent);
  opacity: 0.3;
  z-index: 10000;
  pointer-events: none;
}

/* --- Keycloak-specific overrides --- */

/* Realm selector dropdown */
.keycloak__page_nav__nav .pf-v5-c-nav__link {
  font-family: "Space Grotesk", sans-serif !important;
}

/* Welcome/Dashboard page */
.keycloak__dashboard_icon {
  filter: brightness(0) saturate(100%) invert(89%) sepia(47%) saturate(4695%) hue-rotate(132deg) brightness(101%) contrast(103%);
}

/* Code blocks */
code, pre, .pf-v5-c-code-block {
  font-family: "JetBrains Mono", monospace !important;
  background-color: var(--itss-card-surface) !important;
  border: 1px solid var(--itss-border) !important;
}

/* Link colors everywhere */
a {
  color: var(--itss-teal);
}

a:hover {
  color: #33F7FF;
}

/* --- Tooltip --- */
.pf-v5-c-tooltip__content {
  background-color: var(--itss-card) !important;
  border: 1px solid var(--itss-border) !important;
  color: var(--itss-text) !important;
  font-family: "Space Grotesk", sans-serif !important;
  box-shadow: 0 0 10px rgba(var(--itss-teal-rgb), 0.2) !important;
}

/* --- Popover --- */
.pf-v5-c-popover__body {
  font-family: "Space Grotesk", sans-serif !important;
  color: var(--itss-text) !important;
}

/* --- Panel --- */
.pf-v5-c-panel {
  background-color: var(--itss-card) !important;
  border: 1px solid var(--itss-border) !important;
}

/* Loading screen override */
.keycloak__loading-container {
  background-color: var(--itss-bg) !important;
  color: var(--itss-teal) !important;
}

#loading-text {
  font-family: "Rajdhani", sans-serif !important;
  color: var(--itss-teal) !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

/* ============================================================
   NUCLEAR WHITE BACKGROUND OVERRIDES
   Force dark backgrounds on ALL PatternFly components
   ============================================================ */

/* Override ALL PF5 background CSS variables globally */
:root,
.pf-v5-theme-dark,
html,
body {
  --pf-v5-global--BackgroundColor--100: var(--itss-card) !important;
  --pf-v5-global--BackgroundColor--150: var(--itss-card-surface) !important;
  --pf-v5-global--BackgroundColor--200: var(--itss-bg) !important;
  --pf-v5-global--BackgroundColor--light-100: var(--itss-card) !important;
  --pf-v5-global--BackgroundColor--light-200: var(--itss-card-surface) !important;
  --pf-v5-global--BackgroundColor--light-300: var(--itss-bg) !important;
  --pf-v5-global--Color--100: var(--itss-text) !important;
  --pf-v5-global--Color--200: var(--itss-text-muted) !important;
}

/* Data List - comprehensive */
.pf-v5-c-data-list,
.pf-v5-c-data-list__item,
.pf-v5-c-data-list__item-row,
.pf-v5-c-data-list__item-content,
.pf-v5-c-data-list__cell,
.pf-v5-c-data-list__item-action,
.pf-v5-c-data-list__item-control,
.pf-v5-c-data-list__expandable-content {
  background-color: var(--itss-card) !important;
  color: var(--itss-text) !important;
  --pf-v5-c-data-list--BackgroundColor: var(--itss-card) !important;
  --pf-v5-c-data-list__item--BackgroundColor: var(--itss-card) !important;
}

.pf-v5-c-data-list__item + .pf-v5-c-data-list__item {
  border-top: 1px solid var(--itss-border) !important;
}

/* Table - comprehensive */
.pf-v5-c-table,
.pf-v5-c-table thead,
.pf-v5-c-table thead tr,
.pf-v5-c-table thead th,
.pf-v5-c-table tbody,
.pf-v5-c-table tbody tr,
.pf-v5-c-table tbody td,
.pf-v5-c-table tfoot {
  background-color: var(--itss-card) !important;
  color: var(--itss-text) !important;
}

.pf-v5-c-table thead th {
  color: var(--itss-teal) !important;
  background-color: var(--itss-card-surface) !important;
}

/* Description List */
.pf-v5-c-description-list,
.pf-v5-c-description-list__group,
.pf-v5-c-description-list__term,
.pf-v5-c-description-list__description {
  background-color: transparent !important;
  color: var(--itss-text) !important;
}

/* Card bodies and all sections */
.pf-v5-c-card,
.pf-v5-c-card__header,
.pf-v5-c-card__body,
.pf-v5-c-card__footer,
.pf-v5-c-card__title,
.pf-v5-c-card__expandable-content {
  background-color: var(--itss-card) !important;
  color: var(--itss-text) !important;
  --pf-v5-c-card--BackgroundColor: var(--itss-card) !important;
}

/* Page sections */
.pf-v5-c-page,
.pf-v5-c-page__main,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-group,
.pf-v5-c-page__main-nav,
.pf-v5-c-page__main-breadcrumb,
.pf-v5-c-page__main-tabs {
  background-color: var(--itss-bg) !important;
  color: var(--itss-text) !important;
}

/* Toolbar */
.pf-v5-c-toolbar,
.pf-v5-c-toolbar__content,
.pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar__item,
.pf-v5-c-toolbar__group {
  background-color: transparent !important;
  color: var(--itss-text) !important;
}

/* Form sections */
.pf-v5-c-form,
.pf-v5-c-form__group,
.pf-v5-c-form__section {
  color: var(--itss-text) !important;
}

/* Panel / drawer */
.pf-v5-c-panel,
.pf-v5-c-panel__main,
.pf-v5-c-panel__main-body,
.pf-v5-c-drawer__content,
.pf-v5-c-drawer__body,
.pf-v5-c-drawer__panel {
  background-color: var(--itss-card) !important;
  color: var(--itss-text) !important;
}

/* Action list and list */
.pf-v5-c-action-list,
.pf-v5-c-list,
.pf-v5-c-list li {
  background-color: transparent !important;
  color: var(--itss-text) !important;
}

/* Dividers and separators */
.pf-v5-c-divider,
hr {
  border-color: var(--itss-border) !important;
}

/* Text and content */
.pf-v5-c-content,
.pf-v5-c-content p,
.pf-v5-c-content h1,
.pf-v5-c-content h2,
.pf-v5-c-content h3,
.pf-v5-c-content h4 {
  color: var(--itss-text) !important;
}

/* Breadcrumb */
.pf-v5-c-breadcrumb__link {
  color: var(--itss-teal) !important;
  font-family: "Space Grotesk", sans-serif !important;
}

/* Banner / notification drawer */
.pf-v5-c-banner {
  background-color: var(--itss-card-surface) !important;
  color: var(--itss-text) !important;
}

/* Hint */
.pf-v5-c-hint {
  background-color: var(--itss-card-surface) !important;
  border: 1px solid var(--itss-border) !important;
  color: var(--itss-text) !important;
}

/* Skeleton (loading states) */
.pf-v5-c-skeleton {
  --pf-v5-c-skeleton--BackgroundColor: var(--itss-card-surface) !important;
}

/* Catch-all: any element with explicit white/light background */
[style*="background-color: rgb(255"],
[style*="background-color: #fff"],
[style*="background-color: white"],
[style*="background: rgb(255"],
[style*="background: #fff"],
[style*="background: white"] {
  background-color: var(--itss-card) !important;
}

/* Account console specific: credential rows */
[data-page-id="account"] .pf-v5-c-data-list__item,
[data-page-id="account"] .pf-v5-c-data-list__item-row,
[data-page-id="account"] .pf-v5-c-data-list__cell {
  background-color: var(--itss-card) !important;
  border-color: var(--itss-border) !important;
}

/* Account console specific: signing-in credential cards */
[data-page-id="account"] .pf-v5-l-stack,
[data-page-id="account"] .pf-v5-l-split,
[data-page-id="account"] .pf-v5-l-flex {
  color: var(--itss-text) !important;
}

/* Masthead / header logo fix */
.pf-v5-c-masthead .pf-v5-c-brand img[src*="Logo"],
.pf-v5-c-brand img[alt="Logo"] {
  content: url("../itss-logo.svg");
  height: 36px;
  filter: none;
}

/* Generic: force all text to be visible */
p, span, div, li, td, th, dt, dd, label, h1, h2, h3, h4, h5, h6 {
  color: inherit;
}

/* Ensure body-level text color */
body, #app {
  color: var(--itss-text) !important;
}