*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;background:#f8f7f4;color:#151817}header{background:#202522;color:#f8f7f4;display:flex;align-items:center;justify-content:space-between;padding:18px 20px}header strong{font-size:16px}header strong span{display:block;font-weight:400;color:#a8b6ae;font-size:11px;margin-top:6px}.badge{background:#8cfab0;color:#151817;border-radius:4px;padding:5px 7px;font-weight:800;font-size:10px}nav{display:flex;align-items:center;gap:6px;padding:12px;background:#f8f7f4}nav button{border:1px solid #d1dbd4;background:white;color:#37433b;border-radius:6px;padding:9px 10px;font-size:12px;cursor:pointer}nav button[aria-pressed=true]{background:#151817;color:#8cfab0;border-color:#151817}#count{margin-left:auto;font-size:11px;color:#4d6055;white-space:nowrap}#map{height:286px;background:#dfe9e0}.demo-pin{background:none;border:0}.demo-pin span{position:relative;display:grid;place-items:center;background:#151817;color:#8cfab0;border:2px solid #8cfab0;border-radius:50%;width:30px;height:30px;font:bold 13px Arial;box-shadow:0 3px 9px #15181766}.demo-pin span:after{content:'';position:absolute;bottom:-7px;border:5px solid transparent;border-top-color:#151817;border-bottom:0}.leaflet-container{font:12px Arial}.leaflet-control-attribution{font-size:9px!important}#customer{min-height:66px;padding:15px 19px;background:white;border-top:1px solid #d1dbd4}.hint{display:block;font-size:12px;color:#59695f;padding-top:9px}.customer-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.customer-top strong{font-size:17px}.tag{font-size:10px;background:#e1f9e9;border-radius:4px;padding:5px 7px}.customer-meta{font-size:12px;color:#53665b;margin:7px 0 0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;font-size:12px;line-height:1.5}.notes b{display:block;color:#3d6550;font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.others{margin-top:9px;font-size:11px;color:#53665b}footer{padding:9px 15px;font-size:9px;color:#65746a;background:#f1f4ee}.detail #map{height:234px}.detail #customer{min-height:187px}@media(max-width:380px){nav{gap:4px;padding:10px 8px}nav button{font-size:11px;padding:8px}#count{font-size:10px}.notes{font-size:11px}header{padding:15px}}
body:not(.detail).has-selection #map{height:176px}body:not(.detail).has-selection #customer{min-height:174px}

.demo-pin span{width:38px;height:36px;box-sizing:border-box;border-radius:12px;background:#8cfab0;color:#151817;border:2px solid #20392a;font-size:15px;font-weight:800;box-shadow:0 4px 0 #15181718,0 7px 15px #15181740;transition:box-shadow .15s ease}.demo-pin span:after{bottom:-10px;border-width:8px;border-top:10px solid #8cfab0;border-bottom:0}.demo-pin:hover span,.demo-pin:focus-visible span{box-shadow:0 0 0 4px #8cfab055,0 7px 18px #15181755}.demo-customer-select{max-width:75%;min-width:0;padding:6px 22px 6px 8px;border:1px solid #b5c9bc;border-radius:6px;background:#f0faf3;color:#151817;font:700 16px Arial}.notes{line-height:1.45}.others{margin-top:7px}body:not(.detail).has-selection #map{height:150px}