/* ──────────────────────────────────────────────────────────────────────
   mini-geo.css — Estilos da peça compartilhada "Mini Estudo-Geo".
   Extraído de simulador.html. Consumido por simulador.html, inss-obra.html
   e empreendimento.html. Editar AQUI — não duplicar nos consumidores.
   ────────────────────────────────────────────────────────────────────── */

  /* ── Mini Estudo-Geo Modal ───────────────────────────────────── */
  .mini-geo-overlay {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(0,0,0,0.75); backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
    animation: mgFadeIn .2s ease;
  }
  @keyframes mgFadeIn { from { opacity:0 } to { opacity:1 } }
  .mini-geo-panel {
    width: min(92vw, 1100px); height: min(85vh, 720px);
    background: #0F172A; border: 1px solid #334155; border-radius: 16px;
    display: flex; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,.5);
  }
  .mini-geo-sidebar {
    width: 320px; min-width: 280px; padding: 20px; overflow-y: auto;
    border-right: 1px solid #1E293B; display: flex; flex-direction: column; gap: 14px;
  }
  .mini-geo-map-area { flex: 1; position: relative; }
  .mini-geo-map-area .leaflet-container { width: 100%; height: 100%; border-radius: 0 16px 16px 0; }
  .mini-geo-sidebar label { font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase; letter-spacing: .06em; }
  .mini-geo-sidebar input {
    width: 100%; padding: 10px 12px; background: #1E293B; border: 1px solid #334155;
    border-radius: 8px; color: #F1F5F9; font-size: 14px; outline: none;
  }
  .mini-geo-sidebar input:focus { border-color: #3B82F6; }
  .mg-btn {
    padding: 10px 16px; border: none; border-radius: 8px; font-size: 13px;
    font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px;
  }
  .mg-btn-primary { background: #3B82F6; color: #fff; }
  .mg-btn-primary:hover { background: #2563EB; }
  .mg-btn-primary:disabled { opacity: .5; cursor: not-allowed; }
  .mg-btn-ghost { background: transparent; color: #94A3B8; border: 1px solid #334155; }
  .mg-btn-ghost:hover { border-color: #64748B; color: #E2E8F0; }
  .mg-result-card {
    background: #1E293B; border: 1px solid #334155; border-radius: 10px; padding: 12px 14px;
  }
  .mg-result-card h4 { margin: 0 0 6px; font-size: 11px; font-weight: 700; color: #10B981; text-transform: uppercase; letter-spacing: .06em; }
  .mg-result-card p { margin: 2px 0; font-size: 13px; color: #CBD5E1; }
  .mg-result-card .mg-val { color: #F1F5F9; font-weight: 600; }
  .mg-status { font-size: 12px; color: #3B82F6; display: flex; align-items: center; gap: 6px; }
  .mg-status.error { color: #EF4444; }
  .mg-status.ok { color: #10B981; }
  .itbi-hint {
    margin-top: 4px; padding: 6px 10px; background: rgba(59,130,246,.08);
    border: 1px solid rgba(59,130,246,.25); border-radius: 6px;
    font-size: 11px; color: #93C5FD; cursor: pointer;
  }
  .itbi-hint:hover { background: rgba(59,130,246,.15); }
  .mg-area-popup .leaflet-popup-content-wrapper {
    background: #1E293B; border: 1px solid #3B82F6; border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.5);
  }
  .mg-area-popup .leaflet-popup-content { color: #F1F5F9; font-size: 15px; font-weight: 700; margin: 8px 14px; }
  .mg-area-popup .leaflet-popup-tip { background: #1E293B; }
  .mini-geo-map-area .leaflet-control-layers {
    background: rgba(15,23,42,.92); border: 1px solid #334155; border-radius: 8px;
    color: #E2E8F0; padding: 6px 10px; box-shadow: 0 4px 12px rgba(0,0,0,.4);
  }
  .mini-geo-map-area .leaflet-control-layers-base label {
    display: flex; align-items: center; gap: 6px;
    font-size: 12px; font-weight: 600; color: #E2E8F0; margin: 2px 0; cursor: pointer;
  }
  .mini-geo-map-area .leaflet-control-layers-base input[type="radio"] { accent-color: #3B82F6; }
  .mini-geo-map-area .leaflet-control-layers-separator { display: none; }
  @media (max-width: 768px) {
    .mini-geo-panel { flex-direction: column; height: 90vh; }
    .mini-geo-sidebar { width: 100%; min-width: unset; max-height: 40%; border-right: none; border-bottom: 1px solid #1E293B; }
    .mini-geo-map-area .leaflet-container { border-radius: 0 0 16px 16px; }
  }