:root{--navy:#0b1530;--navy2:#111c3d;--cyan:#39bdf8;--blue:#2979ff;--ink:#14213b;--muted:#68768a;--line:#dce5ef;--panel:#fff;--bg:#eef3f8;--danger:#d92d20;--orange:#f79009;--yellow:#fdb022;--purple:#7a5af8;--green:#12b76a;--shadow:0 18px 45px rgba(15,31,55,.12)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 20px;gap:28px;position:relative;z-index:20;box-shadow:0 2px 12px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:11px;min-width:310px}.brand img{width:42px;height:42px;border-radius:11px}.brand strong{display:block;letter-spacing:.06em;font-size:15px}.brand span{display:block;color:#a9b8d3;font-size:12px;margin-top:2px}.topbar nav{display:flex;align-items:center;gap:7px;flex:1}.topbar nav a{color:#b7c3d7;text-decoration:none;padding:11px 14px;border-radius:10px;font-size:14px}.topbar nav a:hover,.topbar nav a.active{color:white;background:rgba(255,255,255,.08)}.version{font-size:12px;color:#9aabc5;border:1px solid rgba(255,255,255,.15);padding:6px 9px;border-radius:999px}.app-shell{height:calc(100vh - 72px);display:grid;grid-template-columns:340px minmax(0,1fr) 0;overflow:hidden}.control-panel{background:#fff;border-right:1px solid var(--line);padding:19px;overflow:auto;z-index:7}.control-panel section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #edf1f5}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#728099}.search-row{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:8px}.search-row input,.control-panel select,.control-panel input[type=number]{width:100%;border:1px solid #ccd6e2;border-radius:10px;padding:11px 12px;background:#fff;color:#15223a;outline:none}.search-row input:focus,.control-panel select:focus,.control-panel input[type=number]:focus{border-color:#70b7ff;box-shadow:0 0 0 3px rgba(41,121,255,.09)}.search-row button{border:0;background:var(--navy);color:white;border-radius:10px;font-size:20px;cursor:pointer}.grid-two{display:grid!important;grid-template-columns:1.45fr 1fr;gap:10px}.control-panel label{font-size:12px;color:#56657a;font-weight:700}.control-panel label select,.control-panel label input{display:block;margin-top:7px}.primary,.secondary,.upload-button{border:1px solid #cfd8e4;border-radius:10px;padding:10px 12px;background:#fff;color:#22324b;font-weight:750;cursor:pointer;text-align:center}.primary{background:linear-gradient(135deg,#0b5cff,#2aa5ff);border:0;color:white;box-shadow:0 8px 18px rgba(24,109,255,.22);padding:13px}.secondary.active{border-color:#2a7fff;background:#edf6ff;color:#0b61d8}.full{width:100%;display:block}.search-row+.secondary{margin-top:8px}.hint,.legal-mini,.mini-status{font-size:11px;color:#77859a;line-height:1.45}.mini-status{min-height:16px;margin-top:8px}.upload-button{display:block;margin-top:10px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.metrics div{background:#f6f8fb;border:1px solid #e6ebf1;border-radius:10px;padding:9px}.metrics span{font-size:10px;color:#7a8798;display:block}.metrics strong{font-size:13px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:850;letter-spacing:.08em;color:#42526a}.badge{letter-spacing:0;background:#eef3f8;color:#6f7e92;padding:4px 7px;border-radius:999px;font-size:9px}.badge.ready{background:#e9f9f0;color:#067647}.check{display:flex!important;align-items:center;gap:8px;margin-top:10px}.check input{margin:0}.basemap-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.legal-mini{text-align:center;margin-bottom:2px}.map-wrap{position:relative;min-width:0}.map-wrap #map{position:absolute;inset:0}.legend{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:9px 12px;border-radius:11px;box-shadow:0 8px 24px rgba(15,31,55,.15);display:flex;gap:12px;z-index:4;font-size:10px;color:#506078}.legend div{display:flex;align-items:center;gap:5px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.legend .prohibited{background:#d92d20}.legend .restricted{background:#f79009}.legend .danger{background:#fdb022}.legend .controlled{background:#7a5af8}.legend .caution{background:#2e90fa}.dataset-badge{position:absolute;right:18px;bottom:18px;z-index:4;background:rgba(11,21,48,.9);color:#dfe9f7;padding:8px 11px;border-radius:9px;font-size:10px}.assessment-panel{width:390px;position:absolute;right:-410px;top:72px;bottom:0;background:#fff;border-left:1px solid var(--line);z-index:15;transition:right .24s ease;box-shadow:-14px 0 36px rgba(15,31,55,.12);overflow:auto}.assessment-panel.open{right:0}.assessment-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px;border-bottom:1px solid #e9eef4}.assessment-head h2{margin:5px 0 0;font-size:22px}.assessment-head button{width:34px;height:34px;border:0;border-radius:9px;background:#f1f4f7;color:#506078;font-size:24px;cursor:pointer}.empty-state{text-align:center;padding:60px 28px;color:#718097}.empty-state h3{color:#27364d}.radar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#edf6ff;color:#1473e6;font-size:30px}.assessment-body{padding:20px}.result-card{border-radius:14px;padding:16px;margin-bottom:16px;border:1px solid #e4eaf1}.result-card h3{margin:4px 0 2px}.result-card p{margin:0;font-size:12px;color:#66758a}.result-low{background:#ecfdf3;border-color:#abefc6}.result-review{background:#fffaeb;border-color:#fedf89}.result-authorisation{background:#fff4ed;border-color:#f9dbaf}.result-high{background:#fef3f2;border-color:#fecdca}.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.assessment-grid div{border:1px solid #e7ecf2;border-radius:10px;padding:10px}.assessment-grid span{display:block;font-size:9px;color:#7b8798;text-transform:uppercase;letter-spacing:.07em}.assessment-grid strong{display:block;font-size:13px;margin-top:3px}.zone-list{margin:8px 0 14px;padding:0;list-style:none}.zone-list li{border:1px solid #e6ebf1;border-radius:10px;padding:10px;margin:7px 0;font-size:12px}.zone-list b{display:block}.recommendations{padding-left:18px;color:#4d5c70;font-size:12px;line-height:1.55}.disclaimer{background:#f6f8fb;border-radius:10px;padding:11px;font-size:10px;color:#718097;line-height:1.45}.maplibregl-popup-content{border-radius:11px!important;padding:12px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}.mapboxgl-ctrl-group{border-radius:10px!important;overflow:hidden}.maplibregl-ctrl-top-right{top:8px;right:8px}@media(max-width:900px){.topbar{height:64px;padding:0 12px}.brand{min-width:0;flex:1}.brand img{width:36px;height:36px}.brand span,.topbar nav,.version{display:none}.app-shell{height:calc(100vh - 64px);display:block}.control-panel{position:absolute;left:10px;top:76px;width:min(340px,calc(100vw - 20px));max-height:48vh;border-radius:14px;z-index:12;box-shadow:var(--shadow);border:1px solid var(--line)}.map-wrap{position:absolute;inset:64px 0 0}.assessment-panel{top:64px;width:min(390px,100vw);right:-100vw}.legend{display:none}}

.coverage-notice{position:absolute;left:18px;top:18px;z-index:6;max-width:610px;background:rgba(255,250,235,.97);border:1px solid #fedf89;border-radius:11px;padding:10px 12px;box-shadow:0 8px 24px rgba(15,31,55,.14);display:flex;gap:9px;align-items:flex-start;color:#7a4d00;font-size:11px;line-height:1.4}.coverage-notice[hidden]{display:none}.coverage-notice strong{white-space:nowrap;font-size:10px;letter-spacing:.06em}.coverage-notice span{color:#6b5a38}.dataset-badge.partial{background:rgba(122,77,0,.92);color:#fff4cf}.dataset-safety{border-radius:11px;padding:11px 12px;margin:0 0 14px;display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.45}.dataset-safety.partial{background:#fffaeb;border:1px solid #fedf89;color:#7a4d00}.dataset-safety.complete{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.dataset-safety span{font-size:10px}@media(max-width:900px){.coverage-notice{left:10px;right:10px;top:10px;max-width:none}.dataset-badge{right:10px;bottom:10px}}
.ats-reference-box{margin:14px 0 16px;padding:12px;border:1px solid #e4e8ff;background:#f7f7ff;border-radius:12px}.ats-reference-box h4{margin:0 0 8px}.ats-ref-list{list-style:none;margin:0;padding:0}.ats-ref-list li{padding:10px 0;border-top:1px solid #e6e8f5;font-size:12px}.ats-ref-list li:first-child{border-top:0;padding-top:0}.ats-ref-list small{color:#68768a}.ats-ref-list p{margin:5px 0;color:#68768a;font-size:11px;line-height:1.4}.ats-ref-list a{display:inline-block;margin-top:4px;color:#245fd4;text-decoration:none;font-size:11px;font-weight:700}.ref-status{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;font-size:9px;letter-spacing:.04em;background:#eef2f6;color:#526276}.ref-status.exact{background:#ecfdf3;color:#067647}.ref-status.boundary_dependent,.ref-status.not_plotted{background:#fff4ed;color:#b54708}.ref-status.nil{background:#f2f4f7;color:#667085}.ref-note{margin:8px 0 0;font-size:10px;color:#7a8798}.zone-code{font-size:10px;color:#667085;margin:2px 0}.control-panel .check{line-height:1.25}