/* MH Development Suite — Map module */
.mhm-root{--mhm-green:#0b6b3a;--mhm-green2:#0e8a4a;--mhm-ink:#16302a;--mhm-amber:#e08a1e;--mhm-line:#e3e8e3;--mhm-card:#fff;}
.mhm-root *{box-sizing:border-box}
.mhm-root .mhwrap{height:540px;font-family:"Hind Siliguri",system-ui,Segoe UI,sans-serif;color:var(--mhm-ink);background:#f4f6f4;border:1px solid var(--mhm-line);border-radius:12px;overflow:hidden}
.mhm-root .wrap{display:flex;height:100%}
.mhm-root .side{width:360px;min-width:360px;background:var(--mhm-card);border-right:1px solid var(--mhm-line);display:flex;flex-direction:column;height:100%}
.mhm-brand{padding:12px 15px;background:linear-gradient(135deg,var(--mhm-green),var(--mhm-green2));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.mhm-brand-t{flex:1 1 auto;min-width:0}
.mhm-brand-t h3{margin:0;font-size:15px;font-weight:700;line-height:1.3;color:#fff}
.mhm-brand-t p{margin:4px 0 0;font-size:11.5px;opacity:.9}
.mhm-brand-btns{display:flex;gap:6px;flex:0 0 auto}
.mhm-fullbtn{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}
.mhm-fullbtn:hover{background:rgba(255,255,255,.3)}
.mhm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px}
.mhm-stat{background:#f7faf7;border:1px solid var(--mhm-line);border-radius:10px;padding:8px;text-align:center}
.mhm-stat{padding:8px 5px}.mhm-stat b{display:block;font-size:18px;line-height:1}.mhm-stat span{font-size:10.5px;color:#5a6b60;display:block;margin-top:3px}
.mhm-stat.c b{color:var(--mhm-green2)}.mhm-stat.o b{color:var(--mhm-amber)}.mhm-stat.a b{color:#2b6cb0}
.mhm-tools{padding:4px 14px 8px}
.mhm-tools input{width:100%;padding:9px 11px;border:1px solid var(--mhm-line);border-radius:9px;font-size:13px;font-family:inherit}
.mhm-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 14px 4px}
.mhm-chip{font-size:11.5px;padding:5px 10px;border:1px solid var(--mhm-line);border-radius:20px;background:#fff;cursor:pointer;user-select:none}
.mhm-chip.is-active{background:var(--mhm-green);color:#fff;border-color:var(--mhm-green)}
.mhm-chip.amber.is-active{background:var(--mhm-amber);border-color:var(--mhm-amber)}
.mhm-catbar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:2px 14px 8px;border-bottom:1px solid var(--mhm-line);scrollbar-width:thin}
.mhm-catchip{font-size:11px;padding:4px 9px;border:1px solid var(--mhm-line);border-radius:7px;background:#fff;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.mhm-catchip.is-active{background:var(--mhm-ink);color:#fff;border-color:var(--mhm-ink)}
.mhm-count{font-size:11.5px;color:#5a6b60;padding:8px 14px 2px}
.mhm-list{overflow-y:auto;flex:1;min-height:0;padding:0 8px 16px}
.mhm-item{display:flex;gap:9px;padding:10px;border:1px solid var(--mhm-line);border-radius:10px;margin:6px;cursor:pointer;transition:.12s;background:#fff}
.mhm-item:hover{border-color:var(--mhm-green2);box-shadow:0 2px 8px rgba(11,107,58,.08)}
.mhm-item.is-sel{border-color:var(--mhm-green2);background:#f3fbf5}
.mhm-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:0 0 10px}
.mhm-dot.completed{background:var(--mhm-green2)}.mhm-dot.ongoing{background:var(--mhm-amber)}
.mhm-item h4{margin:0 0 4px;font-size:12.5px;font-weight:600;line-height:1.4}
.mhm-meta{font-size:10.5px;color:#6a7a70;display:flex;gap:8px;flex-wrap:wrap}
.mhm-tag{background:#eef3ef;border-radius:5px;padding:1px 6px}
.mhm-root .mapwrap{flex:1;position:relative}
.mhm-root #mhmap{width:100%;height:100%;background:#eaf0ea}
.mhm-legend{position:absolute;bottom:16px;left:16px;z-index:600;background:rgba(255,255,255,.95);border-radius:10px;padding:10px 12px;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.mhm-legend div{display:flex;align-items:center;gap:7px;margin:3px 0}.mhm-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.mhm-note{position:absolute;top:12px;right:12px;z-index:600;background:rgba(255,255,255,.95);border-radius:8px;padding:7px 10px;font-size:11px;max-width:200px;color:#5a6b60;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.mhm-root .mhwrap:fullscreen,.mhm-root .wrap:fullscreen{height:100vh!important;width:100vw!important;border-radius:0}
.mhm-full{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;z-index:2147483600!important;border-radius:0!important}
.mhm-lp h3{margin:0 0 6px;font-size:13px;line-height:1.4}
.mhm-lp .mhm-badge{display:inline-block;font-size:10.5px;color:#fff;border-radius:5px;padding:2px 7px;margin-right:5px}
.mhm-lparea{margin-top:6px;font-size:11.5px;color:#6a7a70}
.mhm-lpbar{height:7px;background:#e7ece7;border-radius:5px;margin-top:9px;overflow:hidden}
.mhm-lpbar i{display:block;height:100%;border-radius:5px}
.mhm-lppct{font-size:11px;color:#5a6b60;margin-top:4px}
.mhm-lpdet{margin:7px 0 0;font-size:11.5px;color:#54625a;line-height:1.5;max-height:120px;overflow:auto}
.mhm-lp a{display:inline-block;margin-top:8px;font-size:11.5px;color:var(--mhm-green2);font-weight:600;text-decoration:none}
@media(max-width:720px){
 .mhm-root .mhwrap{height:auto}
 .mhm-root .wrap{flex-direction:column;height:auto}
 .mhm-root .mapwrap{order:-1;flex:0 0 auto;height:340px;min-height:340px}
 .mhm-root .side{width:100%;min-width:0;height:auto;flex:0 0 auto}
 .mhm-list{flex:0 0 auto;max-height:46vh;min-height:0}
}
.mhm-alloc-wrap{padding:4px 14px 8px}
.mhm-alloctgl{width:100%;font-size:12px;font-weight:600;padding:8px 10px;border:1px solid #cdd8ea;border-radius:9px;background:#f2f6fc;color:#274b7a;cursor:pointer;font-family:inherit}
.mhm-alloctgl:hover{background:#e7f0ff}
.mhm-alloctgl.is-on{background:#2b6cb0;border-color:#2b6cb0;color:#fff}
