@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#263c42;background:#f6f8f9;font-size:13px;--border:#e0e7e9;--blue:#267581}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;cursor:pointer;color:inherit;background:white;border:1px solid var(--border);border-radius:6px;padding:9px 12px}button:hover{background:#ecf4f5}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #67bac4;outline-offset:2px}.topbar{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:white;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:800 29px Manrope,sans-serif;letter-spacing:-1.6px;color:#233d43;text-decoration:none}.brand-mark{font-size:40px;color:#318492;line-height:1}.brand-divider{height:25px;width:1px;background:var(--border);margin:0 5px}.brand small{font:600 9px 'DM Sans';letter-spacing:1.8px}.topbar nav{display:flex;height:100%;gap:8px}.topbar nav button{border:0;background:none;border-radius:0;font-size:12px;padding:0 19px;color:#78898d}.topbar nav .active{color:#286d79;box-shadow:inset 0 -3px #347f8b}.top-actions{display:flex;align-items:center;gap:9px;font-size:11px;color:#70858b}.top-actions button{margin-left:12px;background:#263f46;color:white;border:0}.live-dot{width:6px;height:6px;display:inline-block;background:#55a794;border-radius:50%}aside{position:absolute;top:74px;bottom:0;width:282px;background:white;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:auto}.panel-title{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#819298;padding:20px 21px;border-bottom:1px solid var(--border)}.region{padding:23px 21px;border-bottom:1px solid var(--border)}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#82959b}h2{font:700 25px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0}p{color:#7a8b90;line-height:1.65;font-size:12px;margin:8px 0}.region p{font-size:11px}.extent-buttons{display:flex;gap:7px;margin-top:18px}.extent-buttons button{font-size:10px;flex:1;padding:9px 7px}.layer-section{padding:22px 21px 6px;border-bottom:1px solid var(--border)}.layer-section>.eyebrow{display:block;margin-bottom:16px}label{font-size:11px;display:block}label small{display:block;font-size:9px;color:#91a0a4;padding-left:25px;margin:6px 0 22px}input[type=checkbox]{accent-color:#347f8b;margin-right:8px}input[type=range]{width:100%;accent-color:#347f8b;margin:12px 0 17px}.scene-section{padding:0 15px 10px}.scene-section .panel-title{padding:19px 6px;border:0}.filter-label{font-size:10px;color:#819298;padding:0 6px}.filter-label b{float:right;color:#376f78}.scene-card{display:block;width:100%;padding:12px;text-align:left;margin:5px 0;background:#f7f9fa;border:1px solid transparent}.scene-card.active{border-color:#5ca1ad;background:#eef6f6}.scene-card b{display:block;font-size:11px;font-weight:500}.scene-card small{display:block;font-size:9px;color:#8a999e;margin-top:6px}.scene-card .cloud{float:right;font-size:10px;color:#427d88}.upload-section{padding:15px 20px;border-top:1px solid var(--border)}.upload{padding:11px;border:1px dashed #bacdd2;border-radius:5px;text-align:center;color:#54818c;cursor:pointer}footer{padding:18px 21px;margin-top:auto;border-top:1px solid var(--border);font-size:9px;color:#88999e}footer>span:last-child{float:right}main{margin-left:282px;height:calc(100dvh - 74px)}#atlas{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 292px}.map-wrap{position:relative;min-width:0;height:100%;background:#e4ece7}#map{width:100%;height:100%;z-index:0}.map-toolbar{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:400}.map-toolbar>div{background:#ffffffed;border:1px solid #d7e1df;box-shadow:0 4px 18px #24433a0a;padding:14px 19px;border-radius:7px}.map-toolbar button{pointer-events:auto;width:40px;height:40px;font-size:22px;box-shadow:0 3px 12px #24433a15}h1{font:700 19px Manrope,sans-serif;margin:6px 0 0;letter-spacing:-.6px}.map-bottom{position:absolute;bottom:0;left:0;right:0;background:#ffffffed;z-index:400;padding:10px 16px;display:flex;justify-content:space-between;gap:10px;font:9px monospace;color:#647d84}.map-legend{position:absolute;bottom:51px;left:20px;background:#ffffffef;padding:12px 15px;border:1px solid var(--border);border-radius:5px;font-size:9px;color:#71868b;z-index:400;display:flex;align-items:center;gap:8px}.legend-line{width:18px;height:0;border-top:2px solid #4f919e}.legend-line.selected{border-color:#c08e43;margin-left:10px}.inspector{background:#fff;border-left:1px solid var(--border);overflow:auto;padding:0 22px 25px}.inspector>.panel-title{margin:0 -22px 24px}.inspector h2{font-size:22px}.inspector>p{font-size:11px;line-height:1.8}#scene-facts{margin:22px 0}#scene-facts>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f2;font-size:10px}#scene-facts span{color:#8a9aa0}#scene-facts b{font-weight:500;text-align:right}.analysis{padding-top:10px}.analysis article{display:flex;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid #edf1f2}.analysis article>span{font-size:23px;color:#6d959f}.analysis b{display:block;font-size:10px;font-weight:500}.analysis small{display:block;color:#98a5a9;font-size:9px;margin-top:5px}.analysis em{margin-left:auto;font-style:normal;font-size:8px;background:#f2f4f4;color:#8b999d;padding:5px;border-radius:3px}.inspector-note{padding:16px;background:#f4f8f8;border-radius:5px;margin-top:25px}.inspector-note b{font-size:10px;color:#53747d}.inspector-note p{font-size:10px;margin-bottom:0}details{margin-top:24px;font-size:10px;color:#72878e}summary{cursor:pointer}details select{width:100%;margin-top:15px}details p,details ol{font-size:10px;line-height:1.7}details button{font-size:10px}#catalog{height:100%;overflow:auto;padding:35px;max-width:1100px}.source{padding:21px;border:1px solid var(--border);margin-top:12px;background:white;border-radius:6px}.source a{color:#347d8b}.source span{float:right;font-size:10px;color:#8a9a9d}.remove{padding:3px 7px;margin:5px;font-size:9px}.leaflet-control-zoom{border:1px solid #d8e2e0!important;box-shadow:0 2px 10px #24433a12!important}.leaflet-top.leaflet-left{top:100px;left:10px}.leaflet-control-scale{margin-bottom:42px!important}.leaflet-control-attribution{font-size:8px!important;margin-bottom:31px!important}.leaflet-popup-content{font-family:'DM Sans',Arial;font-size:11px}.leaflet-popup-content b{overflow-wrap:anywhere}.leaflet-container{font-family:inherit}
@media(min-width:1600px){aside{width:310px}main{margin-left:310px}#atlas{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1100px){.brand small,.brand-divider,.top-actions>span{display:none}aside{width:245px}main{margin-left:245px}#atlas{grid-template-columns:minmax(0,1fr) 245px}.inspector{padding:0 16px 20px}.map-bottom>span:last-child{display:none}.map-toolbar{left:14px;right:14px}.topbar{padding:0 18px}.topbar nav button{padding:0 12px}}@media(max-width:780px){.topbar{height:65px}.topbar nav{gap:0}.topbar nav button{padding:0 7px;font-size:10px}.top-actions{display:none}.brand{font-size:23px}aside{position:static;width:100%;max-height:260px;border-bottom:1px solid var(--border)}aside>.panel-title,.layer-section,.upload-section,aside footer{display:none}.region{padding:12px 18px}.region h2{font-size:20px;margin:4px 0}.region p{display:none}.extent-buttons{position:absolute;top:78px;right:15px;margin:0}.scene-section{padding:0 10px}.scene-section .panel-title,.filter-label,#cloud-filter{display:none}#scene-list{display:flex;overflow:auto;gap:5px;padding:6px 0}.scene-card{min-width:190px}main{margin-left:0;height:auto}#atlas{display:flex!important;flex-direction:column}.map-wrap{height:65dvh;min-height:420px}.inspector{overflow:visible;border-top:1px solid var(--border);padding-bottom:25px}.inspector>.panel-title{margin:0 -16px 20px}.map-toolbar .eyebrow{font-size:8px}h1{font-size:16px}.map-legend{font-size:8px;left:10px}.topbar nav{margin-left:auto}}
.inspector{min-width:0}.inspector>p{overflow-wrap:anywhere}.source{overflow-wrap:anywhere}.topbar{min-width:0}#catalog[hidden]{display:none!important}@media(max-width:780px){#atlas[hidden]{display:none!important}}
.mineral-hover{border:1px solid #d5e3e5!important;border-radius:9px!important;box-shadow:0 8px 30px #183a4324!important;padding:16px!important;white-space:normal!important;width:285px;font-family:'DM Sans',Arial!important}.mineral-tooltip>b{font-size:11px;color:#3c6e77}.mineral-tooltip p{font-size:16px;color:#244b55;font-weight:600;margin:9px 0}.mineral-tooltip small{display:block;font-size:10px;color:#7c9096;line-height:1.6}.mineral-source{font-size:10px;border-top:1px solid #e7eeef;padding:7px 0;color:#537982}.mineral-tooltip>small:last-child{border-top:1px solid #e7eeef;margin-top:8px;padding-top:8px;font-size:9px}.mineral-inspection{display:block!important;background:#f0f7f7;padding:13px!important;border-radius:5px}.mineral-inspection p{font-size:10px}
.brand-name{font-size:25px;letter-spacing:-1.1px;white-space:nowrap;font-weight:800}.brand-name strong{font-weight:500;color:#347f8b}@media(max-width:780px){.brand-name{font-size:20px}}