@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#102233;--deep:#0c1c2a;--teal:#00cda0;--green:#007b60;--ink:#142535;--muted:#6c7b87;--line:#e5eaec;--paper:#f5f7f7}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--deep)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button{transition:background .18s,transform .18s}button:active{transform:translateY(1px)}a{color:var(--green)}header{height:78px;display:flex;align-items:center;padding:0 27px;gap:22px;background:linear-gradient(110deg,#132737,#0e1c2d);color:white;border-bottom:1px solid #ffffff20;position:relative;z-index:1001}.brand{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;text-decoration:none;letter-spacing:-1px;color:white;display:flex;align-items:center;gap:10px}.brandmark{display:inline-flex;align-items:center;justify-content:center;font-size:32px;color:#0fe0a7;background:#10b88a20;border-radius:20px 3px 20px 3px;width:35px;height:35px}.tagline{border-left:1px solid #ffffff30;padding-left:21px;color:#b8c6cf;font-size:12px;max-width:160px;line-height:1.6}nav{display:flex;gap:7px;margin-left:auto;height:100%;align-items:center}nav button{height:44px;padding:0 18px;border:0;background:none;color:#c3cdd6;border-radius:8px;font-size:15px;display:flex;gap:9px;align-items:center}nav button:hover{background:#ffffff0b}nav button.active{background:#007d6255;color:#54edbf;position:relative}nav button.active:after{content:'';position:absolute;bottom:-17px;height:3px;background:#2cebb3;left:15px;right:15px;border-radius:4px}.iconbtn{border:1px solid #c1cbd4;background:none;color:inherit;border-radius:50%;height:29px;width:29px}.avatar{border:1px solid #ffffff20;border-radius:50%;background:#ffffff0c;color:#c9dedb;height:35px;width:35px;font-size:12px}#workspace{height:calc(100dvh - 78px);min-height:620px;display:flex;position:relative;overflow:hidden}#sidebar{width:263px;flex-shrink:0;background:linear-gradient(160deg,#142a3b,#0d1e2d);color:#dae3e8;padding:27px 18px 18px;display:flex;flex-direction:column;border-right:1px solid #ffffff15;z-index:500}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#87aaa9}.sidehead h2{font-family:Manrope;font-size:20px;font-weight:700;color:#f5f9fc;letter-spacing:-.5px;margin:9px 0 23px}.searchbox{background:#ffffff0c;border:1px solid #ffffff20;display:flex;align-items:center;border-radius:8px;padding:7px 10px;gap:7px}.searchbox>span{font-size:24px;color:#9fbbbe}.searchbox input{min-width:0;width:100%;border:0;background:none;color:white;font-size:12px;padding:4px 0}.searchbox button{border:0;color:#a5bfc3;background:none}.sectionlabel{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#8fa6b5;margin:26px 0 12px;display:flex;justify-content:space-between;align-items:center}#layerlist{display:grid;gap:7px}.layer{border:1px solid transparent;background:transparent;color:#c7d7df;border-radius:9px;padding:11px 10px;width:100%;display:flex;gap:11px;align-items:center;text-align:left}.layer:hover{background:#ffffff09}.layer.active{background:linear-gradient(100deg,#0d715c70,#075d4a40);border-color:#20c59950;color:#effff9}.layerthumb{height:32px;width:36px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;box-shadow:inset 0 0 10px #0003}.layer .label{font-size:12px;line-height:1.4}.layer small{display:block;font-size:9px;color:#98b2b9;margin-top:2px}.layer .check{margin-left:auto;border:1px solid #879aa5;width:15px;height:15px;border-radius:4px;line-height:13px;text-align:center;font-size:10px;color:transparent}.layer.active .check{background:#24dfaa;color:#07372d;border-color:#24dfaa}input[type=range]{accent-color:#03b58b;cursor:pointer;width:100%;height:4px}.sideblock{padding:0 9px}.sideblock output{letter-spacing:0;color:#d6e5e8}.sidebottom{display:flex;gap:9px;align-items:center;margin-top:auto;padding:18px 0 0;border-top:1px solid #ffffff12}.statusdot,.pulse{background:#29d8aa;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #22c79b15;flex-shrink:0}.sidebottom b{display:block;font-size:11px;color:#c9dfe1;font-weight:500}.sidebottom small{display:block;font-size:9px;color:#7f9aa7;margin-top:5px}.sidebottom button{margin-left:auto;color:#89aaa9;background:none;border:0}#sidelegend{margin:25px 8px;font-size:11px;color:#a9bbc5;line-height:1.7}#sidelegend b{color:#dfefec;font-size:12px}.mapworkspace{flex:1;position:relative;min-width:0;background:#263e39}#map{height:100%;width:100%;background:#314f46 url('assets/pavia.jpg') center/cover}.leaflet-container{font-family:'DM Sans',sans-serif}.leaflet-control-attribution{font-size:8px!important;background:#ffffffd9!important}.leaflet-control-zoom{border:0!important;box-shadow:0 4px 18px #0002!important;border-radius:9px!important;overflow:hidden}.leaflet-control-zoom a{background:#f9fcfd!important;color:#18312e!important;border-color:#e2e9e8!important}.leaflet-top.leaflet-right{top:80px;right:11px}.leaflet-control-scale-line{background:#112d2fbb!important;border-color:#ffffffb0!important;color:white!important;font-size:9px!important}.maptop{position:absolute;z-index:450;top:21px;left:21px;right:21px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.maptop>*{pointer-events:auto}.locationpill{background:#10262be8;color:#f5fffb;border:1px solid #ffffff25;box-shadow:0 4px 14px #0002;border-radius:7px;padding:11px 13px;display:flex;align-items:center;gap:9px;font-size:11px}.separator{color:#ffffff35;margin:0 2px}#viewname{color:#9ab9b8}.mapactions{display:flex;gap:4px}.mapactions button{background:#f8fcfa;color:#224238;border:0;padding:10px 12px;font-size:12px;box-shadow:0 3px 12px #0002;border-radius:6px}.viewtoggle{position:absolute;z-index:450;bottom:113px;left:22px;background:#102a2ddf;border:1px solid #ffffff28;border-radius:7px;padding:4px;display:flex;gap:3px}.viewtoggle button{border:0;border-radius:5px;background:none;color:#d6e8e3;font-size:10px;padding:8px 12px}.viewtoggle button.selected{background:#e7f7f1;color:#124c3c;font-weight:600}.databadge{position:absolute;z-index:450;bottom:115px;right:21px;background:#10252bdb;border:1px solid #ffffff22;color:#c7d9d8;border-radius:6px;padding:8px 10px;font-size:9px}.timeline{position:absolute;z-index:450;bottom:22px;left:22px;right:22px;background:#fbfdfbfa;border-radius:10px;box-shadow:0 6px 30px #001a1d35;border:1px solid #fff;padding:17px;display:flex;align-items:center;gap:18px}.timeintro{display:flex;align-items:center;gap:10px;min-width:143px}.calendar{font-size:23px;color:#17866a}.timeintro b{font-size:11px;font-weight:650}.timeintro small{display:block;color:#8a9699;font-size:8px;margin-top:5px}.play{height:28px;width:28px;border:1px solid #dce7e1;color:#008668;border-radius:50%;background:white;font-size:10px;flex-shrink:0}.timetrack{flex:1}.monthlabels{display:flex;justify-content:space-between;font-size:8px;color:#83958e;padding:0 0 8px}.datepill{background:#edf5f1;color:#32795f;padding:7px 9px;border-radius:6px;font-size:9px;white-space:nowrap}#detail{width:327px;flex-shrink:0;background:#f6f8f8;padding:25px 22px;overflow:auto;border-left:1px solid #d7e1dd;z-index:450}h1,h2,h3{font-family:Manrope,sans-serif}#detail h1{font-size:25px;letter-spacing:-.8px;margin:9px 0}.fieldlocation{font-size:11px;color:#7d8c93;display:flex;align-items:center;gap:7px;margin-bottom:19px}.fieldlabel{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c8e8a}.fieldlabel .tag{font-size:9px;padding:4px 6px}.tag{background:#def2e9;color:#227c5b;padding:5px 9px;border-radius:5px;font-size:10px;display:inline-block}.tag.demo{background:#fff0d2;color:#917031}.tag.gray{background:#edf0f1;color:#687985}.fieldpreview{height:109px;background:url('assets/pavia.jpg') center/cover;border-radius:8px;position:relative;overflow:hidden;border:1px solid #d2e0d6;margin:17px 0}.fieldpreview:after{content:'';position:absolute;inset:21px 72px;border:2px solid #1bffbd;transform:rotate(-12deg);background:#05c68c27;clip-path:polygon(0 5%,100% 0,94% 95%,7% 100%)}.fieldpreview .previewlabel{position:absolute;bottom:9px;left:9px;background:#15332dc9;color:white;font-size:8px;border-radius:4px;padding:5px 8px}.statrow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #e0e7e5;font-size:11px}.statrow span{color:#7e8d93}.statrow strong{font-weight:550;font-size:11px}.statrow button{border:0;background:none;color:#428b75;font-size:13px}.primary{background:#007b60;color:white;border:0;border-radius:7px;padding:13px 18px;font-size:12px;font-weight:600;box-shadow:0 4px 9px #00755712}.primary:hover{background:#00664f}.wide{width:100%;margin-top:19px}.secondary{border:1px solid #d6e1dc;color:#326d5c;background:white;border-radius:7px;padding:10px 13px;font-size:11px}.detailsection{border-top:1px solid #dde5e2;padding-top:18px;margin-top:23px}.detailsection h3{font-size:12px;margin:0 0 11px}.note{background:#e8f2ed;border:1px solid #d9e9df;border-radius:8px;padding:12px;font-size:10px;color:#5c7b6c;line-height:1.65;margin-top:18px}.note b{display:block;color:#286c52;font-size:11px;margin-bottom:3px}.ministats{display:flex;gap:8px;margin-top:14px}.ministat{background:white;border:1px solid #e0e8e4;border-radius:7px;flex:1;padding:11px}.ministat small{font-size:8px;color:#8d9e97;display:block}.ministat b{font-size:20px;font-family:Manrope;display:block;margin-top:4px;font-weight:650}.ministat em{font-style:normal;color:#6c8c7c;font-size:8px}.mini-chart{width:100%;height:75px;margin-top:10px}.caption{font-size:9px;color:#83948c;line-height:1.6}.progress{height:5px;border-radius:5px;background:#e0e9e4;overflow:hidden}.progress span{display:block;height:100%;background:#0da977;border-radius:5px}#maplegend{position:absolute;z-index:450;right:21px;bottom:165px;background:#10282ce8;color:#e8f8f0;border-radius:7px;font-size:10px;padding:12px;width:185px;display:none}.gradient{height:7px;border-radius:5px;margin:9px 0 5px}.legendends{display:flex;justify-content:space-between;font-size:8px;color:#b0c5bf}.maphint{position:absolute;z-index:600;top:75px;left:22px;background:white;padding:10px;border-radius:6px;font-size:11px;box-shadow:0 3px 18px #0003}.maphint button{border:0;background:#e7f4ee;color:#147a57;margin-left:9px;border-radius:4px}.field-tooltip{background:#112f2be8!important;color:white!important;border:1px solid #58eac1!important;padding:8px 12px!important;box-shadow:0 3px 10px #0002!important;border-radius:6px!important;font-size:11px!important}.field-tooltip:before{border-top-color:#112f2b!important}#fullpage{flex:1;min-width:0;overflow:auto;background:#f3f6f5;padding:31px 34px}.pagehead{display:flex;align-items:start;justify-content:space-between;margin-bottom:26px;gap:20px}.pagehead h1{font-size:29px;letter-spacing:-1px;margin:5px 0 7px}.pagehead p{font-size:12px;color:#788c83;line-height:1.7;margin:0}.breadcrumbs{color:#5c9280;font-size:10px;letter-spacing:1px}.pagehead .primary{flex-shrink:0}.comparebanner{background:linear-gradient(100deg,#15392ee8,#15392e55),url('assets/pavia.jpg') center 60%/cover;border-radius:12px;color:white;padding:24px;display:flex;justify-content:space-between;gap:30px;margin-bottom:23px}.comparebanner h2{font-size:22px;letter-spacing:-.5px;margin:8px 0}.comparebanner p{font-size:11px;color:#bed3c8;max-width:470px;line-height:1.7}.priorities{min-width:270px;display:grid;gap:13px}.priorities label{font-size:11px;display:grid;grid-template-columns:70px 1fr 25px;align-items:center;gap:10px}.comparegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rotationcard{border:1px solid #dce6df;background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #122d1d05}.rotationcard.recommended{border-color:#51b58c;box-shadow:0 0 0 2px #20c98b12}.rotationhead{padding:19px;background:#e8f2ed;border-bottom:1px solid #d9e8de}.rotationhead .tag{float:right;font-size:8px}.rotationhead h2{font-size:17px;margin:0 0 5px}.rotationhead p{font-size:10px;color:#668577;margin:0;line-height:1.6}.rotationbody{padding:18px}.sequence{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 0 20px}.cropchip{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#526e5b;background:#f8f7ed;border-radius:6px;padding:9px 7px;flex:1;text-align:center}.cropchip .cropemoji{font-size:30px;margin-bottom:7px}.arrow{color:#a8b8ae}.score{font-size:28px;font-family:Manrope;font-weight:750;color:#16865f}.score small{font-size:11px;color:#96a69d;font-weight:400}.criterion{display:grid;grid-template-columns:100px 1fr 25px;align-items:center;gap:8px;font-size:10px;padding:11px 0;border-bottom:1px solid #edf1ee}.criterion .progress{height:5px}.rationale{font-size:10px;color:#78907e;line-height:1.8;min-height:72px;margin:16px 0}.rotationbody button{width:100%}.comparisonfoot{margin-top:20px;color:#7c9084;font-size:10px;line-height:1.8;background:#e8efea;border-radius:7px;padding:13px}.filterbar{display:flex;gap:12px;margin-bottom:24px;align-items:center}.filterbar select,.filterbar input{border:1px solid #d9e3dc;background:white;padding:10px 13px;border-radius:7px;font-size:12px;color:#356a52}.filterbar input{flex:1}.countrygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:26px}.countrycard{border:1px solid #dbe5de;border-radius:9px;padding:15px;background:white;text-align:left;color:#304c3e}.countrycard.active{border-color:#12a879;background:#e5f5ec}.countrycard .flag{font-size:27px}.countrycard b{display:block;font-size:12px;margin:8px 0 4px}.countrycard small{font-size:9px;color:#7e9587}.explorelayout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.panel{background:white;border:1px solid #dfe7e1;border-radius:11px;padding:22px}.panel h2{font-size:17px;margin:0 0 7px}.panel p{color:#7c8f83;font-size:11px;line-height:1.8}.cropgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cropcard{border:1px solid #dde7df;background:white;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.cropcard:hover{transform:translateY(-4px);box-shadow:0 10px 25px #143d2710}.cropart{height:160px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 75%,#e6ecda,#f6f8f0 65%);position:relative}.cropart svg{height:130px;width:130px;filter:drop-shadow(0 9px 5px #23481922)}.cropart .tag{position:absolute;top:12px;right:12px;font-size:8px}.cropinfo{padding:18px}.cropinfo h2{font-size:18px;margin:0 0 5px}.cropinfo p{font-size:11px;line-height:1.7;color:#7a8e7f;margin:7px 0}.cropinfo .tag{font-size:8px;margin-right:4px}.cropbottom{border-top:1px solid #e9efea;padding-top:12px;margin-top:14px;display:flex;justify-content:space-between;font-size:10px;color:#27845e}.insightgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.bigstat{background:white;border:1px solid #e0e8e2;border-radius:10px;padding:20px}.bigstat small{font-size:10px;color:#7a9082}.bigstat b{display:block;font-family:Manrope;font-size:31px;margin:10px 0 5px;color:#226b4b}.bigstat span{font-size:10px;color:#829689}.chartwrap{height:240px;display:flex;align-items:end;gap:10px;padding-top:20px;border-bottom:1px solid #dfe8e0;margin-bottom:25px}.barcol{flex:1;height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column;position:relative}.barcol .bar{background:linear-gradient(#39bca4,#177b65);width:65%;border-radius:5px 5px 0 0;min-height:2px}.barcol small{position:absolute;bottom:-20px;font-size:9px;color:#7d9589}.barcol .barvalue{font-size:8px;color:#718b7a;margin-bottom:7px}.charttitle{display:flex;justify-content:space-between;align-items:center}.charttitle select{font-size:11px;border:1px solid #d4e2d8;padding:6px;border-radius:5px}.loading{color:#678774;font-size:12px;padding:25px}.seasonview{position:relative;border-radius:10px;overflow:hidden;height:410px;background:url('assets/pavia.jpg') center/cover}.seasonview:before{content:'';position:absolute;inset:0;background:#81a91e44;mix-blend-mode:color}.seasonright{position:absolute;inset:0;background:linear-gradient(#b6895170,#c49f6270),url('assets/pavia.jpg') center/cover;filter:sepia(.6) saturate(.7);clip-path:inset(0 0 0 50%)}.seasonline{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white}.seasonline:after{content:'‹ ›';position:absolute;top:50%;left:-19px;width:40px;height:40px;border-radius:50%;background:white;color:#217958;text-align:center;line-height:40px}.seasonlabels{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between}.seasonlabels span{background:#163a2de0;color:white;border-radius:5px;padding:8px 12px;font-size:11px}.seasonview input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.seasoncards{display:flex;gap:10px;margin-top:17px}.seasoncards button{flex:1;background:#e6eee6;border:1px solid #d6e3d8;padding:12px;border-radius:7px;color:#54735c;font-size:11px}.seasoncards button.active{background:#137e5a;color:white}.linkbutton{background:none;border:0;color:#21865f;font-size:11px;text-decoration:underline;padding:0}#searchresults{display:grid;gap:3px}#searchresults button{background:#244439;color:#dceee5;border:0;padding:9px;font-size:11px;text-align:left;border-radius:5px;margin-top:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#102e25;color:white;padding:13px 22px;border:1px solid #6ab294;border-radius:9px;box-shadow:0 6px 25px #0003;opacity:0;pointer-events:none;transition:.3s;z-index:3000;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid #dce8df;border-radius:15px;box-shadow:0 20px 90px #00150c66;padding:30px;width:min(680px,92vw);max-height:90vh;color:#173728}dialog::backdrop{background:#071c2899;backdrop-filter:blur(4px)}dialog .close{float:right;color:#72917d;border-color:#d5e4d9}dialog h1{font-size:25px;margin:8px 0 15px}dialog p{font-size:12px;color:#6c8473;line-height:1.9}dialog label{display:block;font-size:11px;margin:15px 0 6px;color:#5b7c65}dialog input,dialog select{display:block;width:100%;padding:10px 12px;border:1px solid #d5e2d9;border-radius:7px;color:#2b5e3f;background:white}dialog .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sources a{display:block;margin:10px 0;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}#globeview{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 60%,#12374a,#071520 70%);z-index:400}#earthcanvas{width:100%;height:100%}.globetitle{position:absolute;left:40px;top:100px;max-width:370px;pointer-events:none;color:white}.globetitle h1{font-size:38px;line-height:1.25;letter-spacing:-1.5px}.globetitle p{font-size:12px;line-height:1.9;color:#a6c9cd}.globetitle button{pointer-events:auto;margin-top:15px}.modelstage{height:300px;border-radius:10px;background:radial-gradient(#ecf6e7,#f7f9f0);overflow:hidden;position:relative}.modelstage canvas{width:100%;height:100%;touch-action:none}.modelstage span{position:absolute;bottom:10px;left:15px;color:#7d947b;font-size:10px}.weatherpill{display:flex;justify-content:space-between;background:#edf3ef;padding:10px;border-radius:6px;font-size:10px;color:#648470;margin-top:13px}
@media(min-width:1600px){#sidebar{width:285px}#detail{width:360px;padding:30px}.tagline{max-width:none}.layer{padding:14px 12px}.layer .label{font-size:13px}}@media(max-width:1180px){.tagline{display:none}header{gap:15px;padding:0 18px}nav button{padding:0 12px}#sidebar{width:222px;padding:22px 13px}#detail{width:280px;padding:22px 17px}.timeintro{display:none}.databadge{font-size:8px}.mapactions span{display:none}#fullpage{padding:25px 22px}.criterion{grid-template-columns:85px 1fr 20px}.comparebanner{display:block}.priorities{margin-top:15px}.countrygrid{gap:7px}.comparegrid{gap:10px}.rotationbody{padding:12px}}@media(max-width:900px){#detail{width:260px}.help{display:none}.brand{font-size:23px}nav button{padding:0 10px;font-size:13px}#sidebar{width:190px}.layerthumb{width:26px;height:28px}.layer{gap:8px;padding:9px 6px}.sidehead h2{font-size:17px}.databadge{display:none}.locationpill{font-size:9px;padding:9px}#viewname,.separator{display:none}.maptop{left:13px;right:13px;top:15px}.comparegrid{grid-template-columns:1fr}.rotationcard{display:grid;grid-template-columns:190px 1fr}.rotationhead{border:0}.rotationhead .tag{float:none;margin-bottom:15px}.cropgrid{grid-template-columns:repeat(2,1fr)}.explorelayout{grid-template-columns:1fr}.countrygrid{grid-template-columns:repeat(3,1fr)}.insightgrid{grid-template-columns:1fr 1fr}.sidebottom small{font-size:8px}}@media(max-width:700px){header{height:65px;padding:0 14px;gap:9px}.brand{font-size:21px}.brandmark{width:26px;height:28px;font-size:25px}.avatar{display:none}nav{gap:0}nav button{font-size:19px;padding:0 11px}nav button span{display:none}nav button.active:after{bottom:-11px}#workspace{height:calc(100dvh - 65px);min-height:520px;flex-wrap:wrap;overflow:auto}#sidebar{width:100%;height:auto;padding:10px 12px;display:block;border:0}.sidehead,#searchform,.sectionlabel,.sideblock,#sidelegend,.sidebottom{display:none}#layerlist{display:flex;overflow:auto;gap:6px}.layer{width:auto;white-space:nowrap;flex-shrink:0;padding:6px 9px;border-color:#ffffff15}.layerthumb{height:22px;width:22px}.layer .label{font-size:10px}.layer small,.check{display:none!important}.mapworkspace{height:55vh;min-height:350px;width:100%;flex:auto}#detail{width:100%;padding:21px;height:auto;overflow:visible}.fieldpreview{display:none}.fieldlabel{margin-top:0}.fieldlocation{margin-bottom:8px}.statrow{padding:10px 0}.detailsection{margin-top:15px}.timeline{left:12px;right:12px;bottom:17px;padding:12px;gap:10px}.viewtoggle{bottom:90px;left:12px}.monthlabels{font-size:7px}.mapactions{gap:3px}.locationpill{font-size:10px}.leaflet-top.leaflet-right{top:65px}.globetitle{left:25px;top:75px;max-width:220px}.globetitle h1{font-size:26px}.globetitle p{display:none}#fullpage{padding:23px 15px;width:100%;overflow:visible}.pagehead h1{font-size:24px}.pagehead{gap:10px}.pagehead .primary{font-size:10px;padding:10px}.countrygrid{grid-template-columns:repeat(3,1fr)}.rotationcard{display:block}.cropgrid{gap:10px}.cropart{height:130px}.cropinfo{padding:12px}.cropinfo h2{font-size:16px}.cropinfo p{font-size:10px}.comparebanner{padding:19px}.panel{padding:17px}.pagehead p{font-size:11px}.chartwrap{gap:4px}.insightgrid{gap:9px}.bigstat{padding:15px}.bigstat b{font-size:25px}.formgrid{grid-template-columns:1fr!important}}
@media print{header,#sidebar,#detail,.pagehead button,.priorities,.mapworkspace,.filterbar{display:none!important}#fullpage{display:block!important;overflow:visible!important;padding:0!important}#workspace{height:auto!important;overflow:visible!important}.comparegrid{grid-template-columns:repeat(3,1fr)}.rotationcard{display:block}.rotationbody button{display:none}body{background:white}.comparisonfoot{font-size:9px}*{print-color-adjust:exact}}

.fallbackearth{position:absolute;right:3%;top:15%;width:min(58vw,600px);height:min(58vw,600px);border-radius:50%;background:url('assets/earth.jpg') 48% center/auto 100%;box-shadow:inset -70px -30px 90px #000c,inset 12px 8px 28px #9fe5ff55,0 0 45px #389bd433;cursor:grab;touch-action:none}.cropfallback{height:100%;display:flex;align-items:center;justify-content:center}.cropfallback svg{height:270px;width:270px;filter:drop-shadow(0 10px 9px #2e4d2225)}@media(max-width:700px){.fallbackearth{width:270px;height:270px;right:-30px;top:75px;opacity:.9}}

/* Fixed circular navigation dock across desktop, tablet and mobile. */
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}.brandmark .ui-icon{width:28px;height:28px;stroke-width:1.8}.brandmark{background:linear-gradient(140deg,#21e7ad26,#00aa7b12);color:#27e8ad;box-shadow:inset 0 1px 0 #5dfaca1a}.help{margin-left:auto;width:34px;height:34px;border:0;color:#a8c3c7}.help .ui-icon{width:23px;height:23px}.avatar{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1c6151,#143c3d);border:1px solid #3b847244;width:37px;height:37px;color:#84e7c5}.avatar .ui-icon{width:19px;height:19px}.headerbadge{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:#799c9d;border-left:1px solid #ffffff13;padding-left:20px;margin-left:3px;order:0}.headerbadge .pulse{width:5px;height:5px}.help{order:1}.avatar{order:2}header .tagline{max-width:none}
nav.appdock{position:fixed;bottom:calc(17px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:1500;height:auto;margin:0;display:flex;align-items:center;gap:12px;padding:11px 17px 10px;border:1px solid #ffffff26;border-radius:29px;background:linear-gradient(155deg,#193c3bec,#0e222de8);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 12px 34px #001e2b3d,0 2px 7px #001e2b26,inset 0 1px 0 #ffffff14;isolation:isolate}
nav.appdock .dockitem{height:auto;min-width:63px;width:68px;padding:0 0 1px;display:flex;flex-direction:column;gap:5px;position:relative;border:0;border-radius:17px;background:none;color:#b3cbcb;transform:none;font-size:11px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
nav.appdock .dockitem:after{display:none}nav.appdock .dockcircle{width:47px;height:47px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ffffff15;background:linear-gradient(145deg,#ffffff10,#ffffff03);box-shadow:inset 0 1px 0 #ffffff0c,0 3px 8px #0000000c;transition:transform .22s,background .22s,box-shadow .22s,color .22s;color:#abc6c7}
nav.appdock .dockcircle .ui-icon{width:23px;height:23px;stroke-width:1.65}nav.appdock .dockcircle.compare{color:#d0c5ef}nav.appdock .dockcircle.countries{color:#9ccfdc}nav.appdock .dockcircle.crops{color:#b9db99}nav.appdock .dockcircle.insights{color:#e4c68d}nav.appdock .docklabel{font-size:9px;letter-spacing:.2px;line-height:13px;display:block;font-weight:500}nav.appdock .dockdot{position:absolute;bottom:-7px;width:3px;height:3px;border-radius:50%;background:#43efb4;opacity:0;transition:opacity .2s}
nav.appdock .dockitem:hover{background:none;color:#f3fff9}nav.appdock .dockitem:hover .dockcircle{transform:translateY(-4px);background:linear-gradient(145deg,#ffffff22,#ffffff0a);box-shadow:0 7px 14px #001b2426}nav.appdock .dockitem.active{background:none;color:#7cf2c6}nav.appdock .dockitem.active .dockcircle{color:#063d2f;background:linear-gradient(145deg,#5aefbe,#17bf8b);border-color:#81ffd34d;box-shadow:0 5px 17px #0ccc8c29,inset 0 1px 0 #d4ffeb80;transform:translateY(-3px)}nav.appdock .dockitem.active .dockdot{opacity:1}nav.appdock .dockitem:focus-visible{outline:2px solid #80ffd1;outline-offset:5px}nav.appdock .dockitem:active .dockcircle{transform:translateY(-1px) scale(.95)}
.layerthumb .ui-icon{width:21px;height:21px;stroke-width:1.6;filter:drop-shadow(0 1px 2px #0002)}.layerthumb{border:1px solid #ffffff18;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff25,0 3px 7px #0001}.layer.active .layerthumb{box-shadow:0 0 14px #5adcb414,inset 0 1px 0 #ffffff30}.searchbox>.ui-icon{width:18px;height:18px;color:#8aaead}.mapactions button{display:flex;align-items:center;justify-content:center;gap:7px}.mapactions .ui-icon{width:18px;height:18px}.viewtoggle button{display:flex;align-items:center;gap:6px}.viewtoggle .ui-icon{width:14px;height:14px}.calendar .ui-icon{width:23px;height:23px}#comparefield{display:flex;align-items:center;justify-content:center;gap:5px}#comparefield .ui-icon{width:17px;height:17px}#comparefield .ui-icon:last-child{margin-left:auto;width:15px}
@media(min-width:701px){#sidebar{padding-bottom:121px}#detail{padding-bottom:140px}#fullpage{padding-bottom:145px}.timeline{bottom:116px}.viewtoggle{bottom:207px}.databadge{bottom:209px}#maplegend{bottom:258px}.leaflet-bottom{bottom:110px}.sidebottom{gap:7px}.sidebottom small{font-size:8px}}
@media(min-width:1500px){nav.appdock{gap:18px;padding:13px 22px 12px}nav.appdock .dockitem{width:74px}nav.appdock .dockcircle{width:52px;height:52px}nav.appdock .docklabel{font-size:10px}}
@media(max-width:900px){.headerbadge{display:none}.help{display:flex;align-items:center;justify-content:center}nav.appdock{gap:10px}.layerthumb .ui-icon{width:18px;height:18px}}
@media(max-width:700px){header{position:relative}.tagline{display:none}.avatar{display:flex}.help{margin-left:auto}nav.appdock{bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(364px,calc(100vw - 24px));padding:10px 9px 11px;gap:0;justify-content:space-between;border-radius:26px}nav.appdock .dockitem{min-width:0;width:20%;font-size:11px;padding:0;gap:5px}nav.appdock .dockcircle{width:44px;height:44px}nav.appdock .dockcircle .ui-icon{width:22px;height:22px}nav.appdock .docklabel{display:block;font-size:9px}nav.appdock .dockdot{bottom:-6px}#workspace{padding-bottom:112px}#detail{padding-bottom:25px}#fullpage{padding-bottom:30px}#toast{bottom:116px}.layerthumb .ui-icon{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){nav.appdock *,nav.appdock .dockitem:hover .dockcircle{transition:none!important;transform:none!important}}
@media print{nav.appdock,.headerbadge{display:none!important}#fullpage{padding-bottom:0!important}}
/* Manual field boundary pencil with explicit preview and commit. */
.mapactions button[aria-pressed=true]{background:#b9f6dc;color:#006b4b;box-shadow:0 0 0 2px #0bc98b55}.drawpanel{top:76px;right:22px;left:auto;width:304px;border:1px solid #d9e8df;padding:16px;background:#fcfffded;backdrop-filter:blur(18px);box-shadow:0 12px 35px #0b2e3429;border-radius:13px}.drawpanelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.drawtitle{display:flex;align-items:center;gap:8px;color:#204f3d;font-size:13px;font-weight:650}.drawtitle .ui-icon{width:19px;height:19px;color:#078d62}.drawpanel #canceldraw{background:none;color:#6e8e7e;border:0;margin:0;font-size:21px;line-height:24px;padding:0 4px}.drawmodes{display:flex;background:#eaf2ed;padding:4px;border-radius:8px;gap:4px}.drawpanel .drawmodes button{flex:1;font-size:10px;background:none;color:#668475;border:0;margin:0;padding:8px 4px;border-radius:6px}.drawpanel .drawmodes button[aria-pressed=true]{background:#fff;color:#077651;box-shadow:0 2px 6px #173d2810}.drawpanel p{font-size:10px;line-height:1.7;color:#7c9186;margin:12px 0}.drawsummary{border:1px solid #dcebe1;background:#edf6f0;color:#3a7957;font-size:10px;line-height:1.7;border-radius:7px;padding:9px 10px;min-height:36px}.drawsummary.drawerror{background:#fff4e3;border-color:#f0ddbb;color:#927040}.drawtools{display:flex;gap:6px;margin-top:13px}.drawpanel .drawtools button{border:1px solid #d6e4dc;background:white;color:#527a64;border-radius:6px;margin:0;padding:9px 8px;font-size:10px}.drawpanel #savedraw{margin-left:auto;background:#007b60;color:#fff;border-color:#007b60}.drawpanel button:disabled{opacity:.4;cursor:not-allowed}.drawkeyboard{display:block;font-size:8px;text-align:center;color:#93a69b;margin-top:10px}.pencil-drawing,.pencil-drawing .leaflet-interactive{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='m18 3 6 6-13 13-7 2 2-7L18 3Z' fill='%23f6fff9' stroke='%23007450' stroke-width='1.8'/%3E%3Cpath d='m15 6 6 6M6 17l5 5' fill='none' stroke='%23007450' stroke-width='1.8'/%3E%3C/svg%3E") 4 24,crosshair!important}.pencil-drawing{touch-action:none!important;user-select:none}.corner-drawing,.corner-drawing .leaflet-interactive{cursor:crosshair!important}@media(max-width:700px){.drawpanel{right:10px;top:65px;width:min(290px,calc(100% - 20px));padding:12px}.drawpanelhead{margin-bottom:9px}.drawpanel p{margin:8px 0}.drawkeyboard{display:none}.drawtools{margin-top:8px}.drawpanel .drawmodes button{padding:6px 4px}}
#map.pencil-drawing .leaflet-control-zoom,#map.corner-drawing .leaflet-control-zoom{visibility:hidden}.drawpanel{z-index:1100}