*{box-sizing:border-box}body{margin:0;font:14px/1.6 'IBM Plex Sans Thai',sans-serif;background:#f5f8fa;color:#16343b;letter-spacing:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0284c7;outline-offset:2px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:#086d71}button,.public-map-action{border:1px solid #c9d8de;background:white;border-radius:6px;color:#173b44;min-height:40px;padding:8px 13px;font-size:12px;text-decoration:none}.public-map-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:12px 28px;background:white;border-bottom:1px solid #d9e4e8}.map-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#16343b}.map-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#087f72;color:white;font-weight:700}.map-brand b{display:block;font-size:20px}.map-brand small{display:block;font-size:11px;color:#64748b}.map-staff-link{font-size:12px;white-space:nowrap}.public-map-shell{max-width:1600px;margin:auto;padding:24px 28px}.public-map-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.public-map-title h1{font-size:27px;line-height:1.4;margin:0}.public-map-title p{font-size:13px;color:#64748b;margin:5px 0 0}.public-map-actions{display:flex;gap:8px;flex-wrap:wrap}.public-map-filters{display:grid;grid-template-columns:minmax(160px,2fr) 1fr 1fr;gap:12px;border-block:1px solid #d6e1e5;padding:14px 0}.public-map-filters label{display:grid;gap:5px;font-size:11px;color:#526873}.public-map-filters input,.public-map-filters select{width:100%;min-width:0;min-height:42px;padding:9px;border:1px solid #c6d5dc;border-radius:5px;background:white;color:#16343b;font-size:13px}.public-map-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 0;font-size:12px}#publicMapUpdated{color:#64748b}.public-map-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;background:white;border:1px solid #cad8dc}.public-map-canvas-wrap{position:relative;min-width:0}#publicMapCanvas{height:650px;width:100%;background:#eaf0ec;z-index:0}#publicMapMessage{position:absolute;bottom:40px;left:12px;right:12px;z-index:450;border:1px solid #d9cf9c;background:#fffdf1;padding:9px 12px;border-radius:5px;font-size:12px;pointer-events:none}#publicMapMessage:empty{display:none}.public-map-workspace aside{border-left:1px solid #cad8dc;max-height:650px;overflow:auto}.public-map-tabs{display:flex;position:sticky;top:0;background:white;border-bottom:1px solid #d6e1e5;z-index:2}.public-map-tabs button{flex:1;border:0;border-bottom:3px solid transparent;border-radius:0;min-height:46px}.public-map-tabs button[aria-selected=true]{border-bottom-color:#087f72;color:#08695f;font-weight:600}.public-map-row{display:block;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #e0e8ec;border-radius:0;text-align:left;background:white}.public-map-row:hover{background:#edf8f3}.public-map-row b{font-size:13px}.public-map-row small{display:block;margin-top:5px;color:#64748b;font-size:11px}.public-map-person{padding:12px 0;border-bottom:1px solid #e0e8ec}.public-map-person h3{font-size:15px;margin:0 0 7px}.public-map-detail{padding:16px}.public-map-detail h2{font-size:19px;margin:14px 0 3px}.public-map-detail p{font-size:12px;color:#526873}.public-map-detail .public-map-actions{margin-top:14px}.public-map-pill{display:inline-block;font-size:11px;border:1px solid currentColor;border-radius:4px;padding:2px 6px;color:#64748b}.public-map-pill.bed{color:#be123c;background:#fff0f3}.public-map-pill.home{color:#a65c00;background:#fff6df}.public-map-pill.social{color:#087f5b;background:#ebfaf3}.public-map-empty{padding:24px 16px;color:#64748b;font-size:13px}.public-map-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0;color:#64748b;font-size:10px}.public-map-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.public-map-legend span{display:flex;align-items:center;gap:5px}.public-map-legend i{display:grid;place-items:center;width:23px;height:23px;font-style:normal;font-weight:600;color:white;background:#64748b;border-radius:4px}.public-map-legend .bed{background:#be123c}.public-map-legend .home{background:#a65c00}.public-map-legend .social{background:#087f5b}.public-marker{background:none;border:0}.public-marker>span{display:grid;place-items:center;width:36px;height:36px;border:3px solid white;border-radius:7px;box-shadow:0 2px 7px #0005;color:white;background:#64748b;font-size:13px;font-weight:700}.public-marker.bed>span{background:#be123c}.public-marker.home>span{background:#a65c00}.public-marker.social>span{background:#087f5b}.public-cluster{display:grid;place-items:center;border:3px solid #fff;background:#dce6ed;border-radius:50%;color:#234a5a;font-weight:700;box-shadow:0 1px 6px #0003}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:9px}#publicMapShareDialog{width:min(520px,94vw);padding:20px;border:1px solid #cad8dc;border-radius:8px;color:#16343b}#publicMapShareDialog h2{font-size:19px;margin:0}#publicMapShareDialog textarea{width:100%;min-height:260px;margin:12px 0;padding:12px;font-size:13px;border:1px solid #cad8dc}#publicMapToast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:90vw;background:#16343b;color:white;padding:10px 16px;border-radius:6px;z-index:2000;font-size:13px}
@media(max-width:700px){.public-map-header{padding:12px 14px;gap:8px}.map-brand b{font-size:17px}.map-brand small{font-size:9px}.map-brand{gap:8px}.map-staff-link{font-size:10px}.public-map-shell{padding:18px 12px}.public-map-title{align-items:flex-start;flex-wrap:wrap;gap:12px}.public-map-title h1{font-size:23px}.public-map-title p{font-size:12px}.public-map-filters{grid-template-columns:1fr 1fr;gap:9px}.public-map-filters label:first-child{grid-column:1/-1}.public-map-workspace{display:flex;flex-direction:column}#publicMapCanvas{height:440px}.public-map-workspace aside{border-left:0;border-top:1px solid #cad8dc;max-height:430px}.public-map-summary{font-size:11px}.public-map-detail .public-map-actions>*{flex:1;text-align:center}.public-map-legend{gap:9px}}