/* ===== MAPAS 3D - CesiumJS / Visual 3D ===== */

.ts-cesium-container{
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 300;
  display: none;
}
.ts-cesium-container.active{display: block;}
.ts-cesium-container .cesium-viewer{padding: 0; margin: 0;}

/* Cesium overrides */
.cesium-viewer .cesium-widget-credits{display: none !important;}
.cesium-viewer .cesium-viewer-bottom{display: none !important;}
.cesium-viewer .cesium-widget{background: var(--bg-deep);}

/* Base map toggle */
.ts-base-toggle{
  position: absolute;
  top: 50px;
  left: 8px;
  z-index: 500;
  display: flex;
  gap: 2px;
  background: rgba(6, 25, 36, 0.9);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 3px;
}
.ts-base-toggle button{
  height: 26px; padding: 0 8px;
  font-size: 10px; font-weight: 600;
  background: transparent; border: none; border-radius: 3px;
  color: var(--text-muted); cursor: pointer; transition: var(--transition);
}
.ts-base-toggle button:hover{color: var(--text-secondary); background: rgba(255,255,255,0.04);}
.ts-base-toggle button.active{color: var(--text-primary); background: var(--blue);}

/* 3D model indicator */
.ts-3d-indicator{
  position: absolute;
  bottom: 50px;
  left: 8px;
  z-index: 500;
  font-size: 10px;
  color: var(--text-muted);
  background: rgba(6, 25, 36, 0.85);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 4px 10px;
  display: none;
}
.ts-3d-indicator.visible{display: block;}