/* =======================================================
   SAINT Security Platform — Cisco Green Border Accents
   Minimal styling overlay on original Wazuh theme
   ======================================================= */

:root {
  --saint-green: #00A86B;
  --saint-green2: #00C77B;
  --saint-border: rgba(0, 168, 107, 0.6);
  --saint-border-subtle: rgba(0, 168, 107, 0.35);
}

/* =======================================================
   HEADER - Green bottom border
   ======================================================= */
.euiHeader {
  border-bottom: 2px solid var(--saint-green) !important;
}

/* =======================================================
   SIDEBAR - Green accent on selected items
   ======================================================= */
.euiSideNavItemButton--isSelected,
.euiListGroupItem--isActive .euiListGroupItem__button {
  border-left: 3px solid var(--saint-green) !important;
}

/* =======================================================
   PANELS / CARDS - Subtle green border
   ======================================================= */
.euiPanel,
.euiCard {
  border: 1px solid var(--saint-border-subtle) !important;
}

.euiPanel:hover,
.euiCard:hover {
  border-color: var(--saint-border) !important;
}

/* =======================================================
   TABLES - Green header border
   ======================================================= */
.euiTable,
.euiDataGrid,
.euiBasicTable {
  border: 1px solid var(--saint-border-subtle) !important;
}

.euiTableHeaderCell,
.euiDataGridHeaderCell {
  border-bottom: 2px solid var(--saint-green) !important;
}

/* =======================================================
   BUTTONS - Primary uses SAINT green
   ======================================================= */
.euiButton--primary,
.euiButton--fill {
  background-color: var(--saint-green) !important;
  border-color: var(--saint-green) !important;
}

.euiButton--primary:hover,
.euiButton--fill:hover {
  background-color: var(--saint-green2) !important;
  border-color: var(--saint-green2) !important;
}

/* =======================================================
   TABS - Green selected indicator
   ======================================================= */
.euiTab--isSelected {
  border-bottom: 2px solid var(--saint-green) !important;
}

/* =======================================================
   LINKS - SAINT green
   ======================================================= */
a, .euiLink {
  color: var(--saint-green) !important;
}

a:hover, .euiLink:hover {
  color: var(--saint-green2) !important;
}

/* =======================================================
   FOCUS STATES - Green outline
   ======================================================= */
.euiFieldText:focus,
.euiFieldPassword:focus,
.euiSelect:focus,
.euiTextArea:focus,
input:focus,
textarea:focus {
  border-color: var(--saint-green) !important;
  box-shadow: 0 0 0 2px rgba(0, 168, 107, 0.2) !important;
}

/* =======================================================
   CALLOUTS - Green accent for success
   ======================================================= */
.euiCallOut--success {
  border-left: 4px solid var(--saint-green) !important;
}

/* =======================================================
   PROGRESS BARS - SAINT green
   ======================================================= */
.euiProgress__bar {
  background-color: var(--saint-green) !important;
}

/* =======================================================
   BADGES - Success uses SAINT green
   ======================================================= */
.euiBadge--success,
.euiHealth--success {
  color: var(--saint-green) !important;
}

/* =======================================================
   CHECKBOXES / RADIO - SAINT green when checked
   ======================================================= */
.euiCheckbox__input:checked + .euiCheckbox__square,
.euiRadio__input:checked + .euiRadio__circle {
  background-color: var(--saint-green) !important;
  border-color: var(--saint-green) !important;
}