/* =========================================================
   1. PAGE RESET / FULL WIDTH
   ========================================================= */

.et-portal-page .t-Body-nav,
.et-portal-page .t-Body-side,
.et-portal-page .apex-side-nav,
.et-portal-page .t-TreeNav {
  display: none !important;
}

.et-portal-page .t-Body-main,
.et-portal-page .t-Body-content {
  margin-left: 0 !important;
}

.et-portal-page .t-Body-contentInner {
  max-width: 100% !important;
  padding: 0 !important;
}

.et-portal-page .t-Region {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.et-portal-page .t-Region-header {
  display: none !important;
}


/* =========================================================
   2. DIMENSIUNE COMUNĂ PAGINĂ
   ========================================================= */

:root {
  --et-main-width: 1192px;
  --et-main-gap: 88px;
}

.et-page,
#et-filter-region,
#et_content,
.et-page-reports {
  max-width: var(--et-main-width) !important;
  width: calc(100% - var(--et-main-gap)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.et-page {
  padding-top: 26px !important;
  color: #172033 !important;
}

.et-page-header {
  padding-bottom: 0 !important;
  overflow: visible !important;
}


/* =========================================================
   3. BREADCRUMB + TOP LINKS
   ========================================================= */

.et-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  margin-bottom: 26px !important;
  overflow: visible !important;
}

.et-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.et-home-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #64748b !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.et-home-link .fa {
  color: #16832d !important;
  font-size: 22px !important;
}

.et-home-link:hover,
.et-toplink:hover {
  color: #16832d !important;
  text-decoration: none !important;
}

.et-breadcrumb .sep {
  color: #94a3b8 !important;
}

.et-breadcrumb strong {
  color: #0f1f3a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.et-toplinks {
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
  white-space: nowrap !important;
}

.et-toplinks a,
.et-toplink {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 4px 0 !important;
  color: #0f1f3a !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.et-toplinks a .fa,
.et-toplink .fa {
  color: #385778 !important;
  font-size: 19px !important;
}


/* =========================================================
   4. HERO
   ========================================================= */

.et-hero-classic {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 660px !important;
  gap: 44px !important;
  align-items: start !important;
  margin-top: 0 !important;
  margin-bottom: 28px !important;
}

.et-hero-left {
  padding-top: 42px !important;
  align-self: start !important;
  min-width: 0 !important;
}

.et-hero-left h1 {
  margin: 0 0 18px !important;
  color: #08762a !important;
  font-size: 48px !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

.et-hero-left p {
  max-width: 650px !important;
  margin: 0 !important;
  color: #182943 !important;
  font-size: 17px !important;
  line-height: 1.48 !important;
}

.et-hero-right {
  display: grid !important;
  grid-template-columns: minmax(0, 420px) 200px !important;
  gap: 24px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.et-classic-illustration {
  position: relative !important;
  width: 100% !important;
  height: 260px !important;
  border-right: 1px solid #cfded1 !important;
  overflow: hidden !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.et-classic-illustration::before,
.et-classic-illustration::after {
  display: none !important;
  content: none !important;
}

.et-main-hero-img {
  display: block !important;
  position: absolute !important;
  width: 520px !important;
  max-width: none !important;
  height: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.82 !important;
  visibility: visible !important;
  z-index: 5 !important;
  border: 0 !important;
  pointer-events: none !important;
}

.et-info-list {
  display: grid !important;
  gap: 15px !important;
}

.et-info-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.et-info-item > .fa {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 50% !important;
  background: #eef8ef !important;
  border: 1px solid #d7ead9 !important;
  color: #16832d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
}

.et-info-item strong {
  display: block !important;
  color: #0f1f3a !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
}

.et-info-item em {
  display: block !important;
  margin-top: 3px !important;
  color: #53627a !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-style: normal !important;
}


/* =========================================================
   5. TABURI
   ========================================================= */

.et-tabs-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 14px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.et-top-tabs {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
  border-bottom: 1px solid #dbe5dc !important;
  overflow: visible !important;
}

.et-top-tab {
  min-width: 210px !important;
  height: 58px !important;
  padding: 0 26px !important;
  border: 1px solid #dbe4db !important;
  border-bottom: 0 !important;
  border-radius: 11px 11px 0 0 !important;
  background: #ffffff !important;
  color: #1d2d48 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-right: -1px !important;
  position: relative !important;
  top: 1px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.et-top-tab .fa {
  color: #16832d !important;
  font-size: 21px !important;
}

.et-top-tab:hover {
  background: #f8fcf7 !important;
  color: #16832d !important;
  text-decoration: none !important;
}

.et-top-tab.active {
  background: #f7fbf7 !important;
  color: #0d6a24 !important;
  border-color: #cddbcc !important;
  box-shadow: inset 0 4px 0 #2fad39 !important;
}

.et-top-tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: #f7fbf7;
}


/* =========================================================
   6. FILTERS REGION
   ========================================================= */

#et-filter-region {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#et-filter-region,
#et-filter-region .t-Region,
#et-filter-region .t-Region-wrap,
#et-filter-region .t-Region-bodyWrap,
#et-filter-region .t-Region-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#et-filter-region .t-Region-body {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #f3f6f4 !important;
  border: 1px solid #dbe5dc !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#et-filter-region .t-Region-body > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#et-filter-region .t-Region-body > .container > .row {
  display: grid !important;
  grid-template-columns:
    minmax(330px, 2fr)
    minmax(150px, .85fr)
    minmax(210px, 1fr)
    minmax(210px, 1fr)
    140px !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#et-filter-region .t-Region-body > .container > .row::before,
#et-filter-region .t-Region-body > .container > .row::after {
  display: none !important;
  content: none !important;
}

#et-filter-region .t-Region-body > .container > .row > .col,
#et-filter-region .t-Region-body > .container > .row > [class*="col-"] {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-column: auto !important;
}

#et-filter-region .t-Form-fieldContainer,
#et-filter-region .t-Form-labelContainer,
#et-filter-region .t-Form-inputContainer,
#et-filter-region .t-Form-itemWrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}


/* =========================================================
   7. P85_SEARCH -> ULTIMA ACTUALIZARE SIME
   ========================================================= */

#P85_SEARCH_CONTAINER {
  position: relative !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#P85_SEARCH_CONTAINER .t-Form-labelContainer {
  display: block !important;
  position: absolute !important;
  left: 52px !important;
  top: 9px !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

#P85_SEARCH_CONTAINER label {
  color: #5f75a0 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* punct albastru în stânga */
#P85_SEARCH_CONTAINER::before,
#P85_SEARCH_CONTAINER.et-search-item::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;

  background: #5a91dc !important;
  box-shadow: 0 0 0 6px #e8f2ff !important;

  z-index: 10 !important;
  pointer-events: none !important;
}

#P85_SEARCH_CONTAINER .t-Form-inputContainer,
#P85_SEARCH_CONTAINER .t-Form-itemWrapper {
  width: 100% !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* dacă P85_SEARCH este Text Field */
#P85_SEARCH {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 58px !important;
  min-height: 58px !important;

  padding: 28px 16px 10px 52px !important;

  border: 1px solid #d8e2da !important;
  border-radius: 12px !important;
  background: #ffffff !important;

  color: #001b3d !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: none !important;
  box-sizing: border-box !important;

  cursor: default !important;
  caret-color: transparent !important;
}

/* dacă P85_SEARCH este Display Only */
#P85_SEARCH_DISPLAY,
#P85_SEARCH_CONTAINER .display_only,
#P85_SEARCH_CONTAINER .t-Form-displayOnly {
  display: flex !important;
  align-items: flex-end !important;

  width: 100% !important;
  height: 58px !important;

  padding: 28px 16px 10px 52px !important;

  border: 1px solid #d8e2da !important;
  border-radius: 12px !important;
  background: #ffffff !important;

  color: #001b3d !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-sizing: border-box !important;
}

#P85_SEARCH::placeholder {
  color: transparent !important;
}


/* =========================================================
   8. SELECT ITEMS
   ========================================================= */

#P85_STUDY_YEAR_CONTAINER,
#P85_DISTRICT_ID_CONTAINER,
#P85_LOCALITY_ID_CONTAINER {
  position: relative !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#P85_STUDY_YEAR_CONTAINER .t-Form-labelContainer,
#P85_DISTRICT_ID_CONTAINER .t-Form-labelContainer,
#P85_LOCALITY_ID_CONTAINER .t-Form-labelContainer {
  position: absolute !important;
  left: 14px !important;
  top: 9px !important;
  z-index: 10 !important;
  pointer-events: none !important;
}

#P85_STUDY_YEAR_CONTAINER label,
#P85_DISTRICT_ID_CONTAINER label,
#P85_LOCALITY_ID_CONTAINER label {
  color: #53627a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

#P85_STUDY_YEAR,
#P85_DISTRICT_ID,
#P85_LOCALITY_ID {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 58px !important;
  min-height: 58px !important;

  padding: 25px 34px 8px 14px !important;

  border: 1px solid #d8e2da !important;
  border-radius: 12px !important;
  background: #ffffff !important;

  color: #0f1f3a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;

  box-shadow: none !important;
  box-sizing: border-box !important;
}


/* 9. APPLY BUTTON — P85_APPLY*/

#P85_APPLY,
#APPLY,
button#P85_APPLY,
button#APPLY,
#et-filter-region .t-Button {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  margin-top: 10px !important;
  border-radius: 12px !important;
  border: 1px solid #24c23e !important;
  background-color: #24c23e !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 45px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* eliminăm iconițele duplicate */
#P85_APPLY::before,
#APPLY::before,
button#P85_APPLY::before,
button#APPLY::before,
#et-filter-region .t-Button::before {
  content: none !important;
  display: none !important;
}

#P85_APPLY .fa,
#P85_APPLY .t-Icon,
#APPLY .fa,
#APPLY .t-Icon,
#et-filter-region .t-Button .fa,
#et-filter-region .t-Button .t-Icon {
  display: none !important;
}

/* label + o singură iconiță */
#P85_APPLY .t-Button-label,
#APPLY .t-Button-label,
#et-filter-region .t-Button .t-Button-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  color: #ffffff !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

#P85_APPLY .t-Button-label::before,
#APPLY .t-Button-label::before,
#et-filter-region .t-Button .t-Button-label::before {
  content: "" !important;
  display: inline-block !important;

  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;

  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5H20L14 12V18L10 20V12L4 5Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#P85_APPLY:hover,
#APPLY:hover,
button#P85_APPLY:hover,
button#APPLY:hover,
#et-filter-region .t-Button:hover {
  background: #1f9134 !important;
  border-color: #1f9134 !important;
  color: #ffffff !important;
}


/* =========================================================
   10. KPI — #et_content
   ========================================================= */

#et_content {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#et_content,
#et_content .t-Region,
#et_content .t-Region-wrap,
#et_content .t-Region-bodyWrap,
#et_content .t-Region-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#et_content .t-Region-body {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

#et_content .t-Region-body > .et-page,
#et_content .t-Region-body > .et-page.et-page-content,
#et_content .et-page-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#et_content .et-kpi-strip {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;

  border: 1px solid #dbe5dc !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#et_content .et-kpi-strip-item {
  min-height: 120px !important;
  padding: 18px 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;

  border-right: 1px solid #dbe5dc !important;
  box-sizing: border-box !important;
}

#et_content .et-kpi-strip-item:last-child {
  border-right: 0 !important;
}

#et_content .et-kpi-strip-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;
}

#et_content .et-kpi-strip-icon .fa {
  font-size: 28px !important;
}

#et_content .et-kpi-strip-label {
  color: #0f1f3a !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

#et_content .et-kpi-strip-value {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}

#et_content .et-kpi-strip-note {
  margin-top: 5px !important;
  color: #53627a !important;
  font-size: 14px !important;
}

#et_content .et-kpi-strip-item.green .et-kpi-strip-icon {
  background: #eef6ea !important;
  color: #1f7d34 !important;
}

#et_content .et-kpi-strip-item.green .et-kpi-strip-value {
  color: #1f7d34 !important;
}

#et_content .et-kpi-strip-item.blue .et-kpi-strip-icon {
  background: #eef4fd !important;
  color: #2f67c2 !important;
}

#et_content .et-kpi-strip-item.blue .et-kpi-strip-value {
  color: #2f67c2 !important;
}

#et_content .et-kpi-strip-item.purple .et-kpi-strip-icon {
  background: #f5effb !important;
  color: #7a41a8 !important;
}

#et_content .et-kpi-strip-item.purple .et-kpi-strip-value {
  color: #7a41a8 !important;
}

#et_content .et-kpi-strip-item.orange .et-kpi-strip-icon {
  background: #fdf1e5 !important;
  color: #e1821a !important;
}

#et_content .et-kpi-strip-item.orange .et-kpi-strip-value {
  color: #e1821a !important;
}


/* =========================================================
   11. REPORTS
   ========================================================= */

.et-page-reports {
  padding-top: 0 !important;
  padding-bottom: 36px !important;
}

.et-reports-head {
  margin-bottom: 18px !important;
}

.et-reports-head h2 {
  margin: 0 0 6px !important;
  color: #4d4d4d !important;
  font-size: 23px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

.et-reports-head p {
  margin: 0 !important;
  color: #5d6779 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.et-report-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.et-report-list {
  width: 100% !important;
  border: 1px solid #dbe7dc !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.et-report-card {
  min-height: 90px !important;
  border: 1px solid #dfe5e2 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  text-decoration: none !important;
  color: #172033 !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.et-report-card:hover {
  border-color: #bdd7bf !important;
  box-shadow: 0 14px 32px rgba(20, 64, 32, .08) !important;
  text-decoration: none !important;
}

.et-report-icon,
.et-report-row-icon {
  border-radius: 50% !important;
  background: #eef6ea !important;
  color: #2f8f35 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.et-report-icon {
  width: 40px !important;
  height: 40px !important;
}

.et-report-row-icon {
  width: 38px !important;
  height: 38px !important;
}

.et-report-icon .fa {
  font-size: 18px !important;
}

.et-report-content h3 {
  margin: 0 0 3px !important;
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.et-report-content p {
  margin: 0 !important;
  color: #5d6779 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.et-report-meta {
  color: #2f6f35 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.et-report-action {
  color: #2f8f35 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.et-report-row {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 130px 150px !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid #edf2ee !important;
  text-decoration: none !important;
  color: #172033 !important;
}

.et-report-row:last-child {
  border-bottom: 0 !important;
}

.et-report-row:hover {
  background: #f8fcf7 !important;
  text-decoration: none !important;
}

.et-report-row-title {
  color: #0f1f3a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 3px !important;
}

.et-report-row-desc {
  margin-top: 4px !important;
  color: #607084 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.et-report-row-meta {
  color: #5d6779 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.et-report-row-action {
  color: #1f7d34 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  text-align: right !important;
}

.et-empty-reports {
  border: 1px dashed #dfe5e2 !important;
  border-radius: 16px !important;
  background: #fbfcfa !important;
  padding: 18px 20px !important;
  color: #5d6779 !important;
  font-size: 15px !important;
}


/* =========================================================
   12. BOTTOM NOTE
   ========================================================= */

.et-bottom-note {
  min-height: 82px !important;
  border: 1px solid #dfe5e2 !important;
  border-radius: 16px !important;
  background: #fbfcfa !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.et-bottom-note-left,
.et-bottom-note-right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #485466 !important;
  font-size: 16px !important;
}

.et-bottom-note .fa {
  color: #2f8f35 !important;
  font-size: 28px !important;
}


/* =========================================================
   13. MODAL
   ========================================================= */

body.et-modal-open {
  overflow: hidden !important;
}

.et-overlay-modal[hidden] {
  display: none !important;
}

.et-overlay-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;

  display: none !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(13, 24, 38, .36) !important;
  padding: 28px !important;
  box-sizing: border-box !important;
}

.et-overlay-modal.is-open {
  display: flex !important;
}

.et-overlay-dialog {
  width: min(720px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 56px) !important;

  background: #ffffff !important;
  border: 1px solid #dbe5db !important;
  border-radius: 24px !important;

  position: relative !important;
  overflow: auto !important;

  box-shadow: 0 22px 70px rgba(15, 31, 58, .20) !important;
}

.et-overlay-dialog::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, #2fad39, #9acd32);
}

.et-overlay-close {
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;

  width: 40px !important;
  height: 40px !important;

  border: 1px solid #dbe5db !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #4a5a73 !important;

  cursor: pointer !important;
  z-index: 10 !important;
}

.et-overlay-close:hover {
  background: #f6faf6 !important;
  color: #16832d !important;
}

.et-overlay-close .fa {
  font-size: 18px !important;
}

.et-overlay-head {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 30px 30px 14px !important;
}

.et-overlay-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 18px !important;
  background: #f4fbf4 !important;
  border: 1px solid #d9e9d9 !important;
  color: #16832d !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 27px !important;
  flex: 0 0 auto !important;
}

.et-overlay-title {
  font-size: 27px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  color: #0f1f3a !important;
}

.et-overlay-subtitle {
  margin-top: 5px !important;
  color: #6a7791 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.et-overlay-body {
  padding: 6px 30px 34px !important;
  color: #24344d !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}


/* =========================================================
   14. RESPONSIVE
   ========================================================= */

@media only screen and (max-width: 1200px) {
  :root {
    --et-main-gap: 56px;
  }

  .et-hero-classic {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-bottom: 34px !important;
  }

  .et-hero-left {
    padding-top: 20px !important;
  }

  .et-hero-right {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .et-classic-illustration {
    height: 230px !important;
    border-right: 0 !important;
  }

  .et-main-hero-img {
    width: 420px !important;
    max-width: 100% !important;
  }

  .et-info-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #et-filter-region .t-Region-body > .container > .row {
    grid-template-columns:
      minmax(260px, 1.6fr)
      1fr
      1fr
      1fr
      130px !important;
    gap: 10px !important;
  }

  .et-report-grid {
    grid-template-columns: 1fr !important;
  }
}

@media only screen and (max-width: 980px) {
  #et-filter-region .t-Region-body > .container > .row {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  #P85_SEARCH_CONTAINER {
    grid-column: 1 / -1 !important;
  }

  #et_content .et-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #et_content .et-kpi-strip-item {
    border-right: 1px solid #dbe5dc !important;
    border-bottom: 1px solid #dbe5dc !important;
  }

  #et_content .et-kpi-strip-item:nth-child(2n) {
    border-right: 0 !important;
  }

  #et_content .et-kpi-strip-item:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
  }

  .et-report-row {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }

  .et-report-row-meta,
  .et-report-row-action {
    grid-column: 2 !important;
    text-align: left !important;
  }
}

@media only screen and (max-width: 760px) {
  :root {
    --et-main-gap: 28px;
  }

  .et-topbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
  }

  .et-breadcrumb {
    flex-wrap: wrap !important;
    font-size: 13px !important;
  }

  .et-toplinks {
    gap: 18px !important;
    flex-wrap: wrap !important;
  }

  .et-hero-left {
    padding-top: 8px !important;
  }

  .et-hero-left h1 {
    font-size: 40px !important;
  }

  .et-hero-left p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .et-classic-illustration {
    height: 190px !important;
  }

  .et-main-hero-img {
    width: 360px !important;
  }

  .et-info-list {
    grid-template-columns: 1fr !important;
  }

  .et-top-tabs {
    flex-wrap: wrap !important;
  }

  .et-top-tab {
    min-width: 50% !important;
    width: 50% !important;
    height: 56px !important;
  }

  #et-filter-region .t-Region-body {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  #et-filter-region .t-Region-body > .container > .row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #P85_SEARCH_CONTAINER,
  #P85_STUDY_YEAR_CONTAINER,
  #P85_DISTRICT_ID_CONTAINER,
  #P85_LOCALITY_ID_CONTAINER,
  #P85_SEARCH,
  #P85_STUDY_YEAR,
  #P85_DISTRICT_ID,
  #P85_LOCALITY_ID,
  #P85_APPLY,
  #APPLY {
    height: 56px !important;
    min-height: 56px !important;
  }

  #et_content .et-kpi-strip {
    grid-template-columns: 1fr !important;
  }

  #et_content .et-kpi-strip-item {
    border-right: 0 !important;
    border-bottom: 1px solid #dbe5dc !important;
  }

  #et_content .et-kpi-strip-item:last-child {
    border-bottom: 0 !important;
  }

  .et-report-card,
  .et-report-row {
    padding: 16px !important;
  }

  .et-report-card {
    grid-template-columns: 50px minmax(0, 1fr) !important;
  }

  .et-report-action {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  .et-bottom-note {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px !important;
  }

  .et-overlay-modal {
    padding: 12px !important;
  }

  .et-overlay-dialog {
    width: calc(100vw - 24px) !important;
  }

  .et-overlay-head {
    padding: 26px 20px 14px !important;
  }

  .et-overlay-body {
    padding: 4px 20px 28px !important;
    font-size: 16px !important;
  }
}