:root{font-family:Inter,system-ui,sans-serif;color:#17241b;background:#eef3ee}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:64px;padding:0 20px;background:#173d25;color:#fff;display:flex;align-items:center;gap:24px}h1{font-size:20px;margin:0}#status{font-size:13px;opacity:.85}#account{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px}#account button{width:auto;padding:6px 10px;margin:0}.auth-gate{height:calc(100vh - 64px);display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);padding:28px;background:#fff;border-radius:18px;box-shadow:0 12px 40px #0002;text-align:center}.auth-card h2{font-size:24px;margin:0 0 12px}.auth-card p{line-height:1.5;color:#526057}main{height:calc(100vh - 64px);display:grid;grid-template-columns:300px 1fr}aside{padding:16px;background:#fff;overflow:auto;box-shadow:3px 0 14px #0002;z-index:500}label{display:grid;gap:5px;margin:14px 0;font-size:13px;font-weight:650}select,button{font:inherit;padding:10px 12px;border:1px solid #aebbb1;border-radius:10px;background:#fff}button{cursor:pointer;margin:4px 0;width:100%}button:hover:not(:disabled){background:#e6f1e8}button:disabled{opacity:.45}.primary{background:#176b3a;color:white;border-color:#176b3a}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}h2{font-size:15px;margin:20px 0 8px}.feature{display:flex;align-items:center;gap:8px;padding:7px;border-bottom:1px solid #e7ece8}.swatch{width:14px;height:14px;border-radius:4px}.hint{font-size:12px;color:#59675d;line-height:1.45}#map{height:100%;background:#173d25}.leaflet-container{font:inherit}
.draw{background:#e9d49a;border-color:#9b792d;color:#31250b;font-weight:750}.draw:hover:not(:disabled){background:#f1dda1}.draw-help{margin:5px 2px 12px;font-size:12px;line-height:1.4;color:#59675d}
.feature span{flex:1}.feature .edit-feature{width:auto;margin:0;padding:5px 9px;font-size:12px}
.feature .delete-feature{width:auto;margin:0;padding:5px 9px;font-size:12px;color:#9b2020;border-color:#d9aaaa}.feature .delete-feature:hover:not(:disabled){background:#fbe9e9}
.feature{border-left:4px solid transparent}.feature.selected{background:#fff7bf;border-left-color:#d3a900;font-weight:700}
.feature.hidden-feature{opacity:.58}.feature .visibility-feature{width:auto;margin:0;padding:5px 9px;font-size:12px;color:#34533e}
.auth-gate{position:fixed;inset:64px 0 0;height:auto;z-index:3000;background:#eef3eef5}
.cloud-panel{margin:12px 0;padding:10px;border:1px solid #d9e2da;border-radius:12px;background:#f7faf7}.cloud-panel h2{margin:0 0 4px}.cloud-panel label{margin:8px 0}
.imagery-panel{margin:12px 0;padding:10px;border:1px solid #c8d7ca;border-radius:12px;background:#f2f7f2}.imagery-panel h2{margin:0 0 6px}.imagery-panel button{margin:4px 0}.imagery-panel .active-layer{background:#176b3a;color:#fff;border-color:#176b3a}
.elevation-panel{margin:12px 0;padding:10px;border:1px solid #ccd9df;border-radius:12px;background:#f3f8fa}.elevation-panel h2{margin:0 0 6px}.elevation-result{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.elevation-value{padding:8px;border-radius:8px;background:#fff;border:1px solid #d6e1e5;text-align:center;font-size:12px}.elevation-value strong{display:block;font-size:17px;color:#174d62}.elevation-value.difference{grid-column:1/-1;background:#174d62;color:#fff;border-color:#174d62}.elevation-value.difference strong{color:#fff}
.render-panel{margin:12px 0;padding:10px;border:1px solid #d6cfbd;border-radius:12px;background:#faf8f1}.render-panel h2{margin:0 0 6px}.render-panel label{grid-template-columns:1fr auto;align-items:center}.render-panel input{grid-column:1/-1;padding:0}.render-panel img{display:block;width:100%;margin:8px 0;border-radius:12px;box-shadow:0 5px 16px #0003;background:#173d25}.download-render{display:block;padding:9px;text-align:center;border:1px solid #176b3a;border-radius:9px;color:#176b3a;text-decoration:none;font-size:13px}
.ai-panel{margin:12px 0;padding:10px;border:1px solid #d5cbea;border-radius:12px;background:#f8f5fc}.ai-panel h2{margin:0 0 6px}.ai-proposal{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:7px 0;border-top:1px solid #e4ddef;font-size:12px}.ai-proposal:first-child{margin-top:8px}.ai-proposal span{flex:1 0 100%}.ai-proposal button{width:auto;margin:0;padding:5px 7px;font-size:11px}.ai-proposal .edit-ai,.ai-proposal .move-ai{color:#654497;border-color:#b7a5d2}.ai-proposal .accept-ai{color:#176b3a;border-color:#8eb99e}.ai-proposal .reject-ai{color:#962a2a;border-color:#dab0b0}
.ai-move-capture{position:absolute;inset:0;z-index:2000;background:transparent;cursor:move;touch-action:none}
.api-availability{margin:6px 0;padding:6px 8px;border:1px solid #d8cfae;border-radius:8px;background:#fff8df;color:#695713;font-size:11px;line-height:1.35}.api-availability.available{border-color:#a8c9b2;background:#eef8f1;color:#176b3a}
input{font:inherit;padding:10px 12px;border:1px solid #aebbb1;border-radius:10px;background:#fff;width:100%}.access-entry{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:8px 0;border-top:1px solid #dfe7e0;font-size:12px}.access-entry button{width:auto;padding:5px 8px;color:#9b2020}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0 4px;color:#718078;font-size:12px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#d9e2da;flex:1}.auth-card label{text-align:left}

/* Kompakt verktygsmeny */
header{height:58px;padding:0 16px;gap:18px;box-shadow:0 1px 0 #ffffff18}header h1{font-size:18px;letter-spacing:-.2px}#status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-gate{inset:58px 0 0}main{height:calc(100vh - 58px);grid-template-columns:292px 1fr}
.editor-sidebar{padding:10px;background:#f5f7f5;box-shadow:2px 0 18px #1028191a;scrollbar-width:thin;scrollbar-color:#b9c4bc transparent}.sidebar-title{display:flex;align-items:baseline;justify-content:space-between;padding:2px 5px 9px;color:#173d25;font-size:15px;font-weight:800}.sidebar-title small{color:#718078;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.tool-section{margin:0 0 7px;border:1px solid #dbe3dc;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #17241b0a}.tool-section>summary{display:flex;align-items:center;gap:9px;padding:10px 11px;cursor:pointer;list-style:none;user-select:none;color:#1d3123;font-size:13px;font-weight:750}.tool-section>summary::-webkit-details-marker{display:none}.tool-section>summary::after{content:'›';margin-left:auto;color:#75827a;font-size:20px;font-weight:400;line-height:1;transform:rotate(90deg);transition:transform .16s ease}.tool-section[open]>summary::after{transform:rotate(-90deg)}.tool-section[open]>summary{border-bottom:1px solid #edf1ed;background:#fbfcfb}.tool-section>summary:hover{background:#f2f7f3}.tool-section>summary>span:not(.section-icon){display:grid;gap:1px}.tool-section>summary small{color:#7a867e;font-size:10px;font-weight:500}.section-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e8f2ea;color:#176b3a;font-size:14px}.section-body{padding:9px 10px 11px}.section-body label{margin:7px 0;font-size:11px}.section-body h3{margin:13px 0 5px;padding-top:10px;border-top:1px solid #e7ece8;color:#34483a;font-size:12px}.section-body h3:first-child{margin-top:0;padding-top:0;border:0}
.course-context{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:7px;margin:0 0 7px;padding:9px 10px;border:1px solid #b9cfbf;border-radius:11px;background:#eaf3ec}.course-context label{min-width:0;margin:0;color:#2c4b35;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.course-context select{min-width:0;margin-top:2px;background:#fff;color:#17241b;font-size:12px;font-weight:650;text-transform:none;letter-spacing:0}
select,button,input{min-height:36px;padding:7px 9px;border-color:#c5d0c8;border-radius:8px}button{margin:3px 0;font-size:12px;font-weight:650}.buttons{gap:6px}.draw-help,.hint{margin:6px 1px;font-size:10.5px}.api-availability{margin:5px 0;padding:5px 7px;font-size:10px}.object-heading{margin:12px 0 4px;color:#59675d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.feature{display:grid;grid-template-columns:auto minmax(55px,1fr) auto auto auto;gap:4px;padding:6px 2px;font-size:11px}.feature .visibility-feature,.feature .edit-feature,.feature .delete-feature{padding:4px 5px;font-size:10px}.swatch{width:11px;height:11px}
.save-panel{position:sticky;bottom:-10px;z-index:5;margin:9px -10px -10px;padding:10px;background:linear-gradient(#f5f7f500,#f5f7f5 18%);display:grid;grid-template-columns:1fr 1fr;gap:6px}.save-panel #save{grid-column:1/-1}.save-panel button{margin:0}.text-button{background:transparent;color:#506057}.sidebar-footnote{margin:16px 5px 8px;color:#768179;font-size:9.5px;line-height:1.4}
@media(max-width:760px){header{height:54px}header #status{display:none}main{height:calc(100vh - 54px);grid-template-columns:min(280px,78vw) 1fr}.auth-gate{inset:54px 0 0}}
