/* ============================================================
   STATE DASHBOARD  (bee_dashboard_state_ prefix)
   ============================================================ */

.bee_dashboard_state_body {
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #626262;
  -webkit-font-smoothing: antialiased;
}

.bee_dashboard_state_img {
  max-width: 100%;
  display: block;
}

.bee_dashboard_state_states_dropdown {
  background-color: #ffffff;
  margin-top: 10px;
  display: block;
}

.bee_dashboard_state_state_item {
  padding: 7px 20px;
  font-size: 13px;
  color: #000000;
  cursor: pointer;
  margin-bottom: 5px;
  transition: background-color 0.2s ease;
  border-radius: 20px;
}

.bee_dashboard_state_state_item:hover {
  background-color: #f3f4f6;
}

.bee_dashboard_state_state_item.bee_dashboard_state_selected {
  background-color: #33378c;
  color: #ffffff;
  font-weight: 500;
}

.bee_dashboard_state_state_item_disabled {
  color: #b0b0b0;
  cursor: not-allowed;
  pointer-events: none;
}

#bee_dashboard_state_dashboard_layout {
  background-color: #ffffff;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  max-width: 100vw;
  width: 100%;
}

.bee_dashboard_state_dashboard_container {
  width: 100%;
  display: flex;
  background-color: #ffffff;
  position: relative;
  box-sizing: border-box;
}

.bee_dashboard_state_sidebar {
  width: 250px;
  flex-shrink: 0;
  padding: 18px 30px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-sizing: border-box;
  overflow-x: hidden;
}

.bee_dashboard_state_sidebar_content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.bee_dashboard_state_brand_logo {
  width: 200px;
  height: auto;
  margin-bottom: 37px;
}

.bee_dashboard_state_nav_item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.bee_dashboard_state_nav_text {
  font-weight: 700;
  font-size: 15px;
  color: #33378c;
  font-family: 'Poppins', sans-serif !important;
}

.bee_dashboard_state_sidebar_footer {
  margin-bottom: 20px;
  margin-top: 25px;
}

.bee_dashboard_state_footer_logo {
  width: 112px;
  height: auto;
  display: none;
  margin-bottom: 14px;
}

.bee_dashboard_state_copyright {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}

.bee_dashboard_state_main_content {
  flex-grow: 1;
  background-color: #ecfaf2;
  border-radius: 16px;
  padding: 30px 30px;
  margin: 18px 18px 18px 0;
  min-width: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}

.bee_dashboard_state_header_section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  width: 100%;
}

.bee_dashboard_state_state_title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.35em;
  color: #1DA154;
  margin: 0;
  padding: 0;
}

/* ---- Responsive ---- */
@media (max-width: 992px) {
  .bee_dashboard_state_dashboard_container { flex-direction: column; max-width: 100vw; }
  .bee_dashboard_state_sidebar { width: 100%; padding: 20px; }
  .bee_dashboard_state_main_content { margin: 0; border-radius: 0; padding: 24px 20px; width: 100%; max-width: 100vw; box-sizing: border-box; }
}

@media (max-width: 768px) {
  .bee_dashboard_state_main_content { padding: 20px 15px; }
}

/* ============================================================
   MAIN CONTENT AREA (bee_dashboard_state__ prefix)
   ============================================================ */

/* ---- Stat Cards ---- */
.bee_dashboard_state__stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}

.bee_dashboard_state__stat-card {
  background: #fff;
  border: 1px solid #e0e8e3;
  border-radius: 10px;
  padding: 18px 20px 20px;
}

.bee_dashboard_state__stat-card--highlight {
  background: #1c8c4e;
  border-color: #1c8c4e;
}

.bee_dashboard_state__stat-label {
  font-size: 13px;
  color: #777;
  line-height: 1.45;
  margin-bottom: 14px;
}

.bee_dashboard_state__stat-card--highlight .bee_dashboard_state__stat-label {
  color: rgba(255, 255, 255, 0.8);
}

.bee_dashboard_state__stat-number {
  font-size: 32px;
  font-weight: 700;
  color: #1c8c4e;
  word-break: break-word;
  line-height: 1.2;
}

.bee_dashboard_state__stat-number--text {
  font-size: 13px;
  font-weight: 500;
  color: #999;
}

.bee_dashboard_state__stat-card--highlight .bee_dashboard_state__stat-number {
  color: #fff;
}

/* ---- Tab Bar ---- */
.bee_dashboard_state__tab-bar {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 24px;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.bee_dashboard_state__tab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  border-radius: 20px 20px 0px 0px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
  border: none;
  outline: none;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: 'Inter', sans-serif;
}

.bee_dashboard_state__tab--active   { background-color: #ffffff; color: #10b981; font-weight: 600; }
.bee_dashboard_state__tab--inactive { background-color: #e5e7eb; color: #9ca3af; cursor: pointer; }
.bee_dashboard_state__tab--inactive:hover { background-color: #d1d5db; }
.bee_dashboard_state__tab--disabled { background-color: #f3f4f6; color: #d1d5db; cursor: not-allowed; pointer-events: none; opacity: 0.6; }

.bee_dashboard_state__tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 10.5px;
  font-weight: 700;
  padding: 0 2px;
}

.bee_dashboard_state__tab--active .bee_dashboard_state__tab-badge   { background: #10b981; color: #fff; }
.bee_dashboard_state__tab--inactive .bee_dashboard_state__tab-badge { background: #c4c9d0; color: #6b7280; }

/* ---- Registry Header ---- */
.bee_dashboard_state__registry-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.bee_dashboard_state__registry-title {
  font-size: 18px;
  font-weight: 700;
  color: #1c8c4e;
  margin-bottom: 3px;
}

.bee_dashboard_state__registry-sub {
  font-size: 12.5px;
  color: #999;
}

.bee_dashboard_state__action-btns {
  display: flex;
  gap: 10px;
}

.bee_dashboard_state__action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border: 1px solid #cdd6cf;
  border-radius: 8px;
  background: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: background 0.15s;
  background-color: #f3f4f6;
    color: #d1d5db;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

.bee_dashboard_state__action-btn:hover { background: #f5f5f5; }

/* ---- Table ---- */
.bee_dashboard_state__table-wrap {
  background: #fff;
  border: 1px solid #e0e8e3;
  border-radius: 10px;
  overflow-x: auto;
}

/* ---- Pagination ---- */
.bee_dashboard_state__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.bee_dashboard_state__page-btn {
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #d6dcd8;
  border-radius: 6px;
  background: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: #444;
  cursor: pointer;
  transition: background 0.15s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bee_dashboard_state__page-btn:hover:not(:disabled) { background: #f0f4f1; }
.bee_dashboard_state__page-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.bee_dashboard_state__page-btn--active { background: #1c8c4e; color: #fff; border-color: #1c8c4e; }
.bee_dashboard_state__page-btn--active:hover { background: #167a43; }
.bee_dashboard_state__page-dots { padding: 0 4px; color: #999; font-size: 13px; }

/* Sr No column hidden */
/* .bee_dashboard_state__table th:first-child,
.bee_dashboard_state__table td:first-child { display: none; } */

/* end Sr No column hidden */

.bee_dashboard_state__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.bee_dashboard_state__table thead tr {
  background: #f8faf9;
  border-bottom: 1px solid #e8efe9;
}

.bee_dashboard_state__table thead th {
  padding: 13px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  color: #444;
  white-space: nowrap;
}

.bee_dashboard_state__table tbody tr {
  border-bottom: 1px solid #f0f4f1;
  transition: background 0.12s;
}

.bee_dashboard_state__table tbody tr:last-child { border-bottom: none; }
.bee_dashboard_state__table tbody tr:hover { background: #fafcfa; }

.bee_dashboard_state__table tbody td {
  padding: 18px 16px;
  color: #333;
  vertical-align: middle;
}

/* ---- Building Cell ---- */
.bee_dashboard_state__building-cell {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.bee_dashboard_state__building-bar {
  width: 3px;
  display: none;
  height: 40px;
  background: #d0e8d8;
  border-radius: 2px;
  flex-shrink: 0;
  margin-top: 2px;
}

.bee_dashboard_state__building-name {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 3px;
}

.bee_dashboard_state__building-by {
  font-size: 11.5px;
  color: #aaa;
}

/* ---- Status ---- */
.bee_dashboard_state__status              { display: inline-block; padding: 3px 0; font-size: 13px; font-weight: 500; }
.bee_dashboard_state__status--approved   { color: #333; }
.bee_dashboard_state__status--in-process { color: #333; }
.bee_dashboard_state__status--ens        { color: #1c8c4e; font-weight: 600; }

/* ---- Location Cell ---- */
.bee_dashboard_state__location-city  { font-size: 13.5px; color: #222; margin-bottom: 2px; }
.bee_dashboard_state__location-state { font-size: 11.5px; color: #aaa; }

/* ---- View Button ---- */
.bee_dashboard_state__view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #1a73e8;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
}

.bee_dashboard_state__view-btn:hover { background: #e8f0fe; }
.bee_dashboard_state__view-btn svg { display: block; }

/* ============================================================
   DEVELOPERS TABLE  (bee_dashboard_state_developers__ prefix)
   ============================================================ */

.bee_dashboard_state_developers__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.bee_dashboard_state_developers__table thead tr {
  background: #f8faf9;
  border-bottom: 1px solid #e8efe9;
}

.bee_dashboard_state_developers__table thead th {
  padding: 13px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  color: #444;
  white-space: nowrap;
}

.bee_dashboard_state_developers__table tbody tr {
  border-bottom: 1px solid #f0f4f1;
  transition: background 0.12s;
}

.bee_dashboard_state_developers__table tbody tr:last-child { border-bottom: none; }
.bee_dashboard_state_developers__table tbody tr:hover { background: #fafcfa; }

.bee_dashboard_state_developers__table tbody td {
  padding: 14px 16px;
  color: #333;
  vertical-align: middle;
}

/* Status badges */
.bee_dashboard_state_developers__badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.bee_dashboard_state_developers__badge--active    { background: #e6f4ea; color: #1c8c4e; }
.bee_dashboard_state_developers__badge--inactive  { background: #f3f4f6; color: #888; }
.bee_dashboard_state_developers__badge--suspended { background: #fff3e0; color: #e07b00; }

/* Auditors table */
.bee_dashboard_state_auditors__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.bee_dashboard_state_auditors__table thead tr {
  background: #f5f9f6;
}

.bee_dashboard_state_auditors__table thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  color: #444;
  white-space: nowrap;
}

.bee_dashboard_state_auditors__table tbody tr {
  border-bottom: 1px solid #f0f4f1;
  transition: background 0.12s;
}

.bee_dashboard_state_auditors__table tbody tr:last-child { border-bottom: none; }
.bee_dashboard_state_auditors__table tbody tr:hover { background: #fafcfa; }

.bee_dashboard_state_auditors__table tbody td {
  padding: 14px 16px;
  color: #333;
  vertical-align: middle;
}

/* Auditor status badges */
.bee_dashboard_state_auditors__badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.bee_dashboard_state_auditors__badge--approved { background: #e6f4ea; color: #1c8c4e; }
.bee_dashboard_state_auditors__badge--pending  { background: #fff3e0; color: #e07b00; }
.bee_dashboard_state_auditors__badge--rejected { background: #fde8e8; color: #c0392b; }

/* ── REPORT TAB ── */
.bee_state_report__wrapper {
  font-family: 'Inter', sans-serif;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px 32px 32px;
  width: 100%;
  /* max-width: 1100px; */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.bee_state_report__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bee_state_report__title {
  font-size: 18px;
  font-weight: 700;
  color: #16a34a;
}

.bee_state_report__subtitle {
  font-size: 13.5px;
  color: #6b7280;
  line-height: 1.5;
}

.bee_state_report__filter_row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.bee_state_report__field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.bee_state_report__label {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

.bee_state_report__select_wrap {
  position: relative;
}

.bee_state_report__select {
  width: 100%;
  padding: 10px 38px 10px 14px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #374151;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s;
}

.bee_state_report__select:focus {
  border-color: #16a34a;
}

.bee_state_report__select_icon {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #9ca3af;
  pointer-events: none;
}

.bee_state_report__date_wrap {
  position: relative;
}

.bee_state_report__date_input {
  width: 100%;
  padding: 0px 38px 3px 14px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #374151;
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
}

.bee_state_report__date_input:focus {
  border-color: #16a34a;
}

.bee_state_report__date_input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 38px;
  height: 100%;
  cursor: pointer;
}

.bee_state_report__date_icon {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #9ca3af;
  pointer-events: none;
}

.bee_state_report__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #16a34a;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  padding: 13px 32px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  width: fit-content;
  transition: background 0.2s ease;
}

.bee_state_report__btn:hover {
  background: #15803d;
}

.bee_state_report__btn_icon {
  font-size: 15px;
}

@media (max-width: 768px) {
  .bee_state_report__filter_row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .bee_state_report__wrapper {
    padding: 20px 16px 24px;
  }
  .bee_state_report__filter_row {
    grid-template-columns: 1fr;
  }
}