/* Aba Secretarias — CSS próprio (não altera #pmtab-acao / pm-action-glass.css) */

body.map-source-active #pmtab-secretarias.pm-sb-panel,
html body.pm-liquid-v2.map-source-active #pmtab-secretarias.pm-sb-panel,
html body.pm-liquid-v2 .censo-integrated[data-active-source="mapa"] #pmtab-secretarias.pm-sb-panel {
  background: transparent !important;
  background-color: transparent !important;
}

#pmtab-secretarias.pm-sb-panel:not(.active) {
  display: none !important;
}

#pmtab-secretarias.pm-sb-panel.active {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  gap: 10px !important;
}

#pmtab-secretarias #pmSecListView,
#pmtab-secretarias #pmSecDetailView {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  gap: 10px !important;
}

#pmtab-secretarias #pmSecListView[hidden],
#pmtab-secretarias #pmSecDetailView[hidden] {
  display: none !important;
}

/* Card glass */
#pmtab-secretarias .pm-sec-glass-card,
#pmtab-secretarias .pm-sec-dash-glass {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(32px) saturate(1.55) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.55) brightness(1.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 8px 24px rgba(15, 35, 71, 0.1) !important;
}

#pmtab-secretarias .pm-sec-glass-card .pm-layers-card-body,
#pmtab-secretarias .pm-sec-dash-glass .pm-layers-card-body {
  background: transparent !important;
  padding: 2px 0 !important;
  border: none !important;
  box-shadow: none !important;
}

#pmtab-secretarias .pm-sec-cats {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Linhas da lista / dashboards */
#pmtab-secretarias .pm-sec-nav-item,
#pmtab-secretarias .pm-sec-dash-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(26, 43, 60, 0.08) !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font: inherit !important;
  text-align: left !important;
  color: #646b6f !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#pmtab-secretarias .pm-sec-nav-item:last-child,
#pmtab-secretarias .pm-sec-dash-item:last-child {
  border-bottom: none !important;
}

#pmtab-secretarias .pm-sec-nav-item:hover,
#pmtab-secretarias .pm-sec-dash-item:hover {
  background: rgba(255, 255, 255, 0.16) !important;
}

#pmtab-secretarias .pm-sec-nav-icon {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border: none !important;
  color: #646b6f !important;
}

#pmtab-secretarias .pm-sec-nav-icon :is(.icon, .icon svg, svg, svg *) {
  width: 18px !important;
  height: 18px !important;
  color: #646b6f !important;
  stroke: #646b6f !important;
}

#pmtab-secretarias .pm-sec-nav-count {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  margin-left: auto !important;
  border-radius: 999px !important;
  border: none !important;
  background: #2563eb !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#pmtab-secretarias .pm-sec-nav-text,
#pmtab-secretarias .pm-sec-dash-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#pmtab-secretarias .pm-sec-nav-title,
#pmtab-secretarias .pm-sec-dash-title {
  color: #646b6f !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

#pmtab-secretarias .pm-sec-nav-sub,
#pmtab-secretarias .pm-sec-dash-sub {
  color: #646b6f !important;
  font-size: 11px !important;
  opacity: 0.88 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

/* Header + voltar */
#pmtab-secretarias .pm-sec-cat-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

#pmtab-secretarias .pm-sec-cat-title {
  color: #646b6f !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

#pmtab-secretarias .pm-sec-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.72) !important;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%) !important;
  color: #fff !important;
  cursor: pointer !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 4px 14px rgba(37, 99, 235, 0.28) !important;
}

#pmtab-secretarias .pm-sec-back-btn svg,
#pmtab-secretarias .pm-sec-back-btn svg * {
  color: #fff !important;
  stroke: #fff !important;
}

/* Hero */
#pmtab-secretarias .pm-sec-hero {
  position: relative !important;
  padding: 18px 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(37, 99, 235, 0.72) !important;
  color: #fff !important;
  background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 38%, #2563eb 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 8px 22px rgba(37, 99, 235, 0.28) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

#pmtab-secretarias .pm-sec-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(255, 255, 255, 0) 72%) !important;
  pointer-events: none !important;
}

#pmtab-secretarias .pm-sec-hero-body {
  position: relative !important;
  z-index: 1 !important;
}

#pmtab-secretarias .pm-sec-hero-main {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

#pmtab-secretarias .pm-sec-hero-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}

#pmtab-secretarias .pm-sec-hero-icon :is(.icon, .icon svg, svg, svg *) {
  width: 20px !important;
  height: 20px !important;
  color: #fff !important;
  stroke: #fff !important;
}

#pmtab-secretarias .pm-sec-hero-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#pmtab-secretarias .pm-sec-hero-title {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

#pmtab-secretarias .pm-sec-hero-desc {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* Lista wrap */
#pmtab-secretarias .pm-sec-list-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  margin-top: 10px !important;
}

#pmtab-secretarias .pm-sec-list-head {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}

#pmtab-secretarias .pm-sec-list-head-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%) !important;
  color: #fff !important;
}

#pmtab-secretarias .pm-sec-list-head-icon svg,
#pmtab-secretarias .pm-sec-list-head-icon svg * {
  color: #fff !important;
  stroke: #fff !important;
}

#pmtab-secretarias .pm-sec-list-head-title {
  color: #3f4d63 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#pmtab-secretarias .pm-sec-list-head-sub {
  color: #7a8496 !important;
  font-size: 11px !important;
}

#pmtab-secretarias .pm-sec-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 28px 18px !important;
  color: #7a8496 !important;
}

#pmtab-secretarias .pm-sec-empty strong {
  color: #5a6578 !important;
}