.satellite-layer-card {
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.satellite-layer-card:hover {
    border-color: #93c5fd;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
}

.satellite-layer-card.active {
    border-color: #2563eb;
    background-color: #eff6ff;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12);
}

.satellite-loading-spinner {
    border: 3px solid #e2e8f0;
    border-top-color: #2563eb;
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    animation: satellite-spin 0.8s linear infinite;
}

@keyframes satellite-spin {
    to {
        transform: rotate(360deg);
    }
}

#satellite-loading {
    z-index: 10;
}

#satellite-frame {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 0;
}

.satellite-map-shell:fullscreen {
    background: #fff;
    padding: 0;
}

.satellite-map-shell:fullscreen #satellite-map-wrap {
    height: calc(100vh - 56px);
}

.satellite-map-shell:fullscreen .satellite-map-footer {
    display: none;
}