/* Shared styles for the Marketcall bids map (tools pages + in-app embed). */
.bm{ --bm-ink:#1a1a2e; --bm-muted:#64748b; --bm-line:#e2e8f0; --bm-blue:#3b5bdb;
     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:var(--bm-ink); }
.bm *{ box-sizing:border-box; }
.bm .layout{ display:grid; grid-template-columns:260px 1fr; gap:22px; align-items:start; }
.bm .filters{ display:flex; flex-direction:column; gap:12px; }
.bm .fld{ border:1px solid var(--bm-line); border-radius:6px; padding:8px 11px; }
.bm .fld label{ display:block; font-size:11px; color:var(--bm-muted); margin-bottom:3px; }
.bm .bm-info{ display:inline-block; cursor:help; color:var(--bm-blue); font-size:12px; }
.bm .fld select{ width:100%; border:none; font-size:13px; background:transparent; outline:none; }
.bm .fld.range .vals{ display:flex; justify-content:space-between; font-size:11px; color:var(--bm-muted); margin-top:6px; }
.bm .caption{ font-size:12px; color:var(--bm-muted); line-height:1.5; margin-top:10px; }
.bm .caption b{ color:var(--bm-ink); }
.bm .map{ height:360px; width:100%; border-radius:4px; }
.bm .legend{ display:flex; gap:32px; margin-top:10px; font-size:11px; color:var(--bm-muted); align-items:center; flex-wrap:wrap; }
.bm .legend .grad{ width:120px; height:10px; border-radius:3px; background:linear-gradient(90deg,#dbe4ff,#3b5bdb,#1e2a78); display:inline-block; vertical-align:middle; }
.bm .legend .dot{ background:#9aa9e8; border-radius:50%; display:inline-block; }
.bm .row2{ display:grid; grid-template-columns:200px 1fr 1fr; gap:24px; margin-top:24px; align-items:start; }
.bm .kpi .big{ font-size:40px; font-weight:800; color:var(--bm-blue); line-height:1.1; }
.bm .kpi h4, .bm .chartbox h4{ font-size:14px; font-weight:600; margin:0 0 6px; }
.bm .kpi .sub{ font-size:12px; color:var(--bm-muted); }
.bm .chartbox{ height:230px; }
.bm .fresh{ font-size:11px; color:var(--bm-muted); margin-top:8px; }
.bm .bm-export{ margin-top:4px; padding:8px 11px; font-size:12px; font-weight:600; cursor:pointer;
  color:#fff; background:var(--bm-blue); border:none; border-radius:6px; width:100%; }
.bm .bm-export:hover{ filter:brightness(0.95); }
.bm .bm-summary-wrap{ margin-top:24px; }
.bm .bm-summary-title{ font-size:14px; font-weight:600; margin:0 0 8px; }
.bm .bm-summary{ border-collapse:collapse; width:100%; max-width:520px; font-size:13px; }
.bm .bm-summary th, .bm .bm-summary td{ border:1px solid var(--bm-line); padding:6px 12px; text-align:left; }
.bm .bm-summary th{ background:#f1f5f9; font-weight:600; }
.bm .bm-summary td:nth-child(2), .bm .bm-summary th:nth-child(2){ text-align:right; }
.bm .bm-summary tr.bm-sum-grp td{ background:#eef1f8; font-weight:700; color:var(--bm-ink); }
.bm .bm-summary td.bm-sum-sub{ padding-left:24px; }
.bm .leaflet-popup-content{ font-size:13px; }
/* state abbreviation labels on the choropleth */
.leaflet-div-icon.bm-statelbl{ background:transparent; border:none; box-shadow:none;
  font:700 10px/12px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:#1a1a2e; text-align:center; text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff; white-space:nowrap; }
@media (max-width:900px){ .bm .layout{ grid-template-columns:1fr; } .bm .row2{ grid-template-columns:1fr; } }

/* Map-only embed (opt-in via mapOnly): keep just the choropleth map + legend. */
.bm-maponly .filters,
.bm-maponly .row2,
.bm-maponly .bm-summary-wrap{display:none!important}
.bm-maponly .layout{display:block!important}