.customer-map-filters { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.customer-map-filters label { flex:1; min-width:180px; }
.customer-map-filters input,.customer-map-filters select { min-height:44px; }
.customer-map-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:12px; }
#customerMapCanvas { height:65vh; min-height:360px; z-index:0; border:1px solid #cbd5e1; }
#customerMapResults { max-height:65vh; overflow:auto; background:white; }
.customer-map-row { padding:12px; border-bottom:1px solid #d6dde5; }
.customer-map-row.selected { background:#eef5fc; box-shadow:inset 3px 0 #07549c; }
.customer-map-toolbar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:12px 0; }
.customer-map-toolbar button { width:44px; height:44px; padding:10px; flex:none; }
.customer-map-toolbar button:first-of-type { margin-left:auto; }
.customer-map-key { display:flex; align-items:center; gap:6px; font-size:13px; }
.customer-map-dot { width:10px; height:10px; background:#b35113; border-radius:50%; }
.customer-map-dot.visited { background:#16804b; }
#customerMapNotice { color:#934200; }
.customer-map-row strong { display:block; overflow-wrap:anywhere; }
.customer-map-row p { margin:6px 0; font-size:14px; }
.customer-map-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.customer-map-actions button,.customer-map-actions a { min-height:44px; padding:10px; }
.customer-map-warning { color:#934200; }
.customer-flag { background:transparent; border:0; }
.customer-flag span { display:block; width:26px; height:28px; border-left:3px solid #17324d; }
.customer-flag span::before { content:''; display:block; width:24px; height:17px; background:#b35113; border:1px solid white; }
.customer-flag.visited span::before { background:#16804b; }
.customer-flag.indicative span::before { background:#f4cd58; border:2px dashed #633c00; box-sizing:border-box; }
.customer-map-popup { max-width:260px; overflow-wrap:anywhere; }
@media(max-width:700px) {
 .customer-map-active .topbar { position:static; padding:10px 16px; gap:8px; }
 .customer-map-active .user-menu { flex-wrap:wrap; gap:6px; }
 .customer-map-active .user-menu button { width:auto; min-height:44px; }
 .customer-map-active #customerMapBtn,.customer-map-active #modeBadge { display:none; }
 .customer-map-active #userLabel { font-size:12px; flex:1; }
 .customer-map-active .topbar .eyebrow { display:none; }
 .customer-map-layout { grid-template-columns:minmax(0,1fr); }
 #customerMapCanvas { height:48vh; min-height:300px; }
 #customerMapResults { max-height:36vh; }
 .customer-map-filters { gap:8px; }
 .customer-map-filters label { min-width:130px; }
 .customer-map-filters label:first-child { flex-basis:100%; }
}