/* Styles for QSOs add lookup results and small UI facelift */
.lookup-bubble {
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(245,250,255,0.95));
    border-radius: 28px;
    padding: 18px;
    box-shadow: 0 6px 18px rgba(20,30,60,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
    border: 1px solid rgba(200,210,220,0.6);
}
.distance-pill {
    display:inline-block; padding:8px 12px; border-radius:20px; background:linear-gradient(90deg,#007bff,#00aaff);
    color:#fff; font-weight:600; box-shadow:0 4px 10px rgba(0,123,255,0.18);
}
.previous-qsos-cloud { background:#fff; border-radius:18px; padding:10px; border:1px solid rgba(0,0,0,0.04); }
.comp-mode-badge { margin-left:8px; font-size:0.85rem; }
.comp-mode-alert { display:none; }

/* Leaflet distance label tweaks */
.distance-label {
    pointer-events: none;
}

/* Small responsive tweak for the lookup results card */
@media (max-width: 576px) {
    .lookup-bubble { padding: 12px; border-radius: 14px; }
    .distance-pill { padding: 6px 10px; font-size: 0.95rem; }
}