/* style.css - Mapa AIS Geral */

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    width: 100vw; 
    height: 100vh;
    overflow: hidden; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #f0f2f5;
}

#map-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#map { 
    width: 100%; 
    height: 100%; 
    background-color: #d4d4d4; 
    z-index: 1; 
}

/* Logo flutuante */
#logo-overlay {
    position: absolute;
    top: 10px;
    left: 10px; /* Ajustado para esquerda pois a sidebar sumiu */
    z-index: 1000;
    background: rgba(10, 34, 64, 0.9);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    pointer-events: none; /* Permite clicar no mapa através da área transparente */
}

.logo { 
    max-height: 60px; /* Reduzido levemente para não ocupar muito mapa */
    display: block; 
}

/* Indicador de Carregamento */
#map.loading::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.1);
    z-index: 999;
    pointer-events: none;
}

/* Marcadores de navios */
.ship-marker-icon svg {
    stroke: #fff; 
    stroke-width: 4px;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5));
}

/* Cores dos status */
.status-verde svg { fill: #28a745; }
.status-vermelho svg { fill: #dc3545; }
.status-preto svg { fill: #343a40; }
.status-laranjado svg { fill: #ffc107; }
.status-amarelo svg { fill: #ffff00; }
.status-azul svg { fill: #007bff; }
.status-nao-definido svg { fill: #6c757d; }

/* Conteúdo do Popup */
.popup-content { font-size: 13px; line-height: 1.3; }
.popup-content b { color: #333; }
.popup-content hr { border: 0; border-top: 1px solid #ddd; margin: 3px 0; }
.leaflet-popup-content-wrapper { border-radius: 8px; }

/* Mensagem de erro */
.error-message {
    position: fixed; top: 10px; left: 50%;
    transform: translateX(-50%);
    background: #d32f2f; color: white;
    padding: 12px 20px; border-radius: 6px;
    z-index: 2000; font-size: 14px;
    display: none;
}

/* Icons Sprite */
.sprite-icon { filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5)); }

#logo-overlay a {
    pointer-events: auto;
    display: block;
}