/* ===== TOPBAR LOGO ===== */
img[data-test-subj="customMark"],
img[data-test-subj="defaultMark"] {
  width: 120px !important;
  height: auto !important;
  min-width: 120px !important;
  max-width: 120px !important;
  margin-left: -12px !important;
}
.homeIconContainer { overflow: visible !important; width: 140px !important; }
a[data-test-subj="homeLoader"] { overflow: visible !important; width: 150px !important; }
.euiIcon { width: unset !important; height: unset !important; }

/* ===== HEADER ===== */
.euiHeader, header { background-color: #1a1a1a !important; }

/* ===== BREADCRUMB OVERVIEW ===== */
.euiBreadcrumbWrapper--first.euiBreadcrumbWrapper--last {
  background-color: #b3fb4f !important;
  border-radius: 6px !important;
  padding: 2px 10px !important;
}
.euiBreadcrumbWrapper--first.euiBreadcrumbWrapper--last span,
.euiBreadcrumbWrapper--first.euiBreadcrumbWrapper--last a,
span.euiBreadcrumb.osdBreadcrumbs.euiBreadcrumb--last {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ===== FUNDO GERAL ===== */
.euiPage, .euiPageBody, .dscAppWrapper, .wz-app, .application {
  background-color: #4a4a4a !important;
}

/* ===== CARDS PEQUENOS ===== */
div.euiPanel--paddingMedium {
  border: 1px solid #b3fb4f !important;
}
#opensearch-dashboards-body div.euiPanel--paddingMedium span.euiTitle,
#opensearch-dashboards-body div.euiPanel--paddingMedium p,
#opensearch-dashboards-body div.euiPanel--paddingMedium .euiText {
  color: #b3fb4f !important;
}

/* ===== MENU LATERAL ===== */
.euiCollapsibleNavGroup .euiListGroupItem__label,
.euiCollapsibleNavGroup span,
.euiCollapsibleNavGroup a,
.euiCollapsibleNavGroup button,
.euiCollapsibleNavGroup__title,
h3.euiTitle.euiCollapsibleNavGroup__title {
  color: #b3fb4f !important;
}

/* ===== LOGIN BACKGROUND ===== */
body:has(.login-wrapper),
#opensearch-dashboards-body:has(.login-wrapper),
html:has(.login-wrapper) {
  background-image: url("/ui/credfranco-bg.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ===== LOGIN BOX ===== */
.euiListGroup.login-wrapper {
  position: fixed !important;
  top: 28% !important;
  left: 380px !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  width: 450px !important;
  background: rgba(15, 5, 5, 0.85) !important;
  border: 1px solid #C00000 !important;
  border-radius: 10px !important;
  padding: 2rem !important;
  box-shadow: 0 0 30px rgba(192, 0, 0, 0.3) !important;
}
.euiListGroup.login-wrapper .euiFormControlLayout,
.euiListGroup.login-wrapper input {
  background-color: rgba(20, 5, 5, 0.8) !important;
  border: 1px solid #C00000 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
}
.euiListGroup.login-wrapper input::placeholder { color: rgba(255,255,255,0.5) !important; }
.euiListGroup.login-wrapper .euiButton {
  background-color: #C00000 !important;
  border-color: #C00000 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}
.euiListGroup.login-wrapper .euiButton:hover { background-color: #a00000 !important; }
.euiListGroup.login-wrapper .euiHorizontalRule { border-color: rgba(192,0,0,0.3) !important; }
.euiButtonIcon.euiFormControlLayout__append { background-color: #000000 !important; color: #ffffff !important; }
#opensearch-dashboards-body div.euiText.euiText--medium div.euiTextAlign.euiTextAlign--center {
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* Overview pill - fundo verde texto preto */
.euiBreadcrumbWrapper--first.euiBreadcrumbWrapper--last,
.euiBreadcrumbWrapper--first.euiBreadcrumbWrapper--last::before {
  background-color: #b3fb4f !important;
  border-radius: 6px !important;
}
.euiBreadcrumbWrapper--first.euiBreadcrumbWrapper--last span,
.euiBreadcrumbWrapper--first.euiBreadcrumbWrapper--last a,
span.euiBreadcrumb.osdBreadcrumbs.euiBreadcrumb--last {
  color: #000000 !important;
  font-weight: 600 !important;
}

/* ===== LOGIN BACKGROUND ===== */
body:has(.login-wrapper),
#opensearch-dashboards-body:has(.login-wrapper),
html:has(.login-wrapper),
div[data-test-subj="opensearchDashboardsChrome"]:has(.login-wrapper) {
  background-image: url("/ui/credfranco-bg.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Login background - forçar em todos elementos */
.content.wz-login,
div[data-test-subj="opensearchDashboardsChrome"].wz-login,
#opensearch-dashboards-body .content.wz-login {
  background-image: url("/ui/credfranco-bg.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 100vh !important;
}

/* Login background absoluto */
html:has(.login-wrapper) body,
html:has(.login-wrapper) #opensearch-dashboards-body,
html:has(.login-wrapper) .content,
html:has(.login-wrapper) div[data-test-subj="opensearchDashboardsChrome"],
html:has(.login-wrapper) .app-wrapper {
  background-image: url("/ui/credfranco-bg.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 100vh !important;
}

/* Login background - div.application */
div.content.wz-login div.application,
div.application:has(.login-wrapper) {
  background-image: url("/ui/credfranco-bg.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Remover fundo branco do form */
.euiListGroup.login-wrapper .euiForm,
.euiListGroup.login-wrapper form,
.euiListGroup.login-wrapper .euiFormRow {
  background: transparent !important;
  background-color: transparent !important;
}