/*! Zona Activa 1.8.3 | Light Canon UI · interface-only */

/* ========================================================================== 
   0. Canon visual
   - Light-first. Dark is an explicit alternate mode, never inferred from
     unrelated chrome.
   - One map, one contextual panel, compact control islands.
   ========================================================================== */
.za-app.za-visual-v183,
.za-admin-wrap.za-visual-v183 {
  --za-183-ink: #0a102f;
  --za-183-ink-2: #18204a;
  --za-183-muted: #68718f;
  --za-183-muted-2: #9097ad;
  --za-183-bg: #f6f8fc;
  --za-183-canvas: #eef3f8;
  --za-183-surface: rgba(255,255,255,.92);
  --za-183-surface-solid: #fff;
  --za-183-soft: #f1f4fa;
  --za-183-soft-violet: #f4f0ff;
  --za-183-line: rgba(30,45,94,.11);
  --za-183-line-strong: rgba(68,61,139,.20);
  --za-183-cyan: #00c8ff;
  --za-183-blue: #3476ff;
  --za-183-violet: #7a4dff;
  --za-183-violet-strong: #6335e8;
  --za-183-magenta: #e72acb;
  --za-183-pink: #f0329c;
  --za-183-green: #16845f;
  --za-183-amber: #b36a0d;
  --za-183-red: #c83e5a;
  --za-183-spectrum: linear-gradient(100deg,#3476ff 0%,#7a4dff 42%,#e72acb 78%,#ff6b76 100%);
  --za-183-shadow: 0 24px 70px rgba(27,38,88,.14);
  --za-183-shadow-sm: 0 10px 30px rgba(27,38,88,.09);
  --za-183-shadow-float: 0 18px 52px rgba(25,31,77,.18);
  --za-183-radius-xl: 28px;
  --za-183-radius-lg: 22px;
  --za-183-radius-md: 16px;
  --za-183-radius-sm: 12px;
  --za-183-control: 44px;
  --za-183-panel: 392px;
  --za-183-bar: 56px;
  color: var(--za-183-ink);
  color-scheme: light;
  isolation: isolate;
}

.za-app.za-visual-v183[data-theme="dark"],
.za-app.za-visual-v183[data-za-theme-mode="dark"],
.za-admin-wrap.za-visual-v183[data-theme="dark"] {
  --za-183-ink: #f6f7ff;
  --za-183-ink-2: #e2e6fb;
  --za-183-muted: #b7bdd5;
  --za-183-muted-2: #858da9;
  --za-183-bg: #080b1d;
  --za-183-canvas: #0d1427;
  --za-183-surface: rgba(17,22,50,.92);
  --za-183-surface-solid: #121832;
  --za-183-soft: #1a2140;
  --za-183-soft-violet: #241c46;
  --za-183-line: rgba(196,201,239,.13);
  --za-183-line-strong: rgba(196,201,239,.22);
  --za-183-shadow: 0 28px 80px rgba(0,0,0,.36);
  --za-183-shadow-sm: 0 12px 34px rgba(0,0,0,.25);
  --za-183-shadow-float: 0 22px 70px rgba(0,0,0,.42);
  color-scheme: dark;
}

.za-app.za-visual-v183,
.za-app.za-visual-v183 * {
  box-sizing: border-box;
}

.za-app.za-visual-v183 {
  min-width: 0;
  max-width: 100%;
  min-height: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 3% 1%, rgba(231,42,203,.06), transparent 26rem),
    radial-gradient(circle at 98% 100%, rgba(0,200,255,.07), transparent 28rem),
    var(--za-183-bg);
  color: var(--za-183-ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;
  letter-spacing: -.012em;
}

.za-app.za-visual-v183 button,
.za-app.za-visual-v183 input,
.za-app.za-visual-v183 select,
.za-app.za-visual-v183 textarea,
.za-app.za-visual-v183 summary {
  font: inherit;
}

.za-app.za-visual-v183 :focus-visible {
  outline: 3px solid rgba(52,118,255,.22);
  outline-offset: 2px;
}

.za-app.za-visual-v183 h1,
.za-app.za-visual-v183 h2,
.za-app.za-visual-v183 h3,
.za-app.za-visual-v183 h4,
.za-app.za-visual-v183 strong {
  color: var(--za-183-ink);
}

.za-app.za-visual-v183 p,
.za-app.za-visual-v183 small,
.za-app.za-visual-v183 em {
  color: var(--za-183-muted);
}

.za-app.za-visual-v183 .za-eyebrow {
  color: var(--za-183-violet-strong);
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.za-app.za-visual-v183 .za-eyebrow:empty {
  display: none;
}

.za-app.za-visual-v183 .kes-card {
  border: 1px solid var(--za-183-line);
  background: var(--za-183-surface);
  box-shadow: var(--za-183-shadow-sm);
  color: var(--za-183-ink);
}

.za-app.za-visual-v183 .za-btn,
.za-app.za-visual-v183 .za-icon-btn,
.za-app.za-visual-v183 .za-tab,
.za-app.za-visual-v183 summary {
  min-height: var(--za-183-control);
  border-radius: 13px;
}

.za-app.za-visual-v183 .za-btn {
  gap: 8px;
  font-weight: 760;
  letter-spacing: -.01em;
}

.za-app.za-visual-v183 .za-btn--primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(105deg,var(--za-183-violet-strong),var(--za-183-magenta));
  box-shadow: 0 10px 24px rgba(121,77,255,.22);
}

.za-app.za-visual-v183 .za-btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(121,77,255,.27);
}

.za-app.za-visual-v183 .za-btn--secondary,
.za-app.za-visual-v183 .za-btn--ghost,
.za-app.za-visual-v183 .za-icon-btn {
  color: var(--za-183-ink-2);
  border-color: var(--za-183-line);
  background: var(--za-183-surface-solid);
  box-shadow: none;
}

.za-app.za-visual-v183 .za-btn--secondary:hover,
.za-app.za-visual-v183 .za-btn--ghost:hover,
.za-app.za-visual-v183 .za-icon-btn:hover {
  color: var(--za-183-violet-strong);
  border-color: rgba(122,77,255,.30);
  background: color-mix(in srgb,var(--za-183-soft-violet) 70%,var(--za-183-surface-solid));
}

.za-app.za-visual-v183 input,
.za-app.za-visual-v183 select,
.za-app.za-visual-v183 textarea,
.za-app.za-visual-v183 .za-input,
.za-app.za-visual-v183 .za-select {
  color: var(--za-183-ink);
  border: 1px solid var(--za-183-line);
  border-radius: 13px;
  background: var(--za-183-surface-solid);
  box-shadow: none;
}

.za-app.za-visual-v183 input:focus,
.za-app.za-visual-v183 select:focus,
.za-app.za-visual-v183 textarea:focus,
.za-app.za-visual-v183 .za-input:focus,
.za-app.za-visual-v183 .za-select:focus {
  border-color: rgba(122,77,255,.48);
  box-shadow: 0 0 0 4px rgba(122,77,255,.09);
  outline: 0;
}

/* ========================================================================== 
   1. Map-first shell
   ========================================================================== */
.za-app.za-visual-v183 .za-map-first-main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.za-app.za-visual-v183 .za-map-first {
  position: relative;
  width: 100%;
  height: var(--za-map-first-height, 100dvh);
  min-height: 610px;
  overflow: hidden;
  border-radius: 0;
  background: var(--za-183-canvas);
}

.za-app.za-visual-v183 .za-map-first-canvas {
  position: absolute;
  inset: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--za-183-canvas);
}

.za-app.za-visual-v183 .za-map-first-stage,
.za-app.za-visual-v183 .za-map-stage {
  position: absolute;
  inset: 0;
  min-height: 100%;
  border-radius: 0;
  background:
    linear-gradient(rgba(59,77,120,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,77,120,.035) 1px,transparent 1px),
    #eef3f6;
  background-size: 64px 64px;
}

.za-app.za-visual-v183[data-theme="dark"] .za-map-first-stage,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-map-first-stage {
  background: var(--za-183-canvas);
}

/* Three compact islands; no giant full-width banner. */
.za-app.za-visual-v183 .za-map-first-bar {
  position: absolute !important;
  z-index: 760;
  top: 12px;
  left: 14px;
  right: 14px;
  width: auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  pointer-events: none;
}

.za-app.za-visual-v183 .za-map-first-island {
  min-width: 0;
  min-height: var(--za-183-bar);
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px;
  border: 1px solid var(--za-183-line);
  border-radius: 18px;
  background: rgba(255,255,255,.90);
  box-shadow: var(--za-183-shadow-sm);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  backdrop-filter: blur(20px) saturate(145%);
  pointer-events: auto;
}

.za-app.za-visual-v183[data-theme="dark"] .za-map-first-island,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-map-first-island {
  background: rgba(15,20,45,.90);
}

.za-app.za-visual-v183 .za-map-first-island--context {
  justify-self: start;
  max-width: 290px;
}

.za-app.za-visual-v183 .za-map-first-island--workflow {
  justify-self: center;
  width: fit-content;
  max-width: min(760px,100%);
  overflow: visible;
}

.za-app.za-visual-v183 .za-map-first-island--tools {
  justify-self: end;
}

.za-app.za-visual-v183 .za-map-first-home {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 13px;
  color: var(--za-183-violet-strong);
  background: var(--za-183-soft-violet);
}

.za-app.za-visual-v183 .za-map-first-section > summary,
.za-app.za-visual-v183 .za-map-first-layers > summary {
  min-height: 42px;
  height: 42px;
  gap: 8px;
  padding: 0 12px;
  border: 0;
  border-radius: 13px;
  color: var(--za-183-ink);
  background: transparent;
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
}

.za-app.za-visual-v183 .za-map-first-section__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg,var(--za-183-cyan),var(--za-183-violet));
  box-shadow: 0 0 0 5px rgba(0,200,255,.08);
}

.za-app.za-visual-v183 .za-map-first-nav,
.za-app.za-visual-v183 .za-map-first-layers__panel {
  margin-top: 8px;
  border: 1px solid var(--za-183-line);
  border-radius: 18px;
  background: var(--za-183-surface-solid);
  box-shadow: var(--za-183-shadow-float);
}

.za-app.za-visual-v183 .za-map-first-nav button {
  color: var(--za-183-ink);
  border-radius: 11px;
}

.za-app.za-visual-v183 .za-map-first-nav button:hover,
.za-app.za-visual-v183 .za-map-first-nav button.is-active {
  color: var(--za-183-violet-strong);
  background: var(--za-183-soft-violet);
}

.za-app.za-visual-v183 .za-map-first-layers > summary,
.za-app.za-visual-v183 .za-map-first-locate {
  min-width: 42px;
  height: 42px;
  min-height: 42px;
}

.za-app.za-visual-v183 .za-map-first-locate span {
  display: none;
}

.za-app.za-visual-v183 .za-map-first-layers__panel {
  right: 0;
  width: min(340px,calc(100vw - 28px));
  padding: 14px;
}

.za-app.za-visual-v183 .za-layer-panel__header {
  margin-bottom: 10px;
}

.za-app.za-visual-v183 .za-atlas-control--layer-panel {
  margin-top: 10px;
  padding: 11px;
  border: 1px solid var(--za-183-line);
  border-radius: 14px;
  background: var(--za-183-soft);
}

.za-app.za-visual-v183 .za-map-first-context-controls:empty,
.za-app.za-visual-v183 .za-map-first-time:has(> [hidden]:only-child) {
  display: none;
}

.za-app.za-visual-v183 .za-map-first-context-controls {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.za-app.za-visual-v183 .za-map-first-prospect-controls {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.za-app.za-visual-v183 .za-map-first-prospect-switch,
.za-app.za-visual-v183 .za-mode-switch {
  padding: 3px;
  border: 1px solid var(--za-183-line);
  border-radius: 12px;
  background: var(--za-183-soft);
}

.za-app.za-visual-v183 .za-map-first-prospect-switch button,
.za-app.za-visual-v183 .za-mode-switch button {
  min-height: 34px;
  border-radius: 9px;
  color: var(--za-183-muted);
  background: transparent;
}

.za-app.za-visual-v183 .za-map-first-prospect-switch button.is-active,
.za-app.za-visual-v183 .za-mode-switch button.is-active {
  color: var(--za-183-violet-strong);
  background: var(--za-183-surface-solid);
  box-shadow: 0 5px 14px rgba(27,38,88,.09);
}

.za-app.za-visual-v183 .za-map-first-search {
  width: clamp(170px,17vw,260px);
  height: 38px;
  min-height: 38px;
  padding-inline: 12px;
}

.za-app.za-visual-v183 .za-map-first-stage-tags {
  max-width: 255px;
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.za-app.za-visual-v183 .za-map-first-stage-tags::-webkit-scrollbar { display:none; }

.za-app.za-visual-v183 .za-map-first-stage-tags button {
  min-width: max-content;
  min-height: 34px;
  padding-inline: 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--za-183-muted);
  background: transparent;
  font-size: .70rem;
}

.za-app.za-visual-v183 .za-map-first-stage-tags button.is-active {
  color: var(--za-183-violet-strong);
  border-color: rgba(122,77,255,.16);
  background: var(--za-183-soft-violet);
}

.za-app.za-visual-v183 .za-map-first-new {
  min-height: 38px;
  height: 38px;
  white-space: nowrap;
}

.za-app.za-visual-v183 .za-map-first-time {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 3px;
  border: 0;
  background: transparent;
}

.za-app.za-visual-v183 .za-map-first-time > .za-mode-switch {
  min-width: 146px;
}

.za-app.za-visual-v183 .za-map-first-history {
  min-width: 0;
  border-left: 1px solid var(--za-183-line);
}

/* ========================================================================== 
   2. Context panel
   ========================================================================== */
.za-app.za-visual-v183 .za-map-first-panel {
  position: absolute !important;
  z-index: 690;
  top: 82px !important;
  bottom: 14px !important;
  left: 14px !important;
  right: auto !important;
  width: var(--za-183-panel) !important;
  max-width: calc(100vw - 28px) !important;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--za-183-line) !important;
  border-radius: var(--za-183-radius-lg) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: var(--za-183-shadow-float) !important;
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}

.za-app.za-visual-v183[data-theme="dark"] .za-map-first-panel,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-map-first-panel {
  background: rgba(17,22,50,.95) !important;
}

.za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density="compact"] {
  width: 382px !important;
}
.za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density="medium"] {
  width: 402px !important;
}
.za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density="expanded"],
.za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context="prospects"],
.za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context="funnel"] {
  width: 430px !important;
}

.za-app.za-visual-v183 .za-immersive-context__header {
  flex: 0 0 auto;
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px 12px !important;
  border-bottom: 1px solid var(--za-183-line);
  background:
    radial-gradient(circle at 4% -30%,rgba(231,42,203,.10),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,250,255,.92));
}

.za-app.za-visual-v183[data-theme="dark"] .za-immersive-context__header,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-immersive-context__header {
  background:
    radial-gradient(circle at 4% -30%,rgba(231,42,203,.15),transparent 48%),
    linear-gradient(180deg,rgba(26,30,67,.98),rgba(17,22,50,.92));
}

.za-app.za-visual-v183 .za-map-first-panel-heading {
  min-width: 0;
  flex: 1;
}

.za-app.za-visual-v183 .za-map-first-panel-heading h3 {
  margin: 0 !important;
  color: var(--za-183-ink);
  font-size: 1.05rem !important;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.za-app.za-visual-v183 .za-map-first-panel-heading .za-eyebrow {
  display: none;
}

.za-app.za-visual-v183 .za-map-first-panel-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.za-app.za-visual-v183 .za-map-first-panel-header-actions .za-btn {
  min-height: 36px;
  height: 36px;
  padding: 0 10px;
  font-size: .70rem;
}

.za-app.za-visual-v183 .za-map-first-panel > .za-immersive-context__header > .za-icon-btn {
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.za-app.za-visual-v183 .za-map-first-panel .za-immersive-context__body {
  flex: 1 1 auto;
  min-height: 0;
  align-content: start !important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: grid;
  gap: 10px;
  padding: 12px !important;
  scrollbar-gutter: stable;
  background: transparent;
}

.za-app.za-visual-v183 .za-map-first-panel .za-immersive-context__body::-webkit-scrollbar {
  width: 9px;
}
.za-app.za-visual-v183 .za-map-first-panel .za-immersive-context__body::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: rgba(57,66,112,.22);
  background-clip: padding-box;
}

/* ========================================================================== 
   3. Competition: one title, one source, useful lower panel
   ========================================================================== */
.za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context="competition"] .za-immersive-context__body {
  gap: 9px;
}

.za-app.za-visual-v183 .za-competition-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 2px 0;
}

.za-app.za-visual-v183 .za-competition-context strong {
  display: block;
  font-size: .84rem;
}

.za-app.za-visual-v183 .za-competition-context p {
  margin: 3px 0 0;
  font-size: .70rem;
  line-height: 1.4;
}

.za-app.za-visual-v183 .za-competition-context .za-icon-btn {
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.za-app.za-visual-v183 .za-competition-layer-source {
  margin: 0;
  padding: 13px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 100% 0,rgba(231,42,203,.10),transparent 42%),
    var(--za-183-surface-solid) !important;
  box-shadow: none !important;
}

.za-app.za-visual-v183 .za-competition-layer-source .za-empty-inline {
  padding: 10px;
  color: var(--za-183-muted);
  font-size: .72rem;
}

.za-app.za-visual-v183 .za-competition-layer-source h3,
.za-app.za-visual-v183 .za-competition-layer-source strong {
  letter-spacing: -.02em;
}

/* Atlas navigation inserted by the integration, now a native panel section. */
.za-app.za-visual-v183 .za-atlas-navigation-v182 {
  width: 100%;
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--za-183-line);
  border-radius: 17px;
  background: var(--za-183-surface-solid);
  box-shadow: none;
  color: var(--za-183-ink);
}

.za-app.za-visual-v183 .za-atlas-navigation-v182 {
  position: relative;
  transition: border-color .16s ease, opacity .16s ease;
}

.za-app.za-visual-v183 .za-atlas-navigation-v182.is-loading {
  border-color: rgba(122,77,255,.24);
}

.za-app.za-visual-v183 .za-atlas-navigation-v182.is-loading::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 14px;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(122,77,255,.18);
  border-top-color: var(--za-183-violet-strong);
  border-radius: 50%;
  animation: za-v183-atlas-spin .7s linear infinite;
  pointer-events: none;
}

.za-app.za-visual-v183 .za-atlas-navigation-v182[aria-busy="true"] select:disabled,
.za-app.za-visual-v183 .za-atlas-navigation-v182[aria-busy="true"] input:disabled + label {
  cursor: wait;
}

.za-app.za-visual-v183 .za-atlas-navigation-v182[aria-busy="true"] select:disabled {
  opacity: .72;
}

@keyframes za-v183-atlas-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .za-app.za-visual-v183 .za-atlas-navigation-v182,
  .za-app.za-visual-v183 .za-atlas-navigation-v182.is-loading::after {
    transition: none;
    animation: none;
  }
}

.za-app.za-visual-v183 .za-joint-nav-top {
  display: grid;
  grid-template-columns: minmax(0,1fr) 128px;
  gap: 7px;
}

.za-app.za-visual-v183 .za-joint-search,
.za-app.za-visual-v183 .za-joint-district {
  min-width: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--za-183-line);
  border-radius: 11px;
  background: var(--za-183-soft);
  color: var(--za-183-muted);
}

.za-app.za-visual-v183 .za-joint-search input,
.za-app.za-visual-v183 .za-joint-district select,
.za-app.za-visual-v183 .za-joint-mode-row select {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  height: 38px;
  padding: 0 22px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--za-183-ink);
  box-shadow: none;
  font-size: .72rem;
}

.za-app.za-visual-v183 .za-joint-nav-tools {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 6px;
}

/* Zoom stays on the map rail; avoid duplicate controls inside the panel. */
.za-app.za-visual-v183 .za-joint-nav-button[data-action="zoomIn"],
.za-app.za-visual-v183 .za-joint-nav-button[data-action="zoomOut"] {
  display: none;
}

.za-app.za-visual-v183 .za-joint-nav-button {
  min-width: 0;
  min-height: 48px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 5px 4px;
  border: 1px solid var(--za-183-line);
  border-radius: 11px;
  background: var(--za-183-surface-solid);
  color: var(--za-183-ink-2);
  font-size: .61rem;
  font-weight: 800;
}

.za-app.za-visual-v183 .za-joint-nav-button > span:first-child {
  color: var(--za-183-violet-strong);
  font-size: 1rem;
}

.za-app.za-visual-v183 .za-joint-nav-button:hover {
  border-color: rgba(122,77,255,.28);
  background: var(--za-183-soft-violet);
}

.za-app.za-visual-v183 .za-joint-mode-row {
  display: grid;
  grid-template-columns: minmax(116px,.8fr) minmax(164px,1.2fr);
  gap: 7px;
  align-items: end;
}

.za-app.za-visual-v183 .za-joint-mode-row > label {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--za-183-muted);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.za-app.za-visual-v183 .za-joint-mode-row > label select {
  min-height: 38px;
  padding: 0 26px 0 9px;
  border: 1px solid var(--za-183-line);
  border-radius: 10px;
  background: var(--za-183-soft);
  text-transform: none;
  letter-spacing: normal;
}

.za-app.za-visual-v183 .za-joint-representation {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  margin: 0;
  padding: 3px;
  border: 1px solid var(--za-183-line);
  border-radius: 11px;
  background: var(--za-183-soft);
}

.za-app.za-visual-v183 .za-joint-representation legend,
.za-app.za-visual-v183 .za-joint-representation input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.za-app.za-visual-v183 .za-joint-representation label {
  min-height: 34px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 4px 6px;
  border-radius: 8px;
  color: var(--za-183-muted);
  font-size: .66rem;
  font-weight: 800;
  cursor: pointer;
}

.za-app.za-visual-v183 .za-joint-representation input:checked + label {
  color: var(--za-183-violet-strong);
  background: var(--za-183-surface-solid);
  box-shadow: 0 5px 14px rgba(27,38,88,.08);
}

.za-app.za-visual-v183 .za-joint-source-status {
  grid-column: 1/-1;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--za-183-muted);
  font-size: .61rem;
  font-weight: 800;
}

.za-app.za-visual-v183 .za-joint-source-status::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--za-183-amber);
  box-shadow: 0 0 0 4px rgba(179,106,13,.10);
}

.za-app.za-visual-v183 .za-joint-source-status[data-state="ready"]::before {
  background: var(--za-183-green);
  box-shadow: 0 0 0 4px rgba(22,132,95,.10);
}

.za-app.za-visual-v183 .za-joint-competition-summary {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--za-183-line);
  border-radius: 16px;
  background: var(--za-183-surface-solid);
}

.za-app.za-visual-v183 .za-joint-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.za-app.za-visual-v183 .za-joint-summary-head > span {
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--za-183-violet-strong);
  background: var(--za-183-soft-violet);
  font-size: .58rem;
  font-weight: 850;
}

.za-app.za-visual-v183 .za-joint-provider-list {
  display: grid;
  gap: 5px;
}

.za-app.za-visual-v183 .za-joint-provider-row {
  min-height: 31px;
  display: grid;
  grid-template-columns: 8px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 5px 7px;
  border-radius: 9px;
  background: var(--za-183-soft);
  font-size: .67rem;
}

.za-app.za-visual-v183 .za-competition-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.za-app.za-visual-v183 .za-competition-card {
  margin: 0 !important;
  padding: 12px !important;
  border-radius: 15px !important;
  background: var(--za-183-surface-solid) !important;
  box-shadow: none !important;
}

.za-app.za-visual-v183 .za-competition-card__top {
  align-items: flex-start;
}

.za-app.za-visual-v183 .za-competition-rank {
  color: var(--za-183-violet-strong);
  background: var(--za-183-soft-violet);
}

.za-app.za-visual-v183 .za-competition-card h3 {
  font-size: .86rem;
}

.za-app.za-visual-v183 .za-competition-card p,
.za-app.za-visual-v183 .za-competition-meta {
  font-size: .68rem;
  line-height: 1.42;
}

/* ========================================================================== 
   4. Prospects on the map
   ========================================================================== */
.za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context="prospects"] .za-immersive-context__body {
  padding: 10px !important;
}

.za-app.za-visual-v183 .za-map-first-prospect-list,
.za-app.za-visual-v183 .za-immersive-list {
  display: grid;
  align-content: start;
  gap: 7px;
}

.za-app.za-visual-v183 .za-immersive-prospect {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 6px;
  align-items: stretch;
  min-height: 82px;
  overflow: hidden;
  border: 1px solid var(--za-183-line);
  border-radius: 15px;
  background: var(--za-183-surface-solid);
  box-shadow: none;
}

.za-app.za-visual-v183 .za-immersive-prospect::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--za-183-spectrum);
}

.za-app.za-visual-v183 .za-immersive-prospect > button:first-child {
  min-width: 0;
  min-height: 82px;
  display: block;
  padding: 11px 8px 10px 13px;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
}

.za-app.za-visual-v183 .za-immersive-prospect > button:first-child > span {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 3px 8px;
}

.za-app.za-visual-v183 .za-immersive-prospect strong {
  grid-column: 1;
  font-size: .80rem;
  line-height: 1.2;
}

.za-app.za-visual-v183 .za-immersive-prospect small {
  grid-column: 2;
  grid-row: 1;
}

.za-app.za-visual-v183 .za-immersive-prospect em {
  grid-column: 1/-1;
  font-size: .64rem;
  font-style: normal;
  line-height: 1.3;
}

.za-app.za-visual-v183 .za-immersive-prospect .za-prospect-lifecycle-mini {
  grid-column: 1/-1;
  margin-top: 4px;
  padding: 0;
  border: 0;
  background: transparent;
}

.za-app.za-visual-v183 .za-immersive-prospect > .za-btn,
.za-app.za-visual-v183 .za-immersive-prospect__no-location {
  align-self: center;
  margin-right: 7px;
}


.za-app.za-visual-v183 .za-immersive-prospect > .za-btn[data-za-imm-prospect-center] {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  align-self: center;
  justify-content: center;
  margin-right: 8px;
  padding: 0;
  border-radius: 13px;
}

.za-app.za-visual-v183 .za-immersive-prospect > .za-btn[data-za-imm-prospect-center] > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.za-app.za-visual-v183 .za-stage-badge {
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 850;
}

.za-app.za-visual-v183 .za-prospect-detail--v160 {
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
}

.za-app.za-visual-v183 .za-prospect-hero {
  min-height: 126px;
  padding: 18px !important;
  border: 1px solid rgba(122,77,255,.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0,rgba(231,42,203,.16),transparent 42%),
    linear-gradient(135deg,#f8f5ff,#fff 65%);
  color: var(--za-183-ink);
}

.za-app.za-visual-v183[data-theme="dark"] .za-prospect-hero,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-prospect-hero {
  background:
    radial-gradient(circle at 100% 0,rgba(231,42,203,.18),transparent 42%),
    linear-gradient(135deg,#251c49,#151a37 65%);
}

.za-app.za-visual-v183 .za-prospect-avatar {
  background: linear-gradient(135deg,var(--za-183-violet),var(--za-183-magenta));
  box-shadow: 0 10px 24px rgba(122,77,255,.20);
}

.za-app.za-visual-v183 .za-prospect-hero h2,
.za-app.za-visual-v183 .za-prospect-hero p,
.za-app.za-visual-v183 .za-prospect-hero .za-eyebrow {
  color: var(--za-183-ink);
}

.za-app.za-visual-v183 .za-prospect-hero .za-eyebrow {
  color: var(--za-183-violet-strong);
}

.za-app.za-visual-v183 .za-prospect-detail--v160 > .za-prospect-detail__body {
  display: grid;
  gap: 9px;
  padding: 10px 0 4px !important;
}

.za-app.za-visual-v183 .za-prospect-section,
.za-app.za-visual-v183 .za-prospect-facts > div,
.za-app.za-visual-v183 .za-prospect-detail__recommendation,
.za-app.za-visual-v183 .za-prospect-detail__timeline-item {
  border: 1px solid var(--za-183-line);
  border-radius: 15px;
  background: var(--za-183-surface-solid);
  box-shadow: none;
}

.za-app.za-visual-v183 .za-prospect-section {
  padding: 13px;
}

.za-app.za-visual-v183 .za-prospect-lifecycle--v160 .za-lifecycle-tags button {
  min-height: 38px;
  color: var(--za-183-muted);
  border-color: var(--za-183-line);
  background: var(--za-183-soft);
}

.za-app.za-visual-v183 .za-prospect-lifecycle--v160 .za-lifecycle-tags button.is-active,
.za-app.za-visual-v183 .za-prospect-lifecycle--v160 .za-lifecycle-tags button.is-complete {
  color: var(--za-183-violet-strong);
  border-color: rgba(122,77,255,.20);
  background: var(--za-183-soft-violet);
}

.za-app.za-visual-v183 .za-prospect-action-row {
  gap: 7px;
}

.za-app.za-visual-v183 .za-prospect-action-row .za-btn {
  min-height: 43px;
}


/* Prospectos: filtros en el panel, no en una franja horizontal desperdiciada. */
.za-app.za-visual-v183 .za-map-first-context-controls[hidden] {
  display: none !important;
}

.za-app.za-visual-v183 .za-v183-prospect-tools {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 8px;
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid var(--za-183-line);
  border-radius: 16px;
  background: color-mix(in srgb,var(--za-183-soft) 70%,var(--za-183-surface-solid));
}

.za-app.za-visual-v183 .za-v183-prospect-tools .za-map-first-prospect-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 4px;
  border: 1px solid var(--za-183-line);
  border-radius: 12px;
  background: var(--za-183-surface-solid);
}

.za-app.za-visual-v183 .za-v183-prospect-tools .za-map-first-prospect-switch button {
  min-height: 36px;
  border-radius: 9px;
  font-size: .69rem;
  font-weight: 800;
}

.za-app.za-visual-v183 .za-v183-prospect-tools .za-map-first-search {
  width: 100%;
  min-height: 42px;
  padding-inline: 12px;
}

.za-app.za-visual-v183 .za-v183-prospect-tools .za-map-first-stage-tags {
  display: flex;
  width: 100%;
  max-width: 100%;
  gap: 5px;
  padding: 1px 0 3px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

.za-app.za-visual-v183 .za-v183-prospect-tools .za-map-first-stage-tags::-webkit-scrollbar {
  display: none;
}

.za-app.za-visual-v183 .za-v183-prospect-tools .za-map-first-stage-tags button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--za-183-line);
  border-radius: 999px;
  background: var(--za-183-surface-solid);
  color: var(--za-183-muted);
  font-size: .62rem;
  font-weight: 800;
}

.za-app.za-visual-v183 .za-v183-prospect-tools .za-map-first-stage-tags button.is-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(105deg,var(--za-183-violet-strong),var(--za-183-magenta));
  box-shadow: 0 7px 16px rgba(122,77,255,.18);
}

.za-app.za-visual-v183[data-za-v183-view="prospects"] .za-map-first-island--workflow {
  justify-self: center;
  width: auto;
  min-width: 0;
}

.za-app.za-visual-v183[data-za-v183-view="prospects"] .za-map-first-island--workflow .za-map-first-time {
  margin: 0;
}

/* Floating, derived summaries. */
.za-app.za-visual-v183 .za-v183-map-summary,
.za-app.za-visual-v183 .za-v183-map-legend,
.za-app.za-visual-v183 .za-v183-atlas-pill {
  position: absolute;
  z-index: 620;
  border: 1px solid var(--za-183-line);
  background: rgba(255,255,255,.91);
  box-shadow: var(--za-183-shadow-float);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
}

.za-app.za-visual-v183[data-theme="dark"] .za-v183-map-summary,
.za-app.za-visual-v183[data-theme="dark"] .za-v183-map-legend,
.za-app.za-visual-v183[data-theme="dark"] .za-v183-atlas-pill,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-v183-map-summary,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-v183-map-legend,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-v183-atlas-pill {
  background: rgba(17,22,50,.92);
}

.za-app.za-visual-v183 .za-v183-atlas-pill {
  top: 82px;
  right: 16px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border-radius: 999px;
  color: var(--za-183-green);
  font-size: .67rem;
  font-weight: 850;
}

.za-app.za-visual-v183 .za-v183-atlas-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px color-mix(in srgb,currentColor 10%,transparent);
}

.za-app.za-visual-v183 .za-v183-atlas-pill[data-state="degraded"],
.za-app.za-visual-v183 .za-v183-atlas-pill[data-state="local"] {
  color: var(--za-183-amber);
}

.za-app.za-visual-v183 .za-v183-map-summary {
  left: calc(var(--za-183-panel) + 32px);
  bottom: 18px;
  width: min(430px,calc(100% - var(--za-183-panel) - 64px));
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
}

.za-app.za-visual-v183 .za-v183-map-summary__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.za-app.za-visual-v183 .za-v183-map-summary__head strong {
  font-size: .76rem;
}

.za-app.za-visual-v183 .za-v183-map-summary__head small {
  font-size: .61rem;
}

.za-app.za-visual-v183 .za-v183-map-summary__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
}

.za-app.za-visual-v183 .za-v183-map-summary__grid span {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 9px;
  border-radius: 12px;
  background: var(--za-183-soft);
}

.za-app.za-visual-v183 .za-v183-map-summary__grid b {
  color: var(--za-183-ink);
  font-size: 1rem;
}

.za-app.za-visual-v183 .za-v183-map-summary__grid em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .58rem;
  font-style: normal;
}

.za-app.za-visual-v183 .za-v183-map-legend {
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  max-width: min(680px,calc(100% - var(--za-183-panel) - 70px));
  display: flex;
  align-items: center;
  gap: 14px;
  overflow-x: auto;
  padding: 10px 14px;
  border-radius: 17px;
  scrollbar-width: none;
}
.za-app.za-visual-v183 .za-v183-map-legend::-webkit-scrollbar { display:none; }

.za-app.za-visual-v183 .za-v183-map-legend__item {
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--za-183-ink-2);
  font-size: .66rem;
  font-weight: 760;
}

.za-app.za-visual-v183 .za-v183-map-legend__item i {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: var(--legend-color,#7a4dff);
}

/* Map controls */
.za-app.za-visual-v183 .leaflet-control-container .leaflet-top.leaflet-left {
  top: 88px;
  left: auto;
  right: 16px;
}

.za-app.za-visual-v183 .leaflet-control-container .leaflet-bottom.leaflet-left {
  left: auto;
  right: 16px;
  bottom: 16px;
}

.za-app.za-visual-v183 .leaflet-control-zoom,
.za-app.za-visual-v183 .leaflet-bar {
  overflow: hidden;
  border: 1px solid var(--za-183-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--za-183-shadow-sm) !important;
}

.za-app.za-visual-v183 .leaflet-bar a {
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: var(--za-183-ink);
  border-color: var(--za-183-line);
  background: var(--za-183-surface-solid);
}

.za-app.za-visual-v183 .leaflet-control-attribution {
  color: var(--za-183-muted);
  background: rgba(255,255,255,.72);
}

/* ========================================================================== 
   5. Classic list fallback
   ========================================================================== */
.za-app.za-visual-v183 .za-standard-prospects-main,
.za-app.za-visual-v183 .za-main:not(.za-map-first-main) {
  width: min(1320px,100%);
  margin: 0 auto;
  padding: 22px clamp(12px,2vw,28px) 100px;
}

.za-app.za-visual-v183 .za-page-toolbar--prospects {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px,1fr) auto auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  padding: 16px;
  border-radius: 22px;
  background: var(--za-183-surface);
}

.za-app.za-visual-v183 .za-page-toolbar__copy .za-eyebrow,
.za-app.za-visual-v183 .za-page-toolbar__copy p {
  display: none;
}

.za-app.za-visual-v183 .za-page-toolbar__copy h2 {
  margin: 0;
  font-size: 1.35rem;
  letter-spacing: -.035em;
}

.za-app.za-visual-v183 .za-tabs--inline {
  min-width: 0;
  overflow-x: auto;
  padding: 4px;
  border: 1px solid var(--za-183-line);
  border-radius: 14px;
  background: var(--za-183-soft);
  scrollbar-width: none;
}
.za-app.za-visual-v183 .za-tabs--inline::-webkit-scrollbar { display:none; }

.za-app.za-visual-v183 .za-tabs--inline .za-tab {
  min-height: 38px;
  color: var(--za-183-muted);
}

.za-app.za-visual-v183 .za-tabs--inline .za-tab.is-active {
  color: var(--za-183-violet-strong);
  background: var(--za-183-surface-solid);
  box-shadow: 0 5px 14px rgba(27,38,88,.08);
}

.za-app.za-visual-v183 .za-prospect-filters {
  position: sticky;
  top: 8px;
  z-index: 50;
  display: grid;
  grid-template-columns: minmax(210px,.9fr) minmax(0,1.5fr) auto;
  gap: 8px;
  margin-bottom: 12px;
  padding: 9px;
  border-radius: 18px;
  background: rgba(255,255,255,.90);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.za-app.za-visual-v183 .za-prospect-stage-filter {
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.za-app.za-visual-v183 .za-prospect-stage-filter::-webkit-scrollbar { display:none; }

.za-app.za-visual-v183 .za-prospect-stage-filter button {
  min-height: 38px;
  color: var(--za-183-muted);
  border-color: transparent;
  background: transparent;
}

.za-app.za-visual-v183 .za-prospect-stage-filter button.is-active {
  color: var(--za-183-violet-strong);
  border-color: rgba(122,77,255,.16);
  background: var(--za-183-soft-violet);
}

.za-app.za-visual-v183 .za-prospect-grid {
  gap: 12px;
}

.za-app.za-visual-v183 .za-prospect-card--v160 {
  overflow: hidden;
  border: 1px solid var(--za-183-line);
  border-radius: 18px;
  background: var(--za-183-surface-solid);
  box-shadow: var(--za-183-shadow-sm);
}

.za-app.za-visual-v183 .za-prospect-card--v160::before {
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 0;
  background: var(--za-183-spectrum);
}

.za-app.za-visual-v183 .za-prospect-card__context,
.za-app.za-visual-v183 .za-prospect-card__actions {
  border-color: var(--za-183-line);
  background: var(--za-183-soft);
}

/* ========================================================================== 
   6. Theme consistency, utilities and motion
   ========================================================================== */
.za-app.za-visual-v183 .za-joint-suppress-duplicate-title,
.za-app.za-visual-v183 .za-v183-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.za-app.za-visual-v183 [data-za-search-hidden] {
  display: none !important;
}

.za-app.za-visual-v183 .screen-reader-text,
.za-app.za-visual-v183 .za-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.za-app.za-visual-v183 [hidden] {
  display: none !important;
}

.za-app.za-visual-v183 .za-spinner {
  border-color: rgba(122,77,255,.18);
  border-top-color: var(--za-183-violet);
}

.za-app.za-visual-v183 .za-toast {
  border-color: var(--za-183-line);
  background: var(--za-183-surface-solid);
  color: var(--za-183-ink);
  box-shadow: var(--za-183-shadow-float);
}

/* Avoid old visual stacks reappearing through cached class names. */
.za-app.za-visual-v183[data-za-map-first] [data-za-map-first-bar].za-joint-compact-toolbar,
.za-app.za-visual-v183[data-za-map-first] .za-map-first-canvas > .za-joint-compact-toolbar,
.za-app.za-visual-v183 [data-za-legacy-atlas-toolbar="true"],
.za-app.za-visual-v183 .za-joint-hide-legacy-source-control {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .za-app.za-visual-v183 *,
  .za-app.za-visual-v183 *::before,
  .za-app.za-visual-v183 *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* ========================================================================== 
   7. Responsive
   ========================================================================== */
@media (max-width: 1180px) {
  .za-app.za-visual-v183 {
    --za-183-panel: 370px;
  }

  .za-app.za-visual-v183 .za-map-first-island--workflow {
    max-width: 620px;
  }

  .za-app.za-visual-v183 .za-map-first-stage-tags {
    max-width: 175px;
  }

  .za-app.za-visual-v183 .za-v183-map-summary {
    width: min(380px,calc(100% - var(--za-183-panel) - 58px));
  }
}

@media (max-width: 980px) {
  .za-app.za-visual-v183 .za-map-first-bar {
    grid-template-columns: auto minmax(0,1fr) auto;
    left: 10px;
    right: 10px;
    top: 10px;
    gap: 7px;
  }

  .za-app.za-visual-v183 .za-map-first-island {
    min-height: 50px;
    padding: 4px;
    border-radius: 16px;
  }

  .za-app.za-visual-v183 .za-map-first-section > summary span:not(.za-map-first-section__dot),
  .za-app.za-visual-v183 .za-map-first-layers > summary span {
    display: none;
  }

  .za-app.za-visual-v183 .za-map-first-island--workflow {
    max-width: 500px;
  }

  .za-app.za-visual-v183 .za-map-first-prospect-switch {
    min-width: 148px !important;
  }

  .za-app.za-visual-v183 .za-map-first-search {
    width: 170px;
  }

  .za-app.za-visual-v183 .za-map-first-stage-tags {
    max-width: 116px;
  }

  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density],
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context] {
    width: 370px !important;
  }
}

@media (max-width: 767px) {
  .za-app.za-visual-v183 .za-map-first {
    min-height: 640px;
  }

  .za-app.za-visual-v183 .za-map-first-bar {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "context tools"
      "workflow workflow" !important;
    grid-template-rows: auto auto !important;
    align-items: start;
  }

  .za-app.za-visual-v183 .za-map-first-island--context {
    grid-area: context;
    max-width: min(180px,100%);
  }

  .za-app.za-visual-v183 .za-map-first-island--tools {
    grid-area: tools;
  }

  .za-app.za-visual-v183 .za-map-first-island--workflow {
    grid-area: workflow;
    justify-self: center;
    width: auto;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .za-app.za-visual-v183 .za-map-first-island--workflow::-webkit-scrollbar { display:none; }

  .za-app.za-visual-v183 .za-map-first-time {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 4px;
  }

  .za-app.za-visual-v183 .za-map-first-time > * {
    flex: 0 0 auto;
  }

  .za-app.za-visual-v183 .za-map-first-prospect-controls {
    min-width: max-content;
  }

  .za-app.za-visual-v183 .za-map-first-search,
  .za-app.za-visual-v183 .za-map-first-stage-tags {
    display: none;
  }

  .za-app.za-visual-v183 .za-map-first-panel,
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density],
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context] {
    top: auto !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: none !important;
    height: min(54dvh,470px);
    min-height: 305px;
    border-radius: 22px 22px 18px 18px !important;
  }

  .za-app.za-visual-v183 .za-map-first-sheet-handle {
    display: block;
    width: 42px;
    height: 4px;
    margin: 8px auto -2px;
    border-radius: 999px;
    background: rgba(84,90,125,.28);
  }

  .za-app.za-visual-v183 .za-immersive-context__header {
    min-height: 58px;
    padding: 9px 10px 8px !important;
  }

  .za-app.za-visual-v183 .za-map-first-panel-header-actions .za-btn span {
    display: none;
  }

  .za-app.za-visual-v183 .za-map-first-panel .za-immersive-context__body {
    padding: 9px !important;
  }

  .za-app.za-visual-v183 .za-v183-atlas-pill {
    top: 70px;
    right: 10px;
  }

  .za-app.za-visual-v183 .za-v183-map-summary,
  .za-app.za-visual-v183 .za-v183-map-legend {
    display: none;
  }

  .za-app.za-visual-v183 .leaflet-control-container .leaflet-top.leaflet-left {
    top: 70px;
    right: 10px;
  }

  .za-app.za-visual-v183 .za-joint-nav-top,
  .za-app.za-visual-v183 .za-joint-mode-row {
    grid-template-columns: 1fr;
  }

  .za-app.za-visual-v183 .za-joint-nav-tools {
    grid-template-columns: repeat(4,1fr);
  }

  .za-app.za-visual-v183 .za-page-toolbar--prospects {
    grid-template-columns: 1fr auto;
  }

  .za-app.za-visual-v183 .za-page-toolbar--prospects .za-tabs--inline {
    grid-column: 1/-1;
    order: 3;
  }

  .za-app.za-visual-v183 .za-prospect-filters {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .za-app.za-visual-v183 .za-map-first-bar {
    left: 7px;
    right: 7px;
    top: 7px;
    gap: 5px;
  }

  .za-app.za-visual-v183 .za-map-first-island {
    min-height: 46px;
    border-radius: 14px;
  }

  .za-app.za-visual-v183 .za-map-first-home,
  .za-app.za-visual-v183 .za-map-first-layers > summary,
  .za-app.za-visual-v183 .za-map-first-locate {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }

  .za-app.za-visual-v183 .za-map-first-section > summary {
    max-width: 82px;
    padding-inline: 7px;
  }

  .za-app.za-visual-v183 .za-map-first-section > summary strong {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .za-app.za-visual-v183 .za-map-first-prospect-switch {
    min-width: 132px !important;
  }

  .za-app.za-visual-v183 .za-map-first-prospect-switch button {
    padding-inline: 8px;
    font-size: .65rem;
  }

  .za-app.za-visual-v183 .za-map-first-new span {
    display: none;
  }

  .za-app.za-visual-v183 .za-map-first-panel,
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density],
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context] {
    left: 5px !important;
    right: 5px !important;
    bottom: 5px !important;
    height: min(56dvh,460px);
  }

  .za-app.za-visual-v183 .za-joint-nav-button {
    min-height: 46px;
  }

  .za-app.za-visual-v183 .za-prospect-action-row {
    grid-template-columns: 1fr !important;
  }
}

/* Fallback sólido para navegadores o WebViews sin glass. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .za-app.za-visual-v183 .za-map-first-island,
  .za-app.za-visual-v183 .za-map-first-panel,
  .za-app.za-visual-v183 .za-v183-map-summary,
  .za-app.za-visual-v183 .za-v183-map-legend,
  .za-app.za-visual-v183 .za-v183-atlas-pill {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--za-183-surface-solid);
  }
}

/* Notifications remain visible but never block territorial navigation. */
.za-app.za-visual-v183 .za-toast-stack,
.za-app.za-visual-v183 .za-toast {
  pointer-events: none !important;
}

/* Dropdowns must remain above the second mobile toolbar row. */
.za-app.za-visual-v183 .za-map-first-island--context,
.za-app.za-visual-v183 .za-map-first-island--tools {
  position: relative;
  z-index: 890;
}

.za-app.za-visual-v183 .za-map-first-island--workflow {
  position: relative;
  z-index: 20;
}

.za-app.za-visual-v183 .za-map-first-section[open],
.za-app.za-visual-v183 .za-map-first-layers[open] {
  position: relative;
  z-index: 910;
}

.za-app.za-visual-v183 .za-map-first-section[open] .za-map-first-nav,
.za-app.za-visual-v183 .za-map-first-layers[open] .za-map-first-layers__panel {
  position: absolute;
  z-index: 920;
}

@media (max-width: 767px) {
  .za-app.za-visual-v183 .za-map-first-section[open] .za-map-first-nav {
    left: 0;
    top: 100%;
    width: min(260px,calc(100vw - 24px));
  }
}

/* Mobile interactive controls preserve the 44px touch target. */
@media (max-width: 767px) {
  .za-app.za-visual-v183 .za-joint-search,
  .za-app.za-visual-v183 .za-joint-district,
  .za-app.za-visual-v183 .za-joint-search input,
  .za-app.za-visual-v183 .za-joint-district select,
  .za-app.za-visual-v183 .za-joint-mode-row > label select,
  .za-app.za-visual-v183 .za-joint-representation label {
    min-height: 44px;
  }
}

/* Neutralize legacy mobile :has() layout after Prospectos controls move into the panel. */
@media (max-width: 767px) {
  .za-app.za-kes2-app.za-visual-v183 .za-map-first-bar:has(.za-map-first-context-controls:not(:empty)) {
    --za-map-first-bar-height: 126px;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "context tools"
      "workflow workflow" !important;
    grid-template-rows: auto auto !important;
    min-height: 0 !important;
  }

  .za-app.za-kes2-app.za-visual-v183 .za-map-first-context-controls[hidden],
  .za-app.za-kes2-app.za-visual-v183 .za-map-first-context-controls:not(:empty)[hidden] {
    display: none !important;
    grid-area: auto !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .za-app.za-visual-v183 .za-competition-layer-status {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }

  .za-app.za-visual-v183 .za-competition-layer-status__actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    overflow: visible !important;
    flex-wrap: unset !important;
  }

  .za-app.za-visual-v183 .za-competition-layer-status__actions .za-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 8px 9px !important;
    white-space: normal !important;
  }

  .za-app.za-visual-v183 .za-competition-layer-status__actions .za-btn:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
}

/* Main controller may repaint the wrapper after the visual layer moved all tools. */
.za-app.za-kes2-app.za-visual-v183 .za-map-first-context-controls:has(> [data-za-map-first-prospect-controls][hidden]) {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ==========================================================================
 * 2.0.3 · Lienzo contorneado + una sola superficie de capas (Atlas)
 * ========================================================================== */
.za-app.za-visual-v183 .za-map-first {
  border: 1px solid color-mix(in srgb,var(--za-border) 88%,#7b6d91 12%) !important;
  border-radius: 24px !important;
  background: var(--za-canvas) !important;
  box-shadow: 0 14px 38px color-mix(in srgb,var(--za-ink) 10%,transparent), inset 0 1px 0 rgba(255,255,255,.82) !important;
  overflow: hidden !important;
}
.za-app.za-visual-v183 .za-map-first-canvas,
.za-app.za-visual-v183 .za-map-first-stage,
.za-app.za-visual-v183 .za-map-stage,
.za-app.za-visual-v183 .za-map-first-stage > .leaflet-container,
.za-app.za-visual-v183 .za-map-stage > .leaflet-container {
  border-radius: inherit !important;
  overflow: hidden !important;
}
.za-app.za-visual-v183 .za-map-first-canvas {
  inset: 1px !important;
}
.za-app.za-visual-v183 .za-map-first-stage,
.za-app.za-visual-v183 .za-map-stage {
  inset: 0 !important;
}

/* A closed <details> must not leave its fixed panel measurable or able to catch taps. */
.za-app.za-visual-v183 .za-map-first-layers:not([open]) > .za-map-first-layers__panel {
  display: none !important;
  pointer-events: none !important;
}
.za-app.za-visual-v183 .za-map-first-layers[open] > .za-map-first-layers__panel {
  pointer-events: auto !important;
}

/* The details trigger is the sole visible Layers entry. Atlas owns its body. */
.za-app.za-visual-v183 .za-map-first-layers__panel[data-za-atlas-layer-panel-shell] {
  width: min(360px,calc(100vw - 32px));
  min-width: 300px !important;
  max-width: calc(100vw - 32px);
  display: grid;
  gap: 8px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}
.za-app.za-visual-v183 .za-atlas-layer-panel-host {
  width: 100%;
  min-width: 0;
}
.za-app.za-visual-v183 .za-atlas-layer-panel-loading {
  min-height: 112px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 20px;
  border: 1px solid var(--za-border);
  border-radius: 18px;
  background: color-mix(in srgb,var(--za-surface) 96%,var(--za-soft));
  color: var(--za-muted);
  box-shadow: var(--za-shadow);
}
.za-app.za-visual-v183 .za-atlas-layer-panel-loading small {
  font-size: .72rem;
  font-weight: 780;
}
.za-app.za-visual-v183 .za-atlas-layer-panel-host[hidden],
.za-app.za-visual-v183 .za-layer-control-fallback[hidden] {
  display: none !important;
}
.za-app.za-visual-v183 .za-layer-control-fallback {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--za-border);
  border-radius: 18px;
  background: color-mix(in srgb,var(--za-surface) 96%,var(--za-soft));
  box-shadow: var(--za-shadow);
}
.za-app.za-visual-v183 .za-layer-control-fallback > .za-eyebrow {
  margin: 0 2px;
}
.za-app.za-visual-v183 .za-layer-control-fallback .za-layer-switcher {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 6px !important;
  overflow: visible !important;
}
.za-app.za-visual-v183 .za-layer-control-fallback .za-layer-toggle {
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
}
.za-app.za-visual-v183 .za-map-first-layers__panel .za-map-first-influence:not([hidden]) {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--za-border);
  border-radius: 16px;
  background: color-mix(in srgb,var(--za-surface) 96%,var(--za-soft));
  box-shadow: var(--za-shadow);
}

/* The provider panel inherits Talia variables without duplicating its markup. */
.za-app.za-visual-v183 .talia-atlas-layer-panel {
  max-width: none;
  border-color: color-mix(in srgb,var(--za-border) 88%,transparent);
  background: color-mix(in srgb,var(--za-surface) 97%,var(--za-soft));
  color: var(--za-text);
  box-shadow: 0 18px 46px color-mix(in srgb,var(--za-ink) 14%,transparent);
}
.za-app.za-visual-v183 .talia-atlas-layer-panel__header {
  border-bottom-color: color-mix(in srgb,var(--za-border) 82%,transparent);
}
.za-app.za-visual-v183 .talia-atlas-layer-panel__header strong,
.za-app.za-visual-v183 .talia-atlas-layer-option,
.za-app.za-visual-v183 .talia-atlas-layer-option__label {
  color: var(--za-text);
}
.za-app.za-visual-v183 .talia-atlas-layer-panel__kicker,
.za-app.za-visual-v183 .talia-atlas-layer-option__count,
.za-app.za-visual-v183 .talia-atlas-layer-panel__opacity-line output {
  color: var(--za-muted);
}
.za-app.za-visual-v183 .talia-atlas-layer-panel__collapse {
  border-color: var(--za-border);
  background: var(--za-surface);
  color: var(--za-primary);
}
.za-app.za-visual-v183 .talia-atlas-layer-option:hover,
.za-app.za-visual-v183 .talia-atlas-layer-option:focus-within {
  background: color-mix(in srgb,var(--za-primary) 7%,var(--za-surface));
}

@media (max-width: 767px) {
  .za-app.za-visual-v183 .za-map-first {
    border-radius: 18px !important;
  }
  /* backdrop-filter creates a fixed-position containing block in Safari/Chromium.
   * Disable it only while the layer panel is open so the panel can use the map viewport. */
  .za-app.za-visual-v183 .za-map-first-island--tools:has(.za-map-first-layers[open]) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .za-app.za-visual-v183 .za-map-first-layers__panel[data-za-atlas-layer-panel-shell] {
    position: fixed !important;
    z-index: 10020 !important;
    top: max(72px,calc(env(safe-area-inset-top,0px) + 58px)) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100dvh - max(90px,calc(env(safe-area-inset-top,0px) + 72px)) - env(safe-area-inset-bottom,0px));
    overflow: auto !important;
    overscroll-behavior: contain;
  }
  .za-app.za-visual-v183 .talia-atlas-layer-panel__body {
    max-height: min(62dvh,560px);
  }
}


/* ==========================================================================
 * 2.0.4 · Flujo ligero: menú único, Competencia compacta y foco de Prospectos
 * ========================================================================== */

/* One dropdown is the navigation surface. It stays compact even with every
 * authorized destination and never expands into a second horizontal menu. */
.za-app.za-visual-v183 .za-map-first-section.is-expanded {
  flex: initial !important;
  min-width: 0 !important;
}
.za-app.za-visual-v183 .za-map-first-section.is-expanded > summary {
  display: flex !important;
}
.za-app.za-visual-v183 .za-map-first-section.is-expanded .za-map-first-nav,
.za-app.za-visual-v183 .za-map-first-nav {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: min(272px,calc(100vw - 32px)) !important;
  min-width: 228px !important;
  max-height: min(70dvh,520px);
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 4px !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border: 1px solid var(--za-183-line) !important;
  border-radius: 16px !important;
  background: var(--za-183-surface-solid) !important;
  box-shadow: var(--za-183-shadow-float) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.za-app.za-visual-v183 .za-map-first-section:not([open]) .za-map-first-nav {
  display: none !important;
}
.za-app.za-visual-v183 .za-map-first-nav button,
.za-app.za-visual-v183 .za-map-first-section.is-expanded .za-map-first-nav button {
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  display: flex;
  align-items: center;
  padding: 8px 11px !important;
  border: 0;
  border-radius: 11px !important;
  text-align: left !important;
  white-space: normal !important;
}
.za-app.za-visual-v183 .za-map-first-bar.has-expanded-nav {
  min-height: 0 !important;
}

/* Competition: preserve the existing side panel, but give it one clear flow. */
.za-app.za-visual-v183 .za-competition-context__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.za-app.za-visual-v183 .za-competition-context__actions .za-compact-filter {
  min-width: 118px;
  max-width: 154px;
  margin: 0;
}
.za-app.za-visual-v183 .za-competition-summary {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
}
.za-app.za-visual-v183 .za-competition-summary article {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px 11px;
  border: 1px solid var(--za-183-line);
  border-radius: 14px;
  background: color-mix(in srgb,var(--za-183-surface-solid) 92%,var(--za-183-soft-violet));
}
.za-app.za-visual-v183 .za-competition-summary strong {
  color: var(--za-183-violet-strong);
  font-size: 1.08rem;
  line-height: 1;
}
.za-app.za-visual-v183 .za-competition-summary span {
  color: var(--za-183-muted);
  font-size: .64rem;
  line-height: 1.3;
}
.za-app.za-visual-v183 .za-competition-flow {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.za-app.za-visual-v183 .za-competition-provider-list {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 5px;
  border: 1px solid var(--za-183-line);
  border-radius: 15px;
  background: var(--za-183-surface-solid);
}
.za-app.za-visual-v183 .za-competition-provider-row {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 10px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: var(--za-183-ink);
  text-align: left;
  cursor: pointer;
}
.za-app.za-visual-v183 .za-competition-provider-row:hover,
.za-app.za-visual-v183 .za-competition-provider-row:focus-visible {
  background: var(--za-183-soft);
}
.za-app.za-visual-v183 .za-competition-provider-row.is-active {
  border-color: color-mix(in srgb,var(--za-183-violet) 20%,var(--za-183-line));
  background: var(--za-183-soft-violet);
}
.za-app.za-visual-v183 .za-competition-provider-row > i,
.za-app.za-visual-v183 .za-competition-focus-card__identity > i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--za-competition-color,var(--za-183-violet));
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--za-competition-color,var(--za-183-violet)) 12%,transparent);
}
.za-app.za-visual-v183 .za-competition-provider-row > span {
  min-width: 0;
}
.za-app.za-visual-v183 .za-competition-provider-row strong,
.za-app.za-visual-v183 .za-competition-provider-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.za-app.za-visual-v183 .za-competition-provider-row strong {
  font-size: .75rem;
}
.za-app.za-visual-v183 .za-competition-provider-row small {
  margin-top: 2px;
  color: var(--za-183-muted);
  font-size: .61rem;
}
.za-app.za-visual-v183 .za-competition-provider-row > b {
  color: var(--za-183-muted);
  font-size: .68rem;
}
.za-app.za-visual-v183 .za-competition-focus {
  min-width: 0;
}
.za-app.za-visual-v183 .za-competition-focus-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb,var(--za-183-violet) 18%,var(--za-183-line));
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0,rgba(122,77,255,.09),transparent 42%),
    var(--za-183-surface-solid);
}
.za-app.za-visual-v183 .za-competition-focus-card > header,
.za-app.za-visual-v183 .za-competition-focus-card__identity,
.za-app.za-visual-v183 .za-competition-focus-card__actions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.za-app.za-visual-v183 .za-competition-focus-card > header {
  align-items: flex-start;
  justify-content: space-between;
}
.za-app.za-visual-v183 .za-competition-focus-card__identity {
  min-width: 0;
}
.za-app.za-visual-v183 .za-competition-focus-card__identity > div {
  min-width: 0;
}
.za-app.za-visual-v183 .za-competition-focus-card h3 {
  margin: 1px 0 0;
  font-size: .90rem;
}
.za-app.za-visual-v183 .za-competition-focus-card__facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
}
.za-app.za-visual-v183 .za-competition-focus-card__facts > div {
  min-width: 0;
  padding: 9px;
  border-radius: 11px;
  background: var(--za-183-soft);
}
.za-app.za-visual-v183 .za-competition-focus-card__facts small,
.za-app.za-visual-v183 .za-competition-focus-card__facts strong {
  display: block;
}
.za-app.za-visual-v183 .za-competition-focus-card__facts small {
  color: var(--za-183-muted);
  font-size: .60rem;
}
.za-app.za-visual-v183 .za-competition-focus-card__facts strong {
  margin-top: 3px;
  font-size: .82rem;
}
.za-app.za-visual-v183 .za-competition-focus-card__summary,
.za-app.za-visual-v183 .za-competition-focus-card__strategy p {
  margin: 0;
  color: var(--za-183-muted);
  font-size: .68rem;
  line-height: 1.42;
}
.za-app.za-visual-v183 .za-competition-focus-card__strategy {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-radius: 11px;
  background: color-mix(in srgb,var(--za-183-soft-violet) 66%,var(--za-183-surface-solid));
}
.za-app.za-visual-v183 .za-competition-focus-card__strategy strong {
  font-size: .70rem;
}
.za-app.za-visual-v183 .za-competition-focus-card__actions {
  align-items: stretch;
  flex-wrap: wrap;
  gap: 6px;
}
.za-app.za-visual-v183 .za-competition-focus-card__actions .za-btn {
  flex: 1 1 120px;
  min-height: 38px;
  height: auto;
  padding: 7px 9px;
  font-size: .65rem;
  white-space: normal;
}

/* Prospect focus: blur the background, never the active inspector. */
body.za-prospect-modal-open {
  overscroll-behavior: none;
}
.za-app.za-visual-v183.has-prospect-modal .za-modal:not([hidden]) .za-modal__backdrop {
  background: rgba(20,17,52,.38) !important;
  -webkit-backdrop-filter: blur(9px) saturate(.88);
  backdrop-filter: blur(9px) saturate(.88);
}
.za-app.za-visual-v183 .za-modal[data-za-modal-kind^="prospect-"] .za-modal__dialog {
  width: min(760px,calc(100vw - 28px));
  max-height: min(88dvh,840px);
  padding: 14px;
  border: 1px solid var(--za-183-line);
  border-radius: 22px;
  background: var(--za-183-surface-solid);
  box-shadow: 0 28px 86px rgba(20,17,52,.28);
}
.za-app.za-visual-v183 .za-modal[data-za-modal-kind^="prospect-"] [data-za-modal-content] {
  min-width: 0;
}
.za-app.za-visual-v183.has-prospect-modal .za-map-first-canvas::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 680;
  border-radius: inherit;
  background: rgba(243,244,250,.22);
  -webkit-backdrop-filter: blur(7px) saturate(.86);
  backdrop-filter: blur(7px) saturate(.86);
  pointer-events: auto;
}
.za-app.za-visual-v183.has-prospect-modal .za-map-first-panel[data-za-prospect-view="detail"] {
  z-index: 700;
  width: min(460px,calc(100vw - 28px)) !important;
}
.za-app.za-visual-v183 .za-map-first-panel[data-za-prospect-view="detail"] .za-prospect-hero {
  min-height: 108px;
  padding: 14px !important;
}
.za-app.za-visual-v183 .za-map-first-panel[data-za-prospect-view="detail"] .za-prospect-detail--v160 > .za-prospect-detail__body {
  gap: 7px;
  padding-top: 7px !important;
}
.za-app.za-visual-v183 .za-map-first-panel[data-za-prospect-view="detail"] .za-prospect-section {
  padding: 11px;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .za-app.za-visual-v183.has-prospect-modal .za-modal:not([hidden]) .za-modal__backdrop {
    background: rgba(20,17,52,.68) !important;
  }
  .za-app.za-visual-v183.has-prospect-modal .za-map-first-canvas::after {
    background: rgba(239,241,247,.78);
  }
}

@media (max-width: 767px) {
  .za-app.za-visual-v183 .za-map-first-nav,
  .za-app.za-visual-v183 .za-map-first-section.is-expanded .za-map-first-nav {
    width: min(288px,calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-height: min(68dvh,500px);
  }
  .za-app.za-visual-v183 .za-competition-context {
    align-items: flex-start;
  }
  .za-app.za-visual-v183 .za-competition-context__actions {
    flex: 0 0 auto;
  }
  .za-app.za-visual-v183 .za-competition-context__actions .za-compact-filter {
    min-width: 106px;
    max-width: 126px;
  }
  .za-app.za-visual-v183 .za-competition-summary {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .za-app.za-visual-v183 .za-competition-focus-card__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .za-app.za-visual-v183 .za-competition-focus-card__actions .za-btn {
    width: 100%;
  }
  .za-app.za-visual-v183 .za-modal[data-za-modal-kind^="prospect-"] {
    align-items: flex-end;
    padding: 8px 8px 0;
  }
  .za-app.za-visual-v183 .za-modal[data-za-modal-kind^="prospect-"] .za-modal__dialog {
    width: 100%;
    max-width: none;
    max-height: calc(94dvh - env(safe-area-inset-top,0px));
    padding: 12px 10px max(10px,env(safe-area-inset-bottom,0px));
    border-radius: 22px 22px 0 0;
  }
  .za-app.za-visual-v183.has-prospect-modal .za-map-first-panel[data-za-prospect-view="detail"] {
    z-index: 700;
    width: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .za-app.za-visual-v183 .za-competition-provider-row,
  .za-app.za-visual-v183 .za-modal[data-za-modal-kind^="prospect-"] .za-modal__dialog {
    transition: none !important;
    animation: none !important;
  }
}

/* Classic Prospectos keeps the same one-menu rule. The legacy “Más
 * herramientas” sheet is no longer rendered; every authorized destination
 * lives in this single compact dropdown. */
.za-app.za-visual-v183.za-hybrid-app .za-classic-dropdown-bar {
  position: sticky;
  top: 0;
  z-index: 46;
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 8px clamp(12px,2vw,22px) 0;
  pointer-events: none;
}
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu {
  position: relative;
  pointer-events: auto;
}
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > summary {
  min-width: 176px;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--za-183-line);
  border-radius: 14px;
  background: var(--za-183-surface-solid);
  box-shadow: var(--za-183-shadow-soft);
  color: var(--za-183-ink);
  cursor: pointer;
  list-style: none;
}
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > summary::-webkit-details-marker { display: none; }
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > summary .za-icon { margin-left: auto; }
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu[open] > summary .za-icon { transform: rotate(90deg); }
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > nav {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  width: min(272px,calc(100vw - 28px));
  max-height: min(70dvh,520px);
  display: grid;
  gap: 4px;
  padding: 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--za-183-line);
  border-radius: 16px;
  background: var(--za-183-surface-solid);
  box-shadow: var(--za-183-shadow-float);
}
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > nav a {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border-radius: 11px;
  color: var(--za-183-ink);
  font-size: .76rem;
  font-weight: 750;
  text-decoration: none;
}
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > nav a:hover,
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > nav a:focus-visible,
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > nav a.is-active {
  background: var(--za-183-soft-violet);
  color: var(--za-183-violet-strong);
}
.za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > nav .za-icon { width: 17px; height: 17px; }

@media (max-width: 640px) {
  .za-app.za-visual-v183.za-hybrid-app .za-classic-dropdown-bar { padding-inline: 10px; }
  .za-app.za-visual-v183.za-hybrid-app .za-classic-section-menu > summary { min-width: 154px; }
}

/* ========================================================================
   Zona Activa 2.0.5 · Atlas points/objects + full-size map
   ======================================================================== */
.za-kes2-app .za-map-first-fullscreen[aria-pressed="true"]{
  border-color:rgba(122,44,232,.25)!important;
  background:#f2eafa!important;
  color:#6f24c8!important;
}
.za-kes2-app .za-map-first-fullscreen svg{width:18px;height:18px}

.za-kes2-app .za-atlas-object-card{
  position:absolute;
  z-index:930;
  right:18px;
  bottom:74px;
  width:min(330px,calc(100% - 36px));
  padding:16px;
  border:1px solid rgba(63,38,80,.15);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  color:#33213e;
  box-shadow:0 22px 54px rgba(42,24,54,.22);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}
.za-kes2-app .za-atlas-object-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:18px 0 0 18px;
  background:var(--za-atlas-object-color,#7a2ce8);
}
.za-kes2-app .za-atlas-object-card__close{
  position:absolute;
  top:9px;
  right:9px;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  display:grid;
  place-items:center;
  padding:0!important;
  border:1px solid rgba(79,48,99,.12)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#5d4668!important;
}
.za-kes2-app .za-atlas-object-card__close svg{width:16px;height:16px}
.za-kes2-app .za-atlas-object-card__eyebrow{
  display:block;
  max-width:calc(100% - 42px);
  color:#7a2ce8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.za-kes2-app .za-atlas-object-card h3{
  margin:6px 38px 12px 0;
  color:#2b1935;
  font-size:17px;
  line-height:1.18;
}
.za-kes2-app .za-atlas-object-card dl{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:5px 10px;
  margin:0;
  font-size:11px;
}
.za-kes2-app .za-atlas-object-card dt{color:#84738d;font-weight:850}
.za-kes2-app .za-atlas-object-card dd{min-width:0;margin:0;color:#3c2b45;font-weight:700;overflow-wrap:anywhere}

/* Native Fullscreen API and a fixed fallback for browsers that reject it. */
.za-map-fullscreen-portal.za-kes2-app{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  overflow:hidden!important;
  z-index:2147483647!important;
  background:#f5f6fb!important;
}
.za-kes2-app .za-map-first:fullscreen,
.za-kes2-app .za-map-first:-webkit-full-screen,
.za-kes2-app .za-map-first.is-za-map-fullscreen{
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#f5f6fb!important;
  z-index:2147483000!important;
  --za-map-first-height:100dvh!important;
}
.za-kes2-app .za-map-first.is-za-map-fullscreen{
  position:fixed!important;
  inset:0!important;
}
.za-kes2-app .za-map-first:fullscreen .za-map-first-bar,
.za-kes2-app .za-map-first:-webkit-full-screen .za-map-first-bar,
.za-kes2-app .za-map-first.is-za-map-fullscreen .za-map-first-bar{
  top:8px!important;
  left:8px!important;
  right:8px!important;
  width:calc(100% - 16px)!important;
}
.za-kes2-app .za-map-first:fullscreen .za-map-first-canvas,
.za-kes2-app .za-map-first:-webkit-full-screen .za-map-first-canvas,
.za-kes2-app .za-map-first.is-za-map-fullscreen .za-map-first-canvas{
  height:100dvh!important;
  min-height:100dvh!important;
  border-radius:0!important;
}
.za-kes2-app .za-map-first:fullscreen .za-map-first-stage,
.za-kes2-app .za-map-first:-webkit-full-screen .za-map-first-stage,
.za-kes2-app .za-map-first.is-za-map-fullscreen .za-map-first-stage{
  height:100%!important;
  min-height:100%!important;
  border-radius:0!important;
}
body.za-map-fullscreen-open,body:has(.za-map-first.is-za-map-fullscreen){overflow:hidden!important}

@media(max-width:1280px){
  .za-kes2-app .za-map-first-fullscreen span{display:none}
  .za-kes2-app .za-map-first-fullscreen{width:46px;min-width:46px;padding-inline:0!important}
}
@media(max-width:767px){
  .za-kes2-app .za-atlas-object-card{
    top:calc(var(--za-map-first-bar-height,64px) + 18px);
    right:10px;
    bottom:auto;
    width:min(320px,calc(100% - 20px));
    padding:14px;
    border-radius:16px;
  }
  .za-kes2-app .za-map-first:fullscreen .za-map-first-bar,
  .za-kes2-app .za-map-first:-webkit-full-screen .za-map-first-bar,
  .za-kes2-app .za-map-first.is-za-map-fullscreen .za-map-first-bar{
    top:6px!important;
    left:6px!important;
    right:6px!important;
    width:calc(100% - 12px)!important;
  }
  .za-kes2-app .za-map-first:fullscreen .za-map-first-canvas,
  .za-kes2-app .za-map-first:-webkit-full-screen .za-map-first-canvas,
  .za-kes2-app .za-map-first.is-za-map-fullscreen .za-map-first-canvas{height:100dvh!important}
}
@media(prefers-reduced-motion:reduce){
  .za-kes2-app .talia-atlas-object-pin,
  .za-kes2-app .atlas-leaflet-pin{transition:none!important}
}

/* Zona Activa 2.2.3: dark mode stays legible when fullscreen is portaled. */
.za-map-fullscreen-portal.za-kes2-app[data-theme="dark"],
.za-map-fullscreen-portal.za-kes2-app[data-za-theme-mode="dark"],
.za-map-fullscreen-portal.za-kes2-app.za-theme-dark {
  background:#171d24!important;
}
.za-map-fullscreen-portal.za-kes2-app[data-theme="dark"] .za-map-first.is-za-map-fullscreen,
.za-map-fullscreen-portal.za-kes2-app[data-za-theme-mode="dark"] .za-map-first.is-za-map-fullscreen,
.za-map-fullscreen-portal.za-kes2-app.za-theme-dark .za-map-first.is-za-map-fullscreen {
  background:#171d24!important;
}