/*
 * =========================================================
 * HERMINA / SIEM — Kibana 8.x Safe Branding
 * Minimal, cleaner, tidak merusak layout bawaan Kibana
 * =========================================================
 */

/* =========================
   1) GLOBAL TOP HEADER ONLY
   ========================= */
[data-test-subj="headerGlobalNav"],
.euiHeader[data-fixed-header="true"] {
  background: linear-gradient(180deg, #0b2f1f 0%, #0f3a26 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22) !important;
}

/* Header text/icon warna terang */
[data-test-subj="headerGlobalNav"] .euiHeaderLogo,
[data-test-subj="headerGlobalNav"] .euiHeaderSectionItem,
[data-test-subj="headerGlobalNav"] .euiHeaderSectionItemButton,
[data-test-subj="headerGlobalNav"] .euiIcon,
[data-test-subj="headerGlobalNav"] .euiButtonEmpty,
[data-test-subj="headerGlobalNav"] .euiSelectableTemplateSitewide__listItem {
  color: #eef7f1 !important;
}

/* Logo text */
[data-test-subj="headerGlobalNav"] .euiHeaderLogo__text {
  color: #f4fbf6 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

/* Hover di header */
[data-test-subj="headerGlobalNav"] .euiHeaderSectionItemButton:hover,
[data-test-subj="headerGlobalNav"] .euiHeaderSectionItem:hover,
[data-test-subj="headerGlobalNav"] .euiButtonEmpty:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #ffffff !important;
}

/* =========================
   2) SEARCH BAR IN HEADER
   ========================= */
[data-test-subj="headerGlobalNav"] .euiFieldSearch,
[data-test-subj="headerGlobalNav"] input[type="search"],
[data-test-subj="headerGlobalNav"] .euiHeaderSearch,
[data-test-subj="headerGlobalNav"] .euiHeaderSearch input {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-test-subj="headerGlobalNav"] .euiFieldSearch::placeholder,
[data-test-subj="headerGlobalNav"] input[type="search"]::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

[data-test-subj="headerGlobalNav"] .euiFieldSearch:focus,
[data-test-subj="headerGlobalNav"] input[type="search"]:focus {
  border-color: rgba(103, 193, 139, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(103, 193, 139, 0.14) !important;
}

/* =========================
   3) ACTIVE NAV / SIDEBAR
   ========================= */
.euiListGroupItem-isActive,
.euiListGroupItem[aria-current="true"] {
  background: rgba(26, 122, 58, 0.08) !important;
  border-radius: 8px !important;
}

.euiListGroupItem-isActive .euiListGroupItem__label,
.euiListGroupItem[aria-current="true"] .euiListGroupItem__label,
.euiListGroupItem-isActive .euiListGroupItem__button,
.euiListGroupItem[aria-current="true"] .euiListGroupItem__button {
  color: #1a7a3a !important;
  font-weight: 600 !important;
}

.euiListGroupItem__button:hover,
.euiListGroupItem:hover .euiListGroupItem__button {
  color: #1a7a3a !important;
}

/* =========================
   4) PRIMARY BUTTONS
   ========================= */
.euiButton--primary,
.euiButton--fill {
  background: #1a7a3a !important;
  border-color: #1a7a3a !important;
  color: #ffffff !important;
}

.euiButton--primary:hover,
.euiButton--fill:hover {
  background: #218f45 !important;
  border-color: #218f45 !important;
  color: #ffffff !important;
}

.euiButtonEmpty--primary,
.euiButtonEmpty--primary:focus,
.euiButtonEmpty--primary:hover {
  color: #1a7a3a !important;
}

/* =========================
   5) LINKS / TABS / FOCUS
   ========================= */
.euiLink,
a.euiLink,
.euiTab-isSelected,
.euiTab[aria-selected="true"],
[role="tab"][aria-selected="true"] {
  color: #1a7a3a !important;
}

.euiTab-isSelected,
.euiTab[aria-selected="true"],
[role="tab"][aria-selected="true"] {
  border-bottom-color: #1a7a3a !important;
  box-shadow: inset 0 -2px 0 #1a7a3a !important;
}

*:focus-visible {
  outline-color: #1a7a3a !important;
}

/* =========================
   6) FORM CONTROL FOCUS
   ========================= */
.euiFieldText:focus,
.euiFieldSearch:focus,
.euiComboBox-isOpen .euiComboBox__inputWrap,
.euiSuperSelectControl:focus {
  border-color: #1a7a3a !important;
  box-shadow: 0 0 0 2px rgba(26, 122, 58, 0.14) !important;
}

/* =========================
   7) CHECKBOX / RADIO / SWITCH
   ========================= */
.euiCheckbox__input:checked + .euiCheckbox__square,
.euiRadio__input:checked + .euiRadio__circle {
  background-color: #1a7a3a !important;
  border-color: #1a7a3a !important;
}

.euiSwitch__input:checked ~ .euiSwitch__body .euiSwitch__track {
  background-color: #1a7a3a !important;
}

/* =========================
   8) PROGRESS / BADGE SUBTLE
   ========================= */
.euiProgress__bar {
  background-color: #1a7a3a !important;
}

/* =========================
   9) SCROLLBAR
   ========================= */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #c8d8cc;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #1a7a3a;
}

/* =========================
   10) DO NOT TOUCH HOME CARDS
   intentionally left default
   ========================= */