/* A map-first workspace: reveal one tool at a time. */
body{background:#f2f6f3}header{height:68px;padding:0 24px;gap:15px;background:#102431}.brand{font-size:24px}.brandmark{width:31px;height:31px}.brandmark .ui-icon{width:25px;height:25px}.tagline,.headerbadge{display:none!important}.help{margin-left:auto}#workspace{height:calc(100dvh - 68px);min-height:0;display:block;overflow:hidden;padding:0}.mapworkspace{height:100%;width:100%}#fullpage{height:100%;padding:30px 35px 135px;overflow:auto}#sidebar,#detail{position:absolute;top:20px;bottom:122px;z-index:1200;border:1px solid #dce8df;box-shadow:0 16px 55px #08292c30;border-radius:17px;display:none!important;overflow:auto;height:auto}#sidebar{left:20px;width:282px;flex-direction:column;padding:26px 18px 18px;background:#fafff9f5;color:#244e3b;backdrop-filter:blur(20px)}.layers-open #sidebar{display:flex!important}.sidehead h2{color:#1b4936;font-size:19px;margin:7px 0 19px}.sidehead .eyebrow{color:#7e9a8a;font-size:9px}.sectionlabel{color:#8a9b91;margin:20px 0 10px;font-size:9px}.searchbox{background:#edf3ed;border:1px solid #dfe8df}.searchbox input{color:#315b45;font-size:12px}.searchbox button{color:#477b60}.searchbox>.ui-icon{color:#79957f}.layer{color:#476750;padding:10px 8px;border-radius:9px;gap:10px}.layer:hover{background:#edf5ee}.layer.active{background:#e7f5ec;border-color:#c0dfca;color:#176544}.layer .label{font-size:11px}.layer small{color:#93a296;font-size:9px}.layer .check{border-color:#b9cdbd}.layer.active .check{background:#168866;color:#fff;border-color:#168866}.layerthumb{width:28px;height:28px;border-radius:7px;box-shadow:none}.layerthumb .ui-icon{width:17px;height:17px}.sideblock{padding:0 4px}.sideblock output{color:#597a65}#sidelegend{display:none}.sidebottom{display:none}.mapextras{display:flex;gap:8px;border-top:1px solid #e5ede5;padding-top:16px;margin-top:18px}.mapextras button{flex:1;background:white;border:1px solid #dce6dc;border-radius:7px;padding:9px 5px;font-size:10px;color:#5a7b66}.drawerclose{position:absolute;top:12px;right:12px;width:29px;height:29px;border:0;background:#eaf1eb;color:#62836c;border-radius:50%;font-size:20px;line-height:29px;padding:0;z-index:1}#detail{right:20px;width:330px;padding:30px 23px 23px;background:#fbfdfbf7;backdrop-filter:blur(20px)}.details-open #detail:not([hidden]){display:block!important}#detail .fieldpreview,#detail>.note,#detail>.detailsection:last-child{display:none}#detail .fieldlabel{padding-right:27px}#detail h1{font-size:24px}#detail .detailsection{margin-top:20px}#detail .statrow{font-size:12px;padding:13px 0}.fieldcompact{position:absolute;bottom:126px;left:24px;z-index:500;width:310px;padding:14px;background:#fcfffaf7;backdrop-filter:blur(14px);border:1px solid #ffffffb3;border-radius:15px;box-shadow:0 7px 26px #102f3026}#detailsToggle{display:flex;align-items:center;text-align:left;gap:10px;padding:0;width:100%;border:0;background:none;color:#264d39}#detailsToggle strong{display:block;font-family:Manrope;font-size:14px;font-weight:750;letter-spacing:-.3px}#detailsToggle small{display:block;font-size:10px;color:#8a9c8e;margin-top:5px;max-width:208px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.fieldminiicon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background:#e8f3e9;color:#5b9771}.fieldminiicon .ui-icon{width:19px;height:19px}.fieldchevron{margin-left:auto;color:#8baf99;font-size:16px}#compactCompare{width:100%;background:#087b5d;color:white;border:0;border-radius:8px;padding:11px 13px;margin-top:13px;text-align:left;font-size:11px;font-weight:600}#compactCompare span{float:right;opacity:.75}.maptop{top:22px;left:24px;right:24px}.mapleft{display:flex;align-items:center;gap:9px;pointer-events:auto}.locationpill{background:#fafffaf0;color:#456654;box-shadow:0 3px 13px #11372c0e;border:1px solid #ffffff99;border-radius:10px;font-size:11px;cursor:pointer;padding:11px 13px;gap:8px}.locationpill .separator,.locationpill #viewname{display:none}.locationpill .pulse{background:#7ba28a;box-shadow:none;width:5px;height:5px}#layersToggle{display:flex;align-items:center;gap:7px;border:1px solid #ffffff99;background:#fafffaf0;color:#365c47;border-radius:10px;padding:10px 12px;box-shadow:0 3px 13px #11372c0e;font-size:11px}#layersToggle .ui-icon{width:18px;height:18px}#layersToggle[aria-expanded=true]{background:#dff3e5;color:#0c7c54}.mapactions button{border-radius:10px;box-shadow:0 3px 13px #11372c0e;background:#fafffaf0;padding:11px 12px}.mapactions #draw{background:#087b5d;color:#fff}.mapactions #reset{color:#547b62}.mapactions button .ui-icon{width:17px;height:17px}.leaflet-top.leaflet-right{top:83px;right:14px}.leaflet-bottom{bottom:3px}.leaflet-control-attribution{font-size:7px!important;max-width:calc(100vw - 20px)}.leaflet-control-scale-line{font-size:8px!important}.viewtoggle{display:none!important}.timeline{display:none;bottom:126px;left:calc(50% - 200px);right:auto;width:400px;gap:10px;padding:13px;border-radius:12px}.timeline .timeintro{display:none}.time-open .timeline:not([hidden]){display:flex}.time-open .fieldcompact{bottom:205px}.databadge{bottom:24px;right:24px;left:auto;font-size:8px;padding:6px 8px;max-width:240px;border:0;background:#163a2db3;color:#d5e5d9;border-radius:5px}#maplegend{top:83px;left:24px;right:auto;bottom:auto;width:155px;background:#fafffaf0;color:#466c54;padding:10px;border:0;box-shadow:0 3px 13px #11372c0e;font-size:9px}#maplegend .legendends{color:#839e89}#maplegend>div:last-child{color:#8da293!important;font-size:7px!important}.layers-open #maplegend{visibility:hidden!important}.drawpanel{top:auto;bottom:24px;left:50%;right:auto;transform:translateX(-50%);width:410px;max-width:calc(100% - 32px);padding:15px 17px;border-radius:16px;box-shadow:0 9px 40px #06282333;background:#fbfffaf5}.drawpanelhead{margin-bottom:10px}.drawtitle{font-size:12px}.drawmodes{padding:3px;max-width:190px;background:#eaf2e9}.drawpanel .drawmodes button{padding:6px 8px;font-size:10px}.drawpanel p{font-size:10px;margin:10px 0;color:#849787}.drawsummary{min-height:0;border:0;padding:0;background:none;font-size:11px;font-weight:600;color:#3b8460}.drawsummary.drawerror{background:none;border:0;color:#b57e42;font-size:10px}.drawtools{margin-top:12px}.drawpanel .drawtools button{padding:9px 11px;font-size:10px;border-color:#e3ebe0}.drawpanel #savedraw{background:#087b5d;border-color:#087b5d;padding:9px 20px}.drawkeyboard{display:none}.drawing-active nav.appdock,.drawing-active .fieldcompact,.drawing-active .timeline,.drawing-active #maplegend,.drawing-active .databadge{display:none!important}.drawing-active .maptop .mapleft{visibility:hidden}.drawing-active .leaflet-bottom{bottom:3px}.drawing-active #draw{background:#ddf2e3;color:#167550}.drawing-active #maphint{z-index:1400}.drawing-active .mapactions #reset{display:none}nav.appdock{gap:8px;padding:9px 13px 10px;border-radius:25px;background:#102f2fe8;box-shadow:0 8px 30px #001e2b26;border-color:#ffffff24}nav.appdock .dockitem{width:62px;min-width:0;gap:5px}nav.appdock .dockcircle{width:40px;height:40px;background:none;border-color:transparent;box-shadow:none}nav.appdock .dockcircle .ui-icon{width:22px;height:22px;stroke-width:1.5}nav.appdock .dockitem.active .dockcircle{background:#addec3;color:#175d3e;box-shadow:none;border:0;transform:none}nav.appdock .dockitem.active{color:#ccead5}nav.appdock .dockcircle.compare,nav.appdock .dockcircle.countries,nav.appdock .dockcircle.crops,nav.appdock .dockcircle.insights{color:#a5c4b8}nav.appdock .dockitem:hover .dockcircle{transform:translateY(-2px);box-shadow:none}nav.appdock .docklabel{font-size:8px;font-weight:500}nav.appdock .dockdot{display:none}.pagehead h1{font-size:26px}.pagehead p{font-size:11px}.comparisonfoot{font-size:9px}.cropinfo p{font-size:11px}#toast{bottom:120px;font-size:11px}.drawing-active #toast{bottom:240px}#globeview .globetitle{top:110px;left:40px}
@media(max-width:700px){header{height:62px;padding:0 16px}.brand{font-size:22px;gap:8px}.brandmark{width:28px;height:28px}.help{width:27px;height:27px}.avatar{width:33px;height:33px}#workspace{height:calc(100dvh - 62px);min-height:0;flex-wrap:nowrap;overflow:hidden;padding:0}.mapworkspace{height:100%;min-height:0;width:100%}.maptop{top:15px;left:15px;right:15px;gap:6px}.mapleft{gap:6px}.locationpill{font-size:10px;padding:10px;max-width:155px;white-space:nowrap;overflow:hidden}#layersToggle{padding:9px 10px;font-size:10px;gap:5px}#layersToggle .ui-icon{width:17px;height:17px}.mapactions{gap:5px}.mapactions button{padding:10px}.mapactions #draw span{display:none}.mapactions .ui-icon{width:17px;height:17px}.leaflet-top.leaflet-right{top:70px;right:5px}.leaflet-control-zoom a{width:29px!important;height:29px!important;line-height:29px!important;font-size:18px!important}#sidebar{top:70px;left:15px;bottom:115px;width:min(290px,calc(100% - 30px));padding:24px 16px 18px;max-height:calc(100% - 180px);overflow:auto}#sidebar .sidehead,#sidebar #searchform,#sidebar .sectionlabel,#sidebar .sideblock{display:block}#sidebar .sidehead h2{font-size:18px}.sectionlabel{display:flex!important}#layerlist{display:grid;gap:4px;overflow:visible}#sidebar .layer{width:100%;white-space:normal;padding:9px 7px;border-color:transparent;gap:10px}#sidebar .layer.active{border-color:#c0dfca}#sidebar .layerthumb{width:29px;height:29px}#sidebar .layerthumb .ui-icon{width:18px;height:18px}#sidebar .layer .label{font-size:11px}#sidebar .layer small,#sidebar .layer .check{display:block!important}#sidebar .layer small{font-size:8px}#detail{top:auto;bottom:105px;left:15px;right:15px;width:auto;max-height:calc(100% - 175px);border-radius:15px;padding:25px 20px;overflow:auto}#detail .detailsection{display:none}#detail h1{font-size:22px}.fieldcompact{left:15px;right:15px;bottom:111px;width:auto;max-width:360px;margin:0 auto;padding:13px 14px;border-radius:14px}#detailsToggle strong{font-size:13px}#detailsToggle small{font-size:9px}#compactCompare{margin-top:11px;padding:10px 12px;font-size:11px}.fieldminiicon{width:31px;height:31px;border-radius:9px}.fieldminiicon .ui-icon{width:17px;height:17px}nav.appdock{bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(332px,calc(100vw - 38px));padding:9px 10px 10px;border-radius:24px;gap:0}nav.appdock .dockitem{width:20%;gap:4px}nav.appdock .dockcircle{width:38px;height:38px}nav.appdock .dockcircle .ui-icon{width:21px;height:21px}nav.appdock .docklabel{font-size:8px}.databadge{bottom:7px;left:15px;right:auto;padding:3px 5px;font-size:6px;max-width:225px;background:#163a2da3}.leaflet-bottom.leaflet-left{bottom:24px}.leaflet-control-attribution{font-size:6px!important;max-width:95vw}.drawpanel{left:15px;right:15px;bottom:18px;transform:none;width:auto;max-width:none;padding:13px 15px}.drawpanelhead{margin-bottom:8px}.drawpanel .drawmodes button{padding:6px}.drawpanel p{font-size:10px;margin:9px 0}.drawtools{margin-top:10px}.drawpanel .drawtools button{padding:10px;font-size:10px}.drawpanel #savedraw{padding:10px 20px}.drawing-active .leaflet-bottom{bottom:3px}.timeline{width:auto;left:15px;right:15px;bottom:112px;padding:12px;gap:8px}.time-open .fieldcompact{bottom:183px}#maplegend{top:70px;left:15px;font-size:8px;width:145px;padding:8px}#fullpage{height:100%;overflow:auto;padding:23px 17px 130px}.pagehead{margin-bottom:19px}.pagehead h1{font-size:23px}#toast{bottom:110px}.drawing-active #toast{bottom:225px}.globetitle{top:90px!important;left:25px!important}.fallbackearth{top:100px;right:-20px;width:350px;height:350px}}
@media(max-height:650px){.fieldcompact{bottom:107px;padding:10px 12px}#compactCompare{padding:8px 11px;margin-top:8px}.drawpanel{bottom:12px}#sidebar{top:70px;bottom:105px}.drawpanel p{margin:7px 0}.drawing-active .maptop{top:12px}}
@media print{#sidebar,#detail,.fieldcompact,nav.appdock,.mapworkspace{display:none!important}#fullpage{height:auto!important;overflow:visible!important;padding:0!important}}
.layers-open .fieldcompact,.details-open .fieldcompact{visibility:hidden}
/* Current rotation: a small entry point, with the editor shown only on request. */
.rotationquick{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-top:1px solid #e7eee5;background:none;color:#548369;text-align:left;padding:9px 0 0;margin-top:11px;font-size:10px;line-height:1.5}.rotationquick span{font-size:13px;color:#85a88f;flex-shrink:0}.rotationquick:hover{color:#087b5d}.rotationdetail{padding:13px 0;border-bottom:1px solid #e0e7e5}.rotationdetail>span{font-size:11px;color:#7e8d93}.rotationdetail button{display:block;border:0;background:none;color:#247452;font-size:11px;line-height:1.7;padding:5px 0 0;text-align:left;width:100%}.rotationdetail button span{float:right}.comparisonactions{display:flex;gap:8px;align-items:center}.rotationintro{max-width:490px}.optional{font-size:9px;color:#98a99d;margin-left:5px}.rotationyears{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.rotationyear{padding:13px 11px;background:#f2f7f0;border:1px solid #e1ebdd;border-radius:10px}.rotationyear label{margin:0 0 12px;display:flex;align-items:center;gap:6px;color:#577c61;font-size:11px;flex-wrap:wrap}.rotationyear label small{font-size:8px;color:#98ab97;display:block;width:100%;margin-left:26px}.yearnumber{display:inline-flex;justify-content:center;align-items:center;background:#e1efdf;border-radius:50%;width:20px;height:20px;font-size:9px;color:#54815c}.rotationyear select{font-size:11px;padding:10px 6px;background:white;color:#365d40;width:100%}.rotationpreview{margin-top:20px;display:flex;align-items:center;gap:7px;justify-content:center;padding:15px 9px;border:1px solid #e1e9dd;border-radius:9px;background:#fbfdf8}.rotationtoken{padding:7px 9px;background:#e7f3e2;border-radius:6px;color:#477747;font-size:11px;text-align:center}.rotationtoken.empty{background:#f0f3ec;color:#a2ae9c}.rotationarrow{color:#9fb496;font-size:12px}.rotationhint{font-size:10px!important;line-height:1.7!important;color:#94a38e!important;margin:15px 0 22px!important}.rotationformactions{display:flex;justify-content:flex-end;gap:9px}.rotationformactions button{padding:11px 18px}.rotationformactions button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){.rotationyears{gap:7px;margin-top:17px}.rotationyear{padding:11px 7px}.rotationyear label{font-size:10px;gap:5px}.rotationyear select{font-size:10px;padding:9px 4px}.rotationyear label small{font-size:7px}.rotationtoken{font-size:10px;padding:7px}.rotationpreview{gap:5px;padding:12px 7px}.comparisonactions{flex-direction:column;align-items:stretch}.comparisonactions button{padding:8px 10px;font-size:9px}.rotationquick{font-size:9px;padding-top:8px;margin-top:9px}dialog:has(#rotationForm){padding:23px 18px}dialog:has(#rotationForm) h1{font-size:23px;margin-right:20px}dialog:has(#rotationForm) .close{position:absolute;top:15px;right:15px}}
@media print{.comparisonactions,.rotationquick{display:none!important}}