@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#233748;background:#f4f7f9;font-synthesis:none;--navy:#102b40;--blue:#137fcd;--border:#e5ebef;--muted:#768794;--shadow:0 4px 24px #172d4110;--radius:12px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100dvh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #50b7ec;outline-offset:3px}button svg,[data-icon] svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button{border:0}button,a{touch-action:manipulation}a{color:inherit}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.sidebar{width:220px;flex-shrink:0;background:var(--navy);color:#b5c6d2;padding:31px 16px 0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:800}.brand{display:flex;align-items:center;gap:9px;margin:0 8px 34px;text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-.8px;color:white;white-space:nowrap}.brand-symbol{color:#45bafa}.brand-symbol svg{width:28px;height:28px}.brand small{font-size:15px;font-weight:500;color:#63caff;letter-spacing:-.4px}.workspace-label,.nav-label{font-size:.75rem;font-weight:600;letter-spacing:1.3px;color:#7e9bad;margin:0 14px 12px}.organization{display:flex;align-items:center;gap:11px;background:#1c384e;border:1px solid #355166;border-radius:9px;padding:12px;margin:0 4px 29px}.organization strong{color:white;font-size:15px}.organization small{display:block;font-size:.75rem;line-height:1.9;color:#a9bcc9;white-space:nowrap}.org-avatar{font-size:27px;font-weight:700;background:#f5fbff;color:#168cbc;border-radius:7px;line-height:38px;text-align:center;min-width:38px}.org-avatar span{color:#70ba2d}.nav-label{font-size:.75rem;letter-spacing:1.2px;margin-bottom:10px}.nav-item{width:100%;justify-content:flex-start;gap:12px;padding:13px 12px;color:#b7c8d3;background:transparent;border-radius:7px;font-size:13px;margin-bottom:6px;position:relative;text-align:left;white-space:nowrap}.nav-item:hover{background:#234258;color:white}.nav-item.active{background:#1c78b5;color:white}.nav-item small{font-size:.75rem;margin-left:auto;background:#ffffff14;padding:2px 5px;border-radius:4px}.nav-item.active i{position:absolute;height:18px;width:3px;background:#6bd2ff;left:-16px;border-radius:0 3px 3px 0}.nav-status{width:6px;height:6px;border-radius:50%;background:#68d5ad;margin-left:auto}.sidebar-bottom{margin-top:auto}.demo-sidebar{display:flex;gap:10px;align-items:center;padding:13px 10px;margin:12px 0 19px;border:1px solid #395369;border-radius:8px;color:#d4e7f3;font-size:.75rem}.demo-sidebar>span{color:#6ec8f7}.demo-sidebar small{display:block;color:#8fa9bb;margin-top:4px;font-size:.75rem}.profile{border-top:1px solid #2b465a;margin-top:20px;padding:20px 4px;display:flex;gap:10px;align-items:center}.avatar{border-radius:50%;width:35px;height:35px;background:#dfeaf0;color:#355771;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.profile strong{font-size:.75rem;font-weight:550;color:#e0eaf1}.profile small{display:block;font-size:.75rem;color:#8da7b9;margin-top:5px}.avatar.small{width:30px;height:30px;font-size:.75rem;background:#e7eff5}.sidebar+main{margin-left:220px;width:calc(100% - 220px);min-height:100dvh;display:flex;flex-direction:column}.topbar{height:65px;background:white;border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:20px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:.75rem;color:#81909d;white-space:nowrap}.breadcrumb span{color:#c4cdd3}.breadcrumb strong{font-weight:500;color:#344e61}.topbar-end{display:flex;align-items:center;gap:15px}.demo-badge{font-size:.75rem;letter-spacing:.7px;font-weight:700;color:#967123;background:#fff5dc;border:1px solid #f1e5c9;padding:5px 7px;border-radius:4px}.date-label{font-size:.75rem;color:#758591}.icon-button{background:transparent;color:#718595;border-radius:6px;padding:6px}.icon-button:hover{background:#edf3f8}.page-heading{padding:25px 28px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:.75rem;letter-spacing:1.5px;font-weight:600;color:#7a8c98;margin-bottom:6px}h1{font-size:27px;line-height:1.3;letter-spacing:-.7px;font-weight:650;color:#17354b}.heading-actions{display:flex;gap:10px}.button{padding:10px 15px;font-size:13px;font-weight:550;border-radius:7px;min-height:40px;border:1px solid transparent;transition:background .15s}.primary{background:#1480c9;color:white;box-shadow:0 2px 3px #0065a319}.primary:hover{background:#096bad}.secondary{background:white;border-color:#dce5eb;color:#425d70}.secondary:hover{background:#f4f9fc}.ghost{background:transparent;color:#47718b}.danger{background:#fef0ef;color:#c84943}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0 28px 23px;background:white;border:1px solid var(--border);border-radius:10px;padding:20px 0;box-shadow:0 2px 4px #14364c03}.metric{display:flex;align-items:center;gap:13px;position:relative;padding:0 20px;min-width:0;border-right:1px solid var(--border)}.metric:last-child{border:0}.metric-icon{display:flex;align-items:center;justify-content:center;width:39px;height:43px;border-radius:9px;flex-shrink:0}.metric-icon svg{width:21px;height:21px}.blue{background:#edf6fd;color:#228bcf}.teal{background:#eaf8f6;color:#299a88}.amber{background:#fff7e6;color:#c29b36}.purple{background:#f1f0fb;color:#8975ba}.metric-label{display:block;font-size:.75rem;white-space:nowrap;color:#748794;margin-bottom:5px}.metric strong{font-size:24px;line-height:1;font-weight:600;letter-spacing:-.7px;color:#1b3a50}.metric strong small{font-size:13px;letter-spacing:0;font-weight:500;color:#8ca0ad}.metric-note{display:none;font-size:.75rem;color:#93a3af;margin-left:auto;align-self:flex-end;padding-bottom:2px}.metric .sync-metric{font-size:18px;font-weight:550;letter-spacing:-.3px}.map-workspace{margin:0 28px;display:flex;flex:1;min-height:470px;height:calc(100dvh - 315px);max-height:1100px;border:1px solid #dde6eb;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);position:relative;background:white}.map-area{position:relative;flex:1;min-width:0;overflow:hidden;background:#e7eef0}#map{width:100%;height:100%;z-index:0;background:#e8eff1}.leaflet-container{font-family:inherit}.leaflet-tile-pane{filter:saturate(.55)}.leaflet-control-attribution{font-size:.75rem!important;background:#ffffffbb!important}.leaflet-control-scale{margin-bottom:49px!important;margin-left:18px!important}.leaflet-control-scale-line{background:#ffffffa0!important;font-size:.75rem!important;border-color:#6c7e88!important;color:#637783!important}.map-top-left{position:absolute;top:18px;left:18px;z-index:500;width:236px;pointer-events:none}.map-top-left>*{pointer-events:auto}.search-wrap{background:white;border:1px solid #e3e8eb;box-shadow:var(--shadow);border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:8px;position:relative}.search-wrap>span{color:#8d9ba5}.search-wrap input{border:0;outline:0;min-width:0;font-size:.75rem;flex:1;padding:13px 0;color:#28485e;background:transparent}.search-wrap kbd{font-size:.75rem;color:#95a2ad;font-family:inherit;padding:2px 3px;border:1px solid #e2e9ee;border-radius:3px;white-space:nowrap}.layer-panel{margin-top:12px;background:#fffffff8;border:1px solid #e3e8eb;border-radius:9px;box-shadow:var(--shadow);overflow:hidden;width:220px}.layer-heading{width:100%;justify-content:space-between;padding:15px;background:none;font-size:13px;font-weight:600;color:#354e60;border-bottom:1px solid var(--border)}.layer-heading>span:first-child{display:flex;align-items:center;gap:8px}.layer-heading>span:last-child{color:#7d909e}.layer-group-label{padding:17px 15px 8px;font-size:.75rem;font-weight:600;letter-spacing:1px;color:#8a9ba6;display:flex;justify-content:space-between}.layer-row{display:flex;align-items:center;gap:7px;padding:9px 15px;font-size:.75rem;color:#4e6575;cursor:pointer}.layer-row:hover{background:#f4f8fb}.layer-name{display:flex;align-items:center;gap:9px;flex:1}.layer-count{font-size:.75rem;color:#8d9ca7;background:#f0f4f7;border-radius:3px;padding:2px 5px}.layer-row input{appearance:none;width:24px;height:14px;background:#cdd7dd;border-radius:20px;margin:0 0 0 4px;cursor:pointer;position:relative;flex-shrink:0}.layer-row input:checked{background:#2c8dd0}.layer-row input:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:white;top:2px;left:2px;transition:transform .2s}.layer-row input:checked:before{transform:translateX(10px)}.legend-symbol{width:12px;height:12px;border:2px solid var(--symbol,#268de1);border-radius:50%;display:inline-block;flex-shrink:0;background:#fff}.legend-symbol.pipe{height:3px;border:0;background:var(--symbol);border-radius:2px}.legend-symbol.hydrant{border-radius:2px;transform:rotate(45deg);width:9px;height:9px;margin:0 2px}.legend-symbol.district{border:1.5px dashed #479da9;border-radius:2px;background:#e9f7f8}.layer-separator{height:1px;background:var(--border);margin:9px 15px 3px}.district-row{padding-bottom:14px}.layer-footer{font-size:.75rem;color:#8b9da9;border-top:1px solid #edf0f3;padding:11px 15px;display:flex;align-items:center;gap:6px}.tiny-dot{width:5px;height:5px;background:#91a6b2;border-radius:50%}.map-tools{position:absolute;right:15px;top:18px;z-index:500;display:flex;flex-direction:column;gap:3px;background:white;border:1px solid #dde6ed;border-radius:8px;padding:4px;box-shadow:var(--shadow)}.tool{height:34px;width:34px;border-radius:5px;background:white;color:#728797}.tool:hover{background:#edf5fa;color:#127cbf}.tool.active{background:#e5f3fc;color:#1682ce}.tool-divider{height:1px;background:var(--border);margin:3px}.map-caption{position:absolute;bottom:17px;left:18px;z-index:450;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid #e3e9ed;border-radius:6px;padding:9px 12px;box-shadow:var(--shadow);font-size:.75rem}.map-caption strong{font-weight:600}.map-caption>span:last-child{color:#8a9ba6}.location-dot{width:7px;height:7px;background:#3aa3db;border:2px solid #d4ecf7;border-radius:50%;box-sizing:content-box}.map-base{position:absolute;bottom:22px;right:15px;z-index:450}.map-base button{background:#ffffffed;color:#557285;padding:9px 11px;border:1px solid #dce6ec;box-shadow:var(--shadow);border-radius:6px;font-size:.75rem}.map-base button svg{width:15px;height:15px}.detail-panel{width:296px;flex-shrink:0;background:white;overflow-y:auto;display:flex;flex-direction:column;z-index:600;border-left:1px solid var(--border)}.detail-top{padding:20px 20px 0}.detail-topline{display:flex;justify-content:space-between;align-items:center;color:#8799a5;font-size:.75rem;letter-spacing:1.1px;font-weight:500}.detail-title{display:flex;gap:10px;margin:14px 0 10px;align-items:center}.feature-icon{width:39px;height:39px;border:1px solid #dbedf9;background:#eef7fd;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#188ad4}.detail-title h2{font-size:18px;font-weight:650;letter-spacing:-.3px}.detail-title p{font-size:.75rem;color:#8ba0ad;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;padding:4px 7px;background:#eaf7f1;color:#398d73;border-radius:4px;white-space:nowrap}.status-pill.review{background:#fff6e5;color:#b48220}.status-pill.draft{background:#eef1fc;color:#7a71bd}.status-pill:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.detail-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px;margin-top:18px;gap:22px}.detail-tab{background:none;font-size:.75rem;padding:11px 0;color:#8d9ca7;position:relative}.detail-tab.active{color:#1681c9;font-weight:600}.detail-tab.active:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#1681c9}.detail-body{padding:19px 20px;flex:1}.section-label{font-size:.75rem;color:#8e9ea8;letter-spacing:1px;font-weight:550;margin-bottom:16px}.properties{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;margin-bottom:21px}.property dt{font-size:.75rem;color:#8195a3;margin-bottom:5px}.property dd{font-size:.75rem;margin:0;color:#345265;font-weight:500}.property.wide{grid-column:1 / -1}.technical-note{padding:12px;background:#f6f9fb;border:1px solid #eaf0f4;border-radius:7px;font-size:.75rem;color:#728999;line-height:1.7}.technical-note strong{display:block;font-size:.75rem;color:#4b6d82;font-weight:600;margin-bottom:4px}.sync-card{margin-top:20px;border-top:1px solid var(--border);padding-top:17px}.sync-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:500;color:#567486}.sync-card-header>span{display:flex;gap:7px;align-items:center}.sync-card small{display:block;font-size:.75rem;color:#8da0ab;margin-top:7px}.detail-bottom{padding:15px 20px;border-top:1px solid var(--border);background:#fff;position:sticky;bottom:0}.detail-bottom .button{width:100%;font-size:.75rem;min-height:38px}.detail-bottom small{display:block;text-align:center;font-size:.75rem;color:#91a3ae;margin-top:9px}.statusbar{display:flex;justify-content:space-between;gap:12px;margin:0 28px;min-height:40px;align-items:center;font-size:.75rem;color:#8b9eaa}.statusbar>span{display:flex;align-items:center;gap:7px}.statusbar strong{font-weight:500}.statusbar b{font-weight:400;color:#b2c0ca}.status-dot{width:5px;height:5px;background:#5aaa94;border-radius:50%}.district-label{background:transparent;border:0;box-shadow:none;font:600 10px 'DM Sans',sans-serif;letter-spacing:2px;color:#65939b;opacity:.8}.district-label:before{display:none}.feature-marker{background:none;border:0}.node-dot{border:2.5px solid var(--node-color);background:white;width:12px;height:12px;border-radius:50%;box-shadow:0 1px 5px #153c5b25;display:block}.node-dot.hydrant{border-radius:2px;transform:rotate(45deg);width:10px;height:10px}.node-dot.meter{border-radius:3px;background:var(--node-color);border-color:white;box-shadow:0 0 0 1.5px var(--node-color)}.node-dot.selected{box-shadow:0 0 0 5px #ffffffa0,0 0 0 7px var(--node-color)}.leaflet-tooltip.feature-tooltip{border:1px solid #dce7ef;border-radius:6px;font-size:.75rem;padding:7px 10px;box-shadow:0 2px 10px #1b304815;color:#345569}.map-hint,.map-warning,.draw-bar{position:absolute;z-index:600;bottom:74px;left:50%;transform:translateX(-50%);background:#102b40ed;color:white;border-radius:8px;padding:12px 16px;font-size:.75rem;box-shadow:0 5px 22px #14354b33;max-width:95%;text-align:center}.draw-bar{display:flex;gap:10px;align-items:center;bottom:18px;white-space:nowrap}.draw-bar button{padding:7px 10px;border-radius:5px;font-size:.75rem}.map-warning{top:10px;bottom:auto;background:#fff4d8;color:#826727}.toast-region{position:fixed;right:28px;bottom:27px;z-index:3000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#163a50;color:white;box-shadow:0 8px 35px #102b4033;padding:15px 20px;max-width:420px;border-radius:9px;font-size:13px;display:flex;align-items:center;gap:10px;animation:toast-in .2s ease-out}.toast svg{color:#79d9b8;flex-shrink:0;width:18px;height:18px}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}}.list-view{flex:1;margin:0 28px;min-height:470px;background:white;border:1px solid var(--border);border-radius:12px;overflow:auto;padding:25px}.list-view h2{font-size:20px}.view-subtitle{font-size:13px;color:var(--muted);margin:8px 0 24px}dialog{border:1px solid #d7e3eb;border-radius:14px;padding:0;max-width:min(530px,calc(100vw - 30px));width:530px;color:#28485e;box-shadow:0 25px 100px #132f4b33}dialog::backdrop{background:#102b4065;backdrop-filter:blur(3px)}.dialog-header{padding:25px 26px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border)}.dialog-header h2{font-size:21px;letter-spacing:-.3px}.dialog-header p{font-size:13px;color:#8a9aa6;margin-top:7px;line-height:1.5}.dialog-body{padding:23px 26px}.dialog-actions{padding:17px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:.75rem;font-weight:500;color:#567285}.field input,.field select,.field textarea{width:100%;border:1px solid #dbe4eb;border-radius:6px;padding:10px 12px;font-size:13px;color:#2c4f67;background:white}.field.wide{grid-column:1 / -1}.field textarea{min-height:75px;resize:vertical}.form-note{color:#859ba9;font-size:.75rem;line-height:1.7;margin-top:20px}.form-error{color:#c44743;font-size:.75rem;margin-top:15px}.choice-list{display:grid;gap:10px}.choice-button{justify-content:flex-start;background:white;border:1px solid #dfe8ef;border-radius:8px;padding:17px;font-size:14px;color:#3a5c72;text-align:left}.choice-button:hover{border-color:#188ad4;background:#f1f9fe}.choice-button small{display:block;font-size:.75rem;color:#8195a4;margin-top:4px}.choice-button>span:first-child{background:#edf7fe;color:#208bd0;border-radius:8px;width:40px;height:40px;display:grid;place-items:center;margin-right:6px}.choice-button>span:last-child{margin-left:auto;color:#8fa4b2}.guide-step{display:flex;gap:14px;padding:12px 0}.guide-step>span{border-radius:50%;background:#e9f5ff;color:#1682c9;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;font-size:.75rem}.guide-step strong{font-size:14px;font-weight:550}.guide-step p{font-size:.75rem;color:#8094a3;line-height:1.65;margin-top:4px}#search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:white;border:1px solid #dbe5ec;box-shadow:var(--shadow);border-radius:8px;padding:5px;max-height:300px;overflow-y:auto;z-index:650}#search-results button{background:none;width:100%;padding:10px 7px;justify-content:flex-start;font-size:.75rem;color:#4a687b;text-align:left}#search-results button:hover{background:#eef7fe;border-radius:4px}#search-results small{display:block;color:#8c9eaa;margin-top:3px}.empty-result{padding:12px;font-size:.75rem;color:#8a9aa5}.feature-label{background:white;border:1px solid #cddde8;color:#2a6287;box-shadow:0 2px 8px #35587217;border-radius:5px;padding:5px 8px;font-size:.75rem;font-weight:500}.vertex{width:11px;height:11px;background:white;border:2px solid #0e84d5;border-radius:2px;box-shadow:0 0 0 3px #ffffff80}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.8px;text-align:left;color:#8b9eab;font-weight:600;padding:14px 15px;background:#f7f9fb;border-bottom:1px solid var(--border)}td{padding:16px 15px;border-bottom:1px solid #eef2f5;color:#59778b;white-space:nowrap}td strong{color:#31556e;font-weight:550}tbody tr:hover{background:#f8fbfd}td button{font-size:.75rem;padding:7px 10px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.table-toolbar input,.table-toolbar select{border:1px solid #dce6ed;background:white;border-radius:7px;padding:9px 12px;font-size:.75rem;color:#526f81}.activity-row{border-left:2px solid #deebf3;margin-left:8px;padding:0 0 24px 22px;position:relative}.activity-row:before{content:'';position:absolute;left:-6px;top:0;border:2px solid white;box-shadow:0 0 0 1px #dce7ee;background:#58a7d9;border-radius:50%;width:8px;height:8px}.activity-row h3{font-size:13px;font-weight:550}.activity-row p{font-size:.75rem;color:#8c9eaa;margin-top:7px;line-height:1.6}.activity-row button{margin-top:10px;font-size:.75rem}.sync-overview{background:#f4fafc;border:1px solid #dfedf4;border-radius:12px;padding:26px;display:flex;align-items:center;gap:20px;margin-bottom:25px}.sync-overview .metric-icon{width:56px;height:56px}.sync-overview h3{font-size:18px;font-weight:550}.sync-overview p{font-size:.75rem;color:#8096a5;margin-top:7px}.sync-overview .button{margin-left:auto}.sync-rows{border:1px solid var(--border);border-radius:10px;overflow:hidden}.sync-row{padding:20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);font-size:13px}.sync-row:last-child{border:0}.sync-row .status-pill{margin-left:auto}.sync-row small{display:block;font-size:.75rem;color:#8c9fae;margin-top:5px}.preview-report{padding:17px;border:1px solid #dbece3;background:#f5fcf8;border-radius:8px;margin-top:18px;font-size:.75rem;line-height:1.9}.preview-report strong{color:#3b8066}.file-example{border:1px dashed #bfd8e8;background:#f5fafe;border-radius:10px;padding:24px;text-align:center}.file-example>span{color:#2c92d2}.file-example h3{font-size:14px;margin-top:12px}.file-example p{font-size:.75rem;color:#8b9eab;line-height:1.7;margin:8px 0 0}.document-card{border:1px solid #e2eaf0;border-radius:8px;padding:15px;margin-bottom:10px;display:flex;gap:10px;font-size:.75rem}.document-card>span{color:#5287aa}.document-card small{display:block;color:#8ca0ae;font-size:.75rem;margin-top:5px}.detail-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:16px;height:100%;color:#7691a3;font-size:13px;line-height:1.7}.detail-empty svg{width:40px;height:40px;color:#8cbdda}.network-empty{position:absolute;z-index:500;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px;box-shadow:var(--shadow);border-radius:10px;font-size:14px;text-align:center}
@media(min-width:1660px){.metric-note{display:block}.sidebar{width:234px}.sidebar+main{margin-left:234px;width:calc(100% - 234px)}.detail-panel{width:320px}.map-top-left{width:280px}.search-wrap input{font-size:.75rem}.layer-panel{width:240px}.map-workspace{min-height:560px}}
@media(max-width:1250px){.sidebar{width:76px;padding:28px 10px 0}.sidebar+main{margin-left:76px;width:calc(100% - 76px)}.brand{margin:0 auto 32px;justify-content:center}.brand>span:last-child,.workspace-label,.organization,.nav-label,.nav-item>span:nth-child(2),.nav-item small,.nav-status,.demo-sidebar,.profile>span:last-child{display:none}.nav-item{justify-content:center;padding:15px 10px}.nav-item.active i{left:-10px}.sidebar nav{margin-top:5px}.profile{justify-content:center}.topbar{padding:0 22px}.page-heading{padding-left:22px;padding-right:22px}.metrics,.map-workspace,.list-view{margin-left:22px;margin-right:22px}.statusbar{margin:0 22px}.metric{padding:0 15px;gap:10px}.metric-label{font-size:.75rem}.detail-panel{width:276px}.map-top-left{width:226px}.layer-panel{width:207px}}
@media(max-width:900px){.metric-icon{display:none}.metric-label{font-size:.75rem}.metric strong{font-size:21px}.metrics{padding:16px 0;margin-bottom:17px}.map-workspace{height:calc(100dvh - 291px)}.detail-panel{width:248px}.detail-top,.detail-body{padding-left:16px;padding-right:16px}.detail-tabs{padding:0 16px;gap:18px}.detail-bottom{padding-left:16px;padding-right:16px}.map-top-left{width:210px;top:12px;left:12px}.layer-panel{width:196px}.map-tools{right:10px;top:12px}.search-wrap kbd{display:none}.map-base button{padding:8px}.map-base button span:nth-child(2){display:none}.footer-right{display:none!important}.breadcrumb{font-size:.75rem;gap:8px}.date-label{display:none}.layer-row{padding:9px 12px;font-size:.75rem}.layer-heading{padding:13px;font-size:.75rem}}
@media(max-width:700px){body{display:block}.sidebar{width:100%;height:58px;inset:auto 0 0;padding:0;background:#102b40;z-index:1000}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0;height:100%;align-items:center}.nav-item{width:22%;margin:0;padding:11px}.nav-item.active i{display:none}.sidebar+main{margin-left:0;width:100%;padding-bottom:58px}.topbar{height:54px;padding:0 16px}.breadcrumb{font-size:.75rem}.breadcrumb>strong{display:none}.breadcrumb>span:last-of-type{display:none}.topbar-end{gap:9px}.page-heading{padding:18px 16px 16px}.eyebrow{font-size:.75rem;letter-spacing:1px}h1{font-size:23px}.heading-actions{gap:6px}.heading-actions .button{font-size:0;gap:0;padding:10px}.heading-actions .button svg{width:18px;height:18px}.heading-actions .primary{font-size:.75rem;gap:6px;padding:10px}.metrics{margin:0 16px 15px;padding:13px 0;grid-template-columns:repeat(3,1fr)}.metric{padding:0 12px;gap:0}.metric:last-child{display:none}.metric:nth-child(3){border:0}.metric-label{font-size:.75rem}.metric strong{font-size:20px}.map-workspace{margin:0 0;border-radius:0;border-left:0;border-right:0;height:calc(100dvh - 263px);min-height:460px;flex:none}.map-area{width:100%}.detail-panel{position:absolute;right:12px;bottom:40px;width:calc(100% - 24px);max-height:53%;border:1px solid #e3eaf0;box-shadow:0 6px 25px #16354e22;border-radius:12px;display:none}.detail-panel.mobile-open{display:flex}.detail-top{padding-top:14px}.detail-title{margin:7px 0}.detail-title h2{font-size:16px}.detail-topline{font-size:.75rem}.detail-tabs{margin-top:9px}.detail-body{padding-top:14px}.detail-bottom{position:sticky;bottom:0}.layer-panel{width:188px}.layer-heading{padding:12px}.map-top-left{width:calc(100% - 76px)}.layer-row{padding:8px 12px}.map-tools{right:10px}.map-caption{bottom:19px;font-size:.75rem;left:12px}.map-caption>span:last-child{display:none}.statusbar{margin:0 16px;font-size:.75rem;min-height:28px}.map-base{bottom:24px}.list-view{margin:0 12px;min-height:470px;padding:18px}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar input,.table-toolbar select{width:100%}.sync-overview{flex-wrap:wrap;padding:19px}.sync-overview .button{margin:0}.sync-row{padding:15px;font-size:.75rem}.toast-region{bottom:75px;right:12px;left:12px}.toast{font-size:.75rem;max-width:none}.draw-bar{bottom:72px;width:calc(100% - 24px);white-space:normal;justify-content:center}.map-hint{bottom:132px;width:calc(100% - 24px)}.dialog-header{padding:20px}.dialog-body{padding:20px}.dialog-actions{padding:15px 20px}.dialog-header h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Comfortable operational typography and map contrast. */
.sidebar{width:236px}.sidebar+main{margin-left:236px;width:calc(100% - 236px)}
.organization{padding:11px 9px;gap:9px}.organization small{white-space:normal;line-height:1.5;margin-top:3px}.nav-item{font-size:.875rem;gap:10px}.nav-item small{font-size:.75rem}.workspace-label,.nav-label{font-size:.75rem;letter-spacing:.75px}.nav-label{line-height:1.5}.demo-sidebar{font-size:.875rem}.demo-sidebar small{font-size:.75rem;line-height:1.6}.profile strong{font-size:.875rem}.profile small{font-size:.75rem}.breadcrumb{font-size:.75rem}.button{font-size:.875rem}.metric-label{font-size:.75rem}.metric .sync-metric{font-size:18px}.metric{padding:0 15px;gap:10px}.metric-icon{width:34px;height:39px}.detail-panel{width:312px}.layer-panel{width:234px}.map-top-left{width:270px}.search-wrap input{font-size:.875rem}.search-wrap kbd{font-size:.75rem}.layer-row{font-size:.875rem;gap:6px}.layer-heading{font-size:.875rem}.layer-group-label,.section-label,.detail-topline{font-size:.75rem;letter-spacing:.6px}.layer-footer{font-size:.75rem;padding:12px}.detail-title p{font-size:.75rem;line-height:1.6}.status-pill{font-size:.75rem}.detail-tab{font-size:.875rem}.detail-tabs{gap:18px}.property dt{font-size:.75rem}.property dd{font-size:.875rem;line-height:1.5}.properties{gap:17px 10px}.technical-note,.technical-note strong{font-size:.75rem;line-height:1.65}.sync-card-header{font-size:.875rem}.sync-card small{font-size:.75rem;line-height:1.6}.detail-bottom .button{font-size:.875rem}.detail-bottom small{font-size:.75rem}.statusbar{font-size:.75rem;line-height:1.5;flex-wrap:wrap;padding:10px 0}.feature-label{font-size:.75rem}.map-caption,.map-base button{font-size:.75rem}.layer-name{gap:8px}.map-tools .tool{width:36px;height:36px}.leaflet-tile-pane{filter:saturate(.18) brightness(1.025) contrast(.86)}.dark-map .leaflet-tile-pane{filter:invert(.92) hue-rotate(185deg) saturate(.2) brightness(.85)}
.field,.field input,.field select,.field textarea,.choice-button,.detail-empty,table,.table-toolbar input,.table-toolbar select,.activity-row h3,.sync-row,.preview-report,.file-example h3,.document-card{font-size:.875rem}.dialog-header p,.view-subtitle,.guide-step p{font-size:.875rem;line-height:1.65}.dialog-body>p{font-size:1rem}.form-note,.choice-button small,.activity-row p,.sync-row small,.document-card small,.file-example p,.detail-bottom small{font-size:.75rem}.guide-step strong{font-size:1rem}.map-hint,.draw-bar{font-size:.875rem}.draw-bar button{font-size:.75rem}.leaflet-control-attribution{font-size:.75rem!important}.leaflet-control-scale-line{font-size:.75rem!important}.list-view{max-height:calc(100dvh - 315px)}
@media(max-width:1250px){.sidebar{width:76px}.sidebar+main{margin-left:76px;width:calc(100% - 76px)}.nav-item>span:nth-child(2){display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.detail-panel{width:296px}.metric-icon{display:none}.map-top-left{width:255px}.layer-panel{width:224px}}
@media(max-width:1000px){.detail-panel{width:270px}.map-top-left{width:235px}.layer-panel{width:210px}.layer-row{font-size:.75rem}.layer-heading{font-size:.875rem}.layer-footer{font-size:.75rem}.search-wrap input{font-size:.75rem}.metric{padding:0 14px}.breadcrumb{font-size:.75rem}.detail-body{padding:17px}.detail-tabs{gap:14px}.footer-right{display:none!important}}
@media(max-width:700px){.sidebar{width:100%}.sidebar+main{margin-left:0;width:100%}.nav-item{width:22%;font-size:.875rem}.detail-panel{width:calc(100% - 24px);max-height:60%}.map-top-left{width:calc(100% - 76px)}.layer-panel{width:206px}.metric-label{font-size:.75rem;white-space:normal;line-height:1.4;min-height:34px}.metrics{padding:12px 0}.metric{padding:0 10px}.page-heading{flex-wrap:wrap}.eyebrow{font-size:.75rem;letter-spacing:.6px}.heading-actions{width:100%;justify-content:flex-end}.heading-actions .button,.heading-actions .primary{font-size:.875rem;gap:7px}.map-workspace{height:calc(100dvh - 320px);min-height:480px}.statusbar{font-size:.75rem;padding:7px 0}.date-label{display:none}.topbar-end{gap:7px}.demo-badge{font-size:.75rem}.list-view{max-height:none}.toast{font-size:.875rem}.draw-bar{flex-wrap:wrap}.map-caption{font-size:.75rem}.metric strong{font-size:21px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.dialog-actions{flex-wrap:wrap}}
@media(min-width:701px){body{height:100dvh;overflow:hidden}.sidebar+main{height:100dvh;min-height:0}.topbar,.page-heading,.metrics,.statusbar{flex-shrink:0}.map-workspace{height:auto;min-height:0;max-height:none}.detail-panel{min-height:0}.list-view{min-height:0;max-height:none}.map-top-left{max-height:calc(100% - 54px);overflow-y:auto;scrollbar-width:thin}.map-tools{max-height:calc(100% - 75px);overflow-y:auto;scrollbar-width:thin}}
@media(max-height:700px) and (min-width:701px){.topbar{height:52px}.page-heading{padding-top:14px;padding-bottom:14px}.metrics{padding-top:12px;padding-bottom:12px;margin-bottom:15px}.layer-row{padding-top:7px;padding-bottom:7px}.layer-group-label{padding-top:12px}.layer-footer{padding-top:8px;padding-bottom:8px}.map-workspace{min-height:290px}.sidebar-bottom .demo-sidebar{display:none}}