#newAccount{width:min(1000px,calc(100% - 24px));max-height:94dvh;box-sizing:border-box;border:1px solid #cfdfd3;border-radius:18px;background:#f7faf8;color:#1c3928;padding:24px;z-index:30000;overflow:auto;font:15px/1.5 system-ui,sans-serif}
#newAccount::backdrop{background:#102819aa;backdrop-filter:blur(3px)}
#newAccount [hidden]{display:none!important}.accountHead{position:sticky;top:-24px;background:#f7faf8;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;border-bottom:1px solid #d7e4da;padding:16px 0}.accountHead h2{font-size:23px;margin:0}
#newAccount button{background:#246b48;color:white;border:0;border-radius:8px;padding:10px 15px;cursor:pointer;font:600 14px system-ui,sans-serif}#newAccount button:disabled{opacity:.5;cursor:wait}#newAccount button.secondary{background:#e2eee6;color:#205137}#newAccount button.danger{background:#a34236}
#newAccount label{display:block;font-weight:600;margin:13px 0 6px}#newAccount input,#newAccount textarea,#newAccount select{display:block;width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #bed0c4;border-radius:7px;background:white;color:#183a29;font:16px system-ui,sans-serif;margin-top:5px}#newAccount textarea{min-height:70px}#newAccount .check{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:13px}#newAccount .check input{width:auto;flex:0 0 auto;margin-top:5px}
.accountCard{padding:17px;background:#fff;border:1px solid #dbe7de;border-radius:11px;margin:14px 0}.accountCard p{overflow-wrap:anywhere}.accountCard h3{margin-top:0}.accountActions{display:flex;gap:8px;flex-wrap:wrap}#accountMessage{padding:12px 14px;background:#e6f1e9;border-radius:8px;white-space:pre-wrap}#accountMessage.bad{background:#fff0e9;color:#8b3027}#newAccount summary{cursor:pointer;padding:10px 0;font-weight:650}#newAccount details{margin:10px 0}#financeEditor form{border:2px solid #75aa89;border-radius:10px;padding:16px;margin:16px 0}#auditList{font-size:12px;overflow-wrap:anywhere}
@media(max-width:650px){#newAccount{width:100%;height:95dvh;max-height:95dvh;margin:auto 0 0;padding:15px;border-radius:18px 18px 0 0}.accountHead{top:-15px}.accountHead h2{font-size:19px}.accountCard{padding:12px}}

body:not(.zl-admin) #zlRoadEditBtn,body:not(.zl-admin) #zlWaterDraw,body:not(.zl-admin) #zlRoadInfo button[data-admin-edit]{display:none!important}

[hidden]{display:none!important}
/* Administrative workspace: one section at a time, compact lists and retained requests. */
#newAccount .accountIdentity{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:4px 0 12px}#newAccount .accountIdentity p{margin:0;color:#51695b;font-size:13px}
#newAccount .adminNav{position:sticky;top:45px;z-index:3;display:flex;gap:6px;padding:9px;background:#f7faf8;border:1px solid #dce7df;border-radius:11px;margin:8px 0 20px;overflow:auto}#newAccount .adminNav button{white-space:nowrap;background:transparent;color:#486152}#newAccount .adminNav button[aria-selected="true"]{background:#246b48;color:#fff}
#newAccount .accountFilters{display:grid;grid-template-columns:minmax(160px,1fr) minmax(200px,2fr);gap:16px}#newAccount .muted{color:#607467;font-size:12px;line-height:1.6}.requestCard{border:1px solid #d8e5dc;border-radius:10px;background:#fff;overflow:hidden}.requestCard>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px!important;list-style:none}.requestCard summary small{display:block;font-weight:400;color:#63766a;margin-top:4px}.requestBody{padding:0 16px 16px;border-top:1px solid #edf2ee}.statusBadge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;background:#edf0ef;color:#4e6255}.status-new{background:#e7f1ff;color:#285e9a}.status-review{background:#fff3d8;color:#86600d}.status-done{background:#e2f2e6;color:#286b39}.status-rejected{background:#fae9e5;color:#954632}.listControls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.listControls input{flex:1;min-width:170px!important;width:auto!important}.listControls small{color:#607467}.listControls button{padding:8px 10px!important}
#finance_payment>.accountCard,#finance_collection>.accountCard,#finance_expense>.accountCard,#residentReviewList>.accountCard{padding:12px 14px;margin:8px 0}#finance_payment>.accountCard p{margin:4px 0;font-size:13px}
@media(max-width:650px){#newAccount .adminNav{top:38px;margin-left:-3px;margin-right:-3px;padding:6px}#newAccount .accountFilters{grid-template-columns:1fr;gap:0}.requestCard>summary{align-items:flex-start;flex-direction:column;gap:7px}}
#zlCommunityModal .chatMessage{padding:12px;border:1px solid #dce7df;border-radius:10px;margin:9px 0;background:#fff}#zlCommunityModal .chatOwn{background:#edf7ef;border-color:#b8d6bf}.chatMessageHead{display:flex;gap:6px;justify-content:space-between;flex-wrap:wrap}.chatMessageHead small{font-size:11px;color:#64766a}.chatMessage p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.chatToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.chatToolbar button,.chatModerate{font-size:12px;padding:7px 10px}.chatToolbar label{display:flex;align-items:center;gap:5px;font-size:12px}#zlChatMessages{max-height:420px!important}#zlChatText:disabled,#zlChatName:disabled{opacity:.65}

.zlMapHeader{display:flex;align-items:center;gap:12px}.zlMapBrand{color:white;text-decoration:none;font-weight:750;font-size:20px;white-space:nowrap}.zlMapHeader h1,.zlMapHeader small{display:none}.zlMapMenu{margin-left:auto;position:relative}.zlMapMenu summary{cursor:pointer;padding:10px 14px;background:#f3f7f2;color:#194d32;border-radius:7px;list-style:none;font-weight:650}.zlMapMenu>div{position:absolute;right:0;top:48px;z-index:1500;width:270px;background:white;padding:12px;display:grid;gap:8px;box-shadow:0 10px 30px #163d3430;border-radius:10px}.zlMapMenu button{width:100%;text-align:left;margin:0!important}.zlMapHeader>#zlResidentBtn{white-space:nowrap;background:#f3f7f2;color:#194d32}.zlMapHeader>#refresh{font-size:12px}#topSummary{grid-template-columns:repeat(4,minmax(0,1fr))}#topSummary .metric{font-size:12px}#topSummary .metric b{font-size:20px}#publicHistoryNote{font-size:12px;line-height:1.5;color:#5c7162} @media(max-width:650px){.zlMapHeader{padding:10px 12px;gap:8px;flex-wrap:nowrap;min-height:62px}.zlMapBrand{font-size:17px}.zlMapHeader>#refresh{display:none}.zlMapHeader>#zlResidentBtn{font-size:12px;padding:10px}.zlMapMenu summary{font-size:12px;padding:10px}#topSummary{padding:8px;gap:6px}#topSummary .metric{padding:7px;min-width:0}#topSummary .metric b{font-size:15px;overflow-wrap:anywhere}#topSummary .metric small{font-size:10px}.layout{padding:8px;gap:8px}#zlMapPanel{max-height:78dvh;min-height:320px}.side{padding:12px}#zlMapExpand{font-size:12px;padding:10px}.zlMapMenu>div{right:0;width:min(280px,90vw)}} @media(max-width:370px){#topSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.zlMapBrand{font-size:15px}}