/* WinBids — bids map panel (templates/bids.html + static/js/bids-map.js).
   Loaded only by the bids page, on top of main.css and leaflet.css. */

.bm-card {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-card);
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(20,30,40,0.04), 0 8px 24px -16px rgba(20,30,40,0.18);
    overflow: hidden;
}
.bm-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.bm-title { font-weight: 700; font-size: 15px; }
.bm-sub { font-size: 12px; color: var(--stone); margin-left: 8px; }
.bm-toggle { border: 1px solid var(--line); background: transparent; color: var(--stone); font-size: 13px; border-radius: 8px; padding: 5px 12px; cursor: pointer; font-family: inherit; }
.bm-toggle:hover { color: var(--ink); background: var(--canvas); }

.bm-map-wrap { position: relative; }
#bidsMap { height: 420px; width: 100%; background: var(--canvas); z-index: 0; }
@media (max-width: 700px) { #bidsMap { height: 320px; } }

.bm-loading {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    background: rgba(255,255,255,0.95); border: 1px solid var(--line); border-radius: 8px;
    padding: 6px 14px; font-size: 13px; color: var(--stone); z-index: 500;
}

.bm-foot { display: flex; justify-content: space-between; gap: 12px; padding: 8px 16px; font-size: 12px; color: var(--stone); border-top: 1px solid var(--line); flex-wrap: wrap; }
.bm-note strong { color: var(--ink); }
.bm-attr { color: #a8a29e; }

.bm-pop { font-size: 13px; line-height: 1.5; }
.bm-pop b { color: var(--ink); }
.bm-pop-agency { color: var(--stone); font-size: 12px; }
.bm-pop a { color: var(--primary); font-weight: 600; }