/* A quiet map workspace. Detailed controls live in tools and layer settings. */
:root{--green:#236a58;--ink:#243932;--line:#e0e6e2;--sidebar:284px}
[hidden]{display:none!important}
body{background:#f5f7f5;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #428b77;outline-offset:3px}
.app-header{height:54px;min-height:54px;padding:0 19px;gap:20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.brand{min-width:0;gap:10px}.brand>strong{font-size:17px;font-weight:650;letter-spacing:-.5px}.brand-mark{width:28px;height:30px}.brand-mark svg{width:28px;height:28px}
.workspace-document{font-size:12px;color:#7b8981;padding-left:20px;border-left:1px solid var(--line)}
.header-actions{margin-left:auto;gap:14px}.quiet-button{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#5b6c62;padding:7px 0}.quiet-button svg{width:15px;height:15px}
.ribbon{height:51px;min-height:51px;gap:8px;padding:0 16px;overflow:visible!important;position:relative;z-index:1150;background:#fff}
.add-data-primary{font-size:12px;padding:8px 13px;gap:7px;box-shadow:none;border-radius:6px;position:static}.add-data-primary svg{width:17px;height:17px}
.tool{font-size:12px;gap:7px;padding:8px 11px;color:#53665c;font-weight:500}.tool svg{width:17px;height:17px;flex-shrink:0}.layers-toggle{display:flex}.models-tool{background:none;color:#53665c}
.ribbon-end{margin-left:auto}.map-output-tool{border:1px solid #d9e2dc;background:#fbfcfb;border-radius:6px}
.tools-menu{position:relative}.tools-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;user-select:none}.tools-menu>summary::-webkit-details-marker{display:none}.tools-menu[open]>summary{background:#eef4f0;color:#236a58}.tools-menu>summary>span:last-child svg{width:13px}
.tools-popover{position:absolute;left:0;top:41px;width:234px;padding:8px;background:#fff;border:1px solid #dce5df;border-radius:10px;box-shadow:0 12px 40px #18372725;display:grid;z-index:2000}
.tools-popover button{display:flex;gap:12px;align-items:center;width:100%;padding:9px 11px;text-align:left;font-size:12px;border-radius:5px;color:#344d40}.tools-popover button:hover{background:#f0f5f1}.tools-popover svg{width:16px;height:16px;color:#6c8374}.menu-caption{font-size:9px;letter-spacing:1.1px;font-weight:650;color:#8a978d;padding:12px 11px 5px}
.sidebar{width:284px;--sidebar:284px;background:#fff}.sidebar-title{padding:15px 16px 12px;height:48px}.sidebar-title h1{font-size:14px;letter-spacing:0}.sidebar-tabs{padding:0 16px;gap:20px}.sidebar-tabs button{flex:0 0 auto;padding:0 0 10px;font-size:12px}.sidebar-tabs #tab-catalog{display:none!important}.sidebar-tabs button span{font-size:10px}
.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .layers-toggle{background:#f2f6f3}
.contents-panel{padding-top:12px}.layer-search{height:32px;margin:0 14px 12px}.layer-search input{font-size:12px}.layer-search kbd{display:none}
.added-heading{display:none}.added-row{padding:13px 14px!important;border-bottom:1px solid #edf0ed}.added-main{gap:7px}.added-main .layer-activate{font-size:12px;font-weight:550}.added-main>button:last-child{color:#97a69b;font-size:17px;width:22px}.added-main .catalog-swatch{height:10px;width:10px;border-radius:2px}.added-state{font-size:11px!important;line-height:1.5!important}.added-row>.added-state{margin-bottom:0!important;color:#7a897e}
.layer-details{margin:8px 0 0 20px}.layer-details>summary{color:#7b8c80;font-size:10px;cursor:pointer;padding:2px 0;list-style:revert}.layer-details .added-actions,.layer-details .added-opacity,.layer-details .added-state,.layer-details .added-release{margin-left:0}.layer-details .added-actions button{font-size:11px}.added-release{font-size:10px!important}.layer-details .added-opacity{font-size:11px}
.inventory-controls{padding:0 14px 12px;margin:0 0 8px;border-top:0;border-bottom:0}.style-panel{border:1px solid #e4eae5;border-radius:6px;padding:0 10px;margin-top:14px}.style-panel>summary{font-size:11px;font-weight:550;cursor:pointer;color:#5b7162;padding:10px 0}.style-panel[open]{padding-bottom:12px}.style-panel .active-source-label{display:none}.style-panel label{font-size:11px;margin:10px 0}.style-panel select,.style-panel input[type=number]{font-size:12px;padding:7px}.style-panel .inventory-stats{display:none}.style-panel p{font-size:10px;line-height:1.6;color:#7b8c7e}.filter-heading{font-size:11px;margin-top:13px}.filter-heading button{font-size:10px}
.demo-group,.sidebar-bottom,.map-place,.demo-badge,.welcome-card,.map-bottom-note,.mode-label,.template-status,.version{display:none!important}
.sidebar-section{margin:14px 14px 20px;padding:0}.sidebar-section .section-caption{font-size:10px}.basemap-preview{padding:9px;border-radius:6px;height:auto;width:100%;gap:10px}.basemap-preview .mini-map{width:36px;height:30px}.basemap-preview strong{font-size:11px}.basemap-preview small{display:none}
.map-top{top:17px;left:18px;right:18px;pointer-events:none}.place-search{pointer-events:auto;width:330px;max-width:calc(100% - 60px);height:40px;border:1px solid #d6dfd7;border-radius:7px;box-shadow:0 2px 12px #19362312;background:#fffffff5}.place-search input{font-size:12px}.place-search kbd{font-size:10px;color:#9ba69d}.search-results{border-radius:7px}.map-controls{top:18px;right:18px;border-radius:7px;box-shadow:0 2px 12px #19362312}.map-controls>button{width:32px;height:32px}.map-mode{right:18px;bottom:38px;border-radius:7px;padding:3px;gap:0;background:#fffffff5;border:1px solid #d9e1d9;box-shadow:0 2px 9px #18372710}.map-mode button{font-size:11px;min-width:35px;height:28px}.tiny-dot{display:none}
.maplibregl-ctrl-bottom-left .maplibregl-ctrl{margin:0 0 15px 18px}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin:0 8px 4px 0}.maplibregl-ctrl-attrib-inner{max-width:55vw}.statusbar{height:26px;min-height:26px;padding:0 15px;font-size:10px;border-top:1px solid var(--line);background:#fff}.statusbar .status-dot{display:none}.status-meta{gap:16px;font-size:10px}.statusbar button{font-size:10px;color:#526d5a}.statusbar>div:first-child{overflow:hidden;max-width:48%;white-space:nowrap;text-overflow:ellipsis}
.properties{width:292px;border-left:1px solid var(--line);box-shadow:none}.properties-heading{padding:16px;font-size:11px}.properties-content{padding:0 16px 20px}.feature-id{font-size:17px!important}.feature-properties dt,.feature-properties dd{font-size:11px}.feature-notice{font-size:11px;line-height:1.7}
.attribute-table{height:290px}.table-header{height:40px;padding:0 14px}.table-header strong{font-size:12px}.table-scroll td{font-size:11px}.table-query{font-size:11px}.table-query select{font-size:11px}.table-pagination{font-size:11px}
.model-panel-heading{padding:2px 16px 10px}.model-panel-heading h2{font-size:18px;letter-spacing:-.3px;margin:0 0 7px}.model-panel-heading p{font-size:11px}.model-import-button{margin:13px 0 0;border:1px solid #c8d8ce;border-radius:5px;padding:9px 12px;width:100%;text-align:left;font-size:12px;color:#276d55}.model-field{margin:12px 16px}.model-field select{font-size:12px}.model-collection-note{margin:10px 16px;font-size:10px;padding:9px}.model-map-caption{bottom:58px;left:18px;max-width:calc(100% - 110px);box-shadow:0 2px 10px #19362314;padding:10px 12px}.model-details{padding:14px 16px}.model-details h3{font-size:15px}.model-details dl>div{font-size:11px}.model-toggles{font-size:11px;margin:12px 16px}.model-downloads{padding:0 16px}.model-downloads button{font-size:11px}
#data-dialog{width:760px;border:1px solid #d4dfd6;border-radius:11px;box-shadow:0 18px 60px #19352430}.data-dialog-header{padding:21px 24px 16px}.data-dialog-header .eyebrow{display:none}.data-dialog-header h2{font-size:22px;margin:0}.data-tabs{padding:0 24px}.data-tabs button{padding:13px 0;font-size:12px}.source-card{gap:12px;padding:15px;margin-bottom:10px}.source-card-icon{display:none}.source-card h3{font-size:14px;margin-top:2px}.source-card p{font-size:11px;line-height:1.65}.source-card-label{font-size:10px}.source-card-label span{display:none}.source-card .source-license{font-size:9px}.catalog-category{margin-top:20px;font-size:10px}.source-intro{font-size:12px}
.workspace-dialog{width:640px;max-width:calc(100vw - 28px);max-height:88dvh;border:1px solid #d5dfd8;border-radius:10px;padding:0;background:#fff;color:#2b4334;box-shadow:0 20px 80px #17372733}.workspace-dialog::backdrop{background:#152e254d}.workspace-dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border-bottom:1px solid #e2e9e3}.workspace-dialog-heading h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.4px}.workspace-dialog-heading button{font-size:23px;color:#7c8c80;padding:0 3px}.workspace-dialog-body{padding:20px 23px}.workspace-dialog-body>p{font-size:12px;color:#718477;line-height:1.8;margin-top:0}.workspace-form{display:grid;gap:15px}.workspace-form label{display:grid;gap:7px;font-size:12px;color:#566f5d}.workspace-form input,.workspace-form select,.workspace-form textarea{width:100%;min-width:0;border:1px solid #c8d7cd;padding:9px 11px;border-radius:5px;background:#fff;color:#2e4b36;font-size:12px}.workspace-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workspace-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.workspace-actions button{border:1px solid #c2d2c7;padding:9px 15px;border-radius:5px;font-size:12px;color:#2c6e51}.workspace-actions button.primary{background:#236a58;color:#fff;border-color:#236a58}.workspace-message{font-size:12px;line-height:1.7;color:#647c69;overflow-wrap:anywhere;padding:11px 0}.workspace-message.error{color:#ac4b36}
.draw-strip{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid #c8d8cc;border-radius:7px;padding:10px 13px;z-index:950;box-shadow:0 4px 18px #18372720;max-width:calc(100% - 35px)}.draw-strip span{font-size:12px;white-space:nowrap;color:#617966}.draw-strip button{border:1px solid #d4dfd7;border-radius:4px;font-size:11px;padding:6px 9px;color:#326e51}.draw-strip .draw-finish{background:#236a58;color:white;border-color:#236a58}
.local-model-card{padding:10px 0;border-bottom:1px solid #e4ebe5;font-size:11px;overflow-wrap:anywhere}.local-model-card strong{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.local-model-card>div{display:flex;gap:12px;margin-top:6px}.local-model-card button{font-size:10px;color:#3d7b5d;text-decoration:underline}.local-model-card>p{font-size:10px;color:#7a8d7e;margin:3px 0}
@media(min-width:701px){.sidebar-collapsed .sidebar{display:none!important}}
@media(max-width:950px){.app-header{padding:0 14px}.workspace-document{display:none}.tool{padding:8px}.sidebar{width:263px;--sidebar:263px}.status-meta{gap:10px}.statusbar .status-meta #zoom-label{display:none}}
@media(max-width:700px){.app-header{height:49px;min-height:49px;padding:0 12px}.brand>strong{font-size:16px}.brand-mark{width:25px}.brand-mark svg{width:25px}.header-actions{gap:14px}.header-actions .quiet-button>span:last-child{display:none}.quiet-button svg{width:17px;height:17px}.ribbon{height:49px;min-height:49px;padding:0 9px;gap:5px}.ribbon .tool{padding:8px 9px}.layers-toggle>span:last-child,.models-tool>span:last-child,.map-output-tool>span:last-child{display:none!important}.ribbon-end{margin-left:auto}.add-data-primary{font-size:12px;padding:8px 11px;gap:6px;position:static}.tools-menu>summary{font-size:12px}.tools-popover{left:auto;right:-55px;width:226px;max-height:calc(100dvh - 140px);overflow:auto}.sidebar{width:min(300px,87vw)}.sidebar-collapsed .sidebar{display:flex}.map-top{top:13px;left:12px;right:12px}.place-search{width:290px;max-width:calc(100% - 50px);height:37px}.place-search input{font-size:11px}.map-controls{top:13px;right:12px}.map-controls>button{width:29px;height:31px}.map-mode{right:12px;bottom:32px}.statusbar{height:24px;min-height:24px;padding:0 9px}.statusbar>div:first-child{display:none}.statusbar .status-meta{width:100%;justify-content:space-between;font-size:9px}.statusbar #coordinates{font-size:9px}.statusbar button{font-size:9px}.properties{width:min(290px,83vw)}.model-map-caption{bottom:76px;left:12px;padding:8px 10px;max-width:calc(100% - 30px)}.model-map-caption strong{font-size:10px}.attribute-table{height:260px}.table-query label{display:none}.workspace-dialog{max-height:88dvh}.workspace-dialog-heading{padding:17px}.workspace-dialog-body{padding:17px}.workspace-form .form-row{gap:10px}.draw-strip{bottom:65px;gap:7px;padding:8px 10px}.draw-strip span{font-size:11px}.maplibregl-ctrl-attrib-inner{max-width:65vw}}

/* Optional overlays stay out of the default map. */
.map-mode{left:auto!important;width:auto!important}.legend-card{display:none!important}.legend-visible .legend-card:not([hidden]){display:block!important}.research-model-controls{margin-top:15px;border-top:1px solid #e0e8e1;padding-top:12px}.research-model-controls>summary{font-size:12px;color:#607766;cursor:pointer;margin:0 16px 13px}.research-model-controls[open]>summary{margin-bottom:15px}