.danisha-map-shell{--map-green:#bfe8d4;--map-green-strong:#2f8c71;--map-vacant:#e7ebe9;--map-line:#80928a;position:relative;background:#fff;border:1px solid #dfe7e3;border-radius:26px;box-shadow:0 22px 60px rgba(24,64,47,.09);overflow:hidden}
.danisha-map-shell.private-map{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:start;min-height:820px;overflow:visible}
.map-kicker{display:block;color:#2f8063;font-size:.65rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.map-detail-panel{position:sticky;z-index:14;top:88px;width:auto;max-height:calc(100vh - 112px);margin:18px 0 18px 18px;padding:25px 22px;overflow:auto;border:1px solid rgba(218,229,223,.92);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 18px 42px rgba(24,64,47,.14);backdrop-filter:blur(14px)}
.map-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:9px 0 24px}
.map-detail-heading h2{margin:0;font:650 1.65rem/1.1 Inter,Helvetica,Arial,sans-serif;letter-spacing:-.035em}
.map-detail-heading b{padding:6px 9px;border-radius:999px;background:#eef2f0;color:#68766f;font-size:.62rem;white-space:nowrap}
.map-detail-heading b.occupied{background:#dff3e9;color:#217057}.map-detail-heading b.vacant{background:#e9edeb;color:#69766f}
.map-detail-panel>label{display:block;margin:17px 0 5px;color:#829089;font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.map-detail-panel>p{min-height:20px;margin:0;color:#21352d;font-size:.87rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.map-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.map-contact{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:10px;background:#215e47;color:#fff;text-decoration:none;font-size:.7rem;font-weight:800}
.map-contact.whatsapp{background:#289b63}.map-contact.disabled{background:#e9eeeb;color:#8a9791;pointer-events:none}
.map-report-button{width:100%;margin-top:9px;padding:10px;border:1px solid #dce6e1;border-radius:10px;background:#fff;color:#35614f;font-size:.7rem;font-weight:800}
.map-report-button:hover{background:#f1f7f4}
.map-updated{display:block;margin-top:17px;padding-top:15px;border-top:1px solid #e1e8e4;color:#7c8a83;font-size:.64rem;line-height:1.5}.map-updated strong{display:block;color:#465951;margin-top:2px}
.map-legend{display:grid;gap:9px;margin-top:21px;color:#68776f;font-size:.66rem}.map-legend span{display:flex;align-items:center;gap:8px}.map-legend i{width:12px;height:12px;border:1px solid rgba(61,83,73,.18);border-radius:4px}.map-legend i.occupied{background:var(--map-green)}.map-legend i.vacant{background:var(--map-vacant)}.map-legend i.mine{background:var(--map-green-strong);box-shadow:0 0 0 3px rgba(47,140,113,.14)}
.map-view-area{position:relative;min-width:0;padding:18px;background:linear-gradient(135deg,#f7f9f8,#edf2ef)}
.private-map .map-view-area{min-height:820px;border-radius:0 26px 26px 0;overflow:hidden}
.map-toolbar{min-height:54px;display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px;border:1px solid #e1e8e4;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(35,66,53,.07)}
.map-toolbar>div:first-child{display:grid;gap:2px;margin-right:auto}.map-toolbar>div:first-child strong{font-size:.84rem}
.map-toolbar>button,.map-zoom button{height:37px;border:1px solid #dce5e0;border-radius:10px;background:#fff;color:#36594a;font-size:.72rem;font-weight:800}
.map-toolbar>button{padding:0 13px}.map-toolbar>button:hover,.map-zoom button:hover{background:#edf6f1}
.map-search{position:relative;display:flex;align-items:center;flex:1;max-width:460px}.map-search span{position:absolute;left:13px;color:#668076;font-size:1rem}.map-search input{height:38px;padding:0 13px 0 36px;border:1px solid #dce5e0;border-radius:10px;background:#fbfcfb;font-size:.75rem}
.map-zoom{display:flex;gap:5px;margin-left:auto}.map-zoom button{width:38px;padding:0;font-size:1.05rem}
.map-zoom .map-fit-button{width:auto;padding:0 10px;font-size:.62rem;white-space:nowrap}
.map-scroll{height:655px;overflow:auto;overscroll-behavior:contain;border:1px solid #dde5e1;border-radius:18px;background:#fff;scrollbar-color:#9eb3a9 #edf2ef;scrollbar-width:thin;-webkit-overflow-scrolling:touch;cursor:grab}.map-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto}.map-scroll.is-dragging .map-house{pointer-events:none}
.map-canvas{position:relative;width:var(--map-canvas-width,760px);max-width:none;aspect-ratio:1655/2340;margin:16px auto;transition:width .22s ease;isolation:isolate}
.private-map .map-scroll{height:740px}.private-map .map-canvas{width:max(820px,calc(100% - 32px))}
.public-map .map-scroll{height:min(76vh,790px);display:block;max-width:100%;overflow:auto}.public-map .map-canvas{width:min(570px,calc(100% - 20px));margin:10px auto}
.map-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;z-index:1}
.map-houses{position:absolute;inset:0;z-index:5}
.map-house{position:absolute;display:grid;place-items:center;margin:0;padding:0;border:1px solid rgba(87,111,101,.55);background:var(--map-vacant);color:#5c6e66;box-shadow:0 2px 0 rgba(70,91,82,.18);transition:filter .16s,transform .16s,background .16s,box-shadow .16s;overflow:hidden}
.map-house span{font:800 clamp(4px,.48vw,7px)/1 Inter,Helvetica,Arial,sans-serif;letter-spacing:-.04em;pointer-events:none;white-space:nowrap}
.map-house.occupied{background:rgba(191,232,212,.98);color:#195642;border-color:#6da98f}.map-house.vacant{background:rgba(231,235,233,.98)}
.map-house.public-house{background:rgba(255,255,255,.96);color:#4c6158;border-color:#9bada5}
.map-house:hover,.map-house:focus-visible{z-index:8;outline:none;filter:brightness(1.03);transform:translateY(-2px) scale(1.025);box-shadow:0 7px 0 rgba(42,104,80,.30),0 12px 18px rgba(35,70,56,.18)}
.map-house.selected,.map-house.selected:hover{z-index:10;background:var(--map-green-strong);color:#fff;border-color:#fff;box-shadow:0 8px 0 #1d6b53,0 0 0 5px rgba(47,140,113,.22),0 14px 24px rgba(25,82,61,.28);transform:translateY(-4px) scale(1.035)}
.map-house.my-home:not(.selected){animation:map-home-pulse 1.8s ease-in-out infinite;box-shadow:0 0 0 5px rgba(47,140,113,.23)}
@keyframes map-home-pulse{50%{filter:brightness(1.08);box-shadow:0 0 0 9px rgba(47,140,113,.08)}}
.map-facilities{position:absolute;z-index:4;left:14.8%;top:45.7%;width:42.5%;height:8.1%;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:1.2%;padding:1.1%;border:2px solid rgba(64,91,79,.35);border-radius:15% 18% 16% 15%;background:rgba(245,248,246,.96);box-shadow:0 5px 12px rgba(42,65,55,.18);transform:rotate(1.45deg);transform-origin:center}
.map-facility{position:relative;display:grid;place-items:center;padding:3%;border-radius:12%;overflow:hidden}.map-facility span{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.88);color:#27483b;font:800 clamp(4px,.46vw,7px)/1 Inter,sans-serif;white-space:nowrap}
.map-facility svg{width:88%;height:82%}.map-facility.court{background:#a7d9c6}.map-facility.court svg{fill:#79bea4;stroke:#fff;stroke-width:2}.map-facility.hall{background:#e6dcc6}.map-facility.hall svg{fill:none;stroke:#6b5840;stroke-width:2.3}.map-facility.hall .roof{fill:#c5785e}.map-facility.hall .wall{fill:#f3e8d0}.map-facility.hall .door{fill:#8e6b4f}.map-facility.playground{background:#dcebbd}.map-facility.playground svg{fill:none;stroke:#4f7862;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.map-facility.playground{grid-column:1;grid-row:1}.map-facility.hall{grid-column:2;grid-row:1}.map-facility.court{grid-column:3;grid-row:1}
.map-login-card{position:absolute;z-index:14;right:38px;bottom:38px;width:min(320px,calc(100% - 76px));padding:20px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 20px 48px rgba(21,55,41,.18);backdrop-filter:blur(13px)}
.map-login-card>span{display:block;color:#2f8063;font-size:.62rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.map-login-card strong{display:block;margin-top:7px;font-size:1rem}.map-login-card p{margin:8px 0 15px;color:#718078;font-size:.72rem;line-height:1.55}.map-login-card a{display:inline-flex;padding:10px 13px;border-radius:10px;background:#174e35;color:#fff;text-decoration:none;font-size:.72rem;font-weight:800}
.map-toast{position:absolute;z-index:20;left:50%;bottom:30px;max-width:calc(100% - 40px);padding:9px 13px;border-radius:10px;background:#173b2e;color:#fff;font-size:.7rem;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:.2s}.map-toast.show{opacity:1;transform:translate(-50%,0)}
.public-map{max-width:1050px;margin:0 auto}.public-map,.public-map .map-view-area,.public-map .map-scroll{min-width:0}.public-map .map-view-area{padding:20px;overflow:hidden}.public-map .map-toolbar{position:relative;z-index:13}.public-map .map-house span{display:none}
#peta .map-entry-button{width:auto;min-width:0;min-height:40px;margin-bottom:6px;padding:0 15px;border-radius:11px;font-size:.75rem;line-height:1.2;white-space:nowrap}

@media(min-width:901px){
  .resident-main:has(.private-map){max-width:1600px;padding-inline:clamp(18px,2.2vw,38px)}
  .resident-main:has(.private-map)>.page-heading{max-width:1500px;margin-inline:auto}
  .private-map{width:100%;max-width:1500px;margin-inline:auto}
}

@media(max-width:900px){
  .danisha-map-shell.private-map{display:flex;min-height:0;overflow:hidden;flex-direction:column}.map-detail-panel{position:relative;top:auto;order:2;width:auto;max-height:none;margin:0;padding:22px;border:0;border-top:1px solid #e2e9e5;border-radius:0;background:linear-gradient(145deg,#fff,#f7faf8);box-shadow:none;backdrop-filter:none}.map-view-area{order:1}.private-map .map-view-area{min-height:0;border-radius:26px 26px 0 0}.map-scroll,.private-map .map-scroll{height:570px}.private-map .map-canvas{width:var(--map-canvas-width,760px)}.map-contact-actions{max-width:420px}.public-map .map-scroll{height:680px}.map-login-card{right:28px;bottom:28px}
}
@media(max-width:600px){
  .map-view-area,.public-map .map-view-area{padding:10px}.map-toolbar{align-items:stretch;flex-wrap:wrap}.map-search{order:3;max-width:none;flex-basis:100%}.map-toolbar>button{flex:1}.map-scroll{width:100%;max-width:100%;height:min(68vh,540px);min-height:430px;overflow:scroll;border-radius:14px}.private-map .map-canvas,.public-map .map-canvas{width:calc(100% - 8px);margin:4px auto}.public-map .map-scroll{height:min(68vh,540px)}.map-login-card{position:relative;right:auto;bottom:auto;width:auto;margin:10px 0 0}.map-house span{font-size:clamp(3px,1.05vw,5px)}.map-facility span{font-size:4px}.map-detail-heading{margin-bottom:16px}#peta .map-entry-button{min-height:38px;padding:0 13px;font-size:.72rem}
}
@media(hover:none) and (pointer:coarse){.map-scroll{touch-action:none}}