:root{--ink:#17242d;--muted:#687680;--line:#d8dfe4;--bg:#edf1f3;--teal:#08766d;--teal-dark:#055b54;--corn:#e3a817;--soy:#168e56;--cyan:#00d9ff}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,select{font:inherit}.hidden{display:none!important}.hidden-data{display:none}.app-header{height:68px;display:flex;align-items:center;gap:24px;padding:0 22px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:1200}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brandmark{width:42px;height:42px;border-radius:12px;background:var(--teal);display:flex;align-items:end;justify-content:center;gap:4px;padding:9px}.brandmark i{width:5px;height:13px;background:#ffc44d;border-radius:3px 3px 0 0}.brandmark i:nth-child(2){height:25px}.brandmark i:nth-child(3){height:19px}.brand b{display:block;font-size:16px;letter-spacing:2px}.brand small{font-size:8px;color:var(--muted);letter-spacing:1px}.promise{padding-left:22px;border-left:1px solid var(--line);line-height:1.15}.promise b,.promise span{display:block}.promise b{font-size:17px}.promise span{font-size:13px;color:var(--teal);font-weight:700}.app-header nav{display:flex;align-self:stretch;margin-left:auto}.view-btn{border:0;border-bottom:3px solid transparent;background:transparent;padding:0 16px;color:#60707b;font-size:11px;font-weight:700;cursor:pointer}.view-btn.active{color:var(--teal);border-bottom-color:var(--teal)}.service{display:flex;align-items:center;gap:7px;border:1px solid #cfe6e2;background:#eff8f6;color:#17665e;border-radius:20px;padding:8px 11px;font-size:9px;font-weight:800;text-transform:uppercase}.service i{width:8px;height:8px;border-radius:50%;background:#57b86e}.icon-btn,.secondary{border:1px solid #bfcbd2;background:#fff;border-radius:6px;padding:9px 12px;color:#2b3d48;font-weight:700;font-size:10px;cursor:pointer}.dashboard-section{display:none}.dashboard-section.active-section{display:flex}.field-app{height:calc(100vh - 68px);min-height:650px}.map-stage{position:relative;flex:1;min-width:0;background:#cbd5d4}.map-stage #map{position:absolute;inset:0}.field-drawer{width:390px;min-width:390px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;position:relative;z-index:700}.map-command{position:absolute;z-index:800;left:58px;top:16px;display:flex;align-items:end;gap:7px;background:#fff;padding:9px;border:1px solid #cbd5da;border-radius:9px;box-shadow:0 8px 24px #1327312b}.map-command label span{display:block;font-size:7px;color:#6d7a83;font-weight:800;letter-spacing:1px;margin:0 0 4px 2px}.map-command select{height:34px;width:145px;border:1px solid #cbd5da;border-radius:5px;background:#fff;padding:0 9px;font-weight:700;color:var(--ink)}.map-command label:nth-child(2) select{width:92px}.season-state{min-width:180px;padding:0 7px 3px}.season-state b{display:block;color:var(--teal);font-size:9px;text-transform:uppercase}.season-state small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.primary{border:0;border-radius:5px;background:var(--teal);color:#fff;height:34px;padding:0 16px;font-size:10px;font-weight:800;cursor:pointer}.primary:hover{background:var(--teal-dark)}.layer-dock{position:absolute;z-index:800;left:58px;right:18px;bottom:17px;display:flex;align-items:center;gap:15px;background:#17242deb;color:#fff;padding:9px 12px;border:1px solid #ffffff22;border-radius:8px;box-shadow:0 7px 22px #07151d3d}.layer-dock>div:first-child{min-width:120px}.layer-dock span{display:block;font-size:7px;letter-spacing:1.2px;color:#9aadb8;font-weight:800}.layer-dock b{font-size:11px}.layer-buttons{display:flex;gap:5px;overflow-x:auto}.layer-buttons button{white-space:nowrap;border:1px solid #ffffff32;background:#ffffff0d;color:#d7e0e5;border-radius:5px;padding:7px 9px;font-size:8px;font-weight:700;cursor:pointer}.layer-buttons button.active{background:#fff;color:#17242d}.legend{position:absolute;z-index:800;right:18px;top:16px;background:#fffffff2;border:1px solid #c6d0d6;border-radius:7px;padding:10px 12px;min-width:150px;font-size:9px;box-shadow:0 7px 20px #13273129}.legend h4{margin:0 0 7px;padding-bottom:6px;border-bottom:1px solid #e1e7ea;font-size:10px}.legend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}.legend .gradient{height:8px;width:140px;border-radius:8px;margin:5px 0}.map-status{position:absolute;z-index:800;top:88px;left:58px;background:#ffffffdf;border:1px solid #cbd5da;border-radius:5px;padding:6px 9px;font-size:8px;color:#5d6b74}.map-status button{border:0;background:transparent;color:var(--teal);font-size:8px;font-weight:800;margin-left:8px}.data-alert{position:absolute;z-index:900;top:128px;left:58px;max-width:480px;background:#fff5e7;border:1px solid #e5b66f;border-left:4px solid #d68114;border-radius:6px;padding:9px 11px}.data-alert b,.data-alert span{display:block}.data-alert b{font-size:10px}.data-alert span{font-size:8px;margin-top:3px}.drawer-head{height:72px;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-head span{font-size:8px;letter-spacing:1.2px;color:#6c7a84;font-weight:800}.drawer-head h1{font-size:18px;margin:4px 0}.drawer-head>b{font-size:8px;color:#7c8991}.empty-field{padding:50px 32px;text-align:center}.draw-symbol{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#eef6f5;color:var(--teal);font-size:26px}.empty-field h2{font-size:21px;margin:16px 0 8px}.empty-field p{font-size:10px;color:var(--muted);line-height:1.7}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.steps span{font-size:8px;color:#687680}.steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;margin:0 auto 6px;background:#eef2f3;color:var(--teal)}.field-results{padding:15px 18px}.crop-result{background:#17242d;color:#fff;border-radius:7px;padding:15px}.crop-result span{font-size:8px;color:#9eb0ba;letter-spacing:1px}.crop-result strong{display:block;font-size:28px;margin:4px 0}.crop-result small{font-size:9px;color:#c8d3d9}.probabilities{padding:16px 0;border-bottom:1px solid var(--line)}.probabilities h3{font-size:11px;margin:0 0 12px}.probabilities>div{display:grid;grid-template-columns:1fr auto;gap:6px;margin:10px 0;font-size:9px}.probabilities i{grid-column:1/3;height:7px;background:#edf0f2;border-radius:7px;overflow:hidden}.probabilities em{display:block;height:100%;width:0}.probabilities>div:nth-child(2) em{background:var(--corn)}.probabilities>div:nth-child(3) em{background:var(--soy)}.field-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:14px 0}.field-facts div{border:1px solid var(--line);border-radius:6px;padding:9px}.field-facts span{font-size:7px;color:var(--muted);text-transform:uppercase}.field-facts b{display:block;font-size:11px;margin-top:4px}.distribution{border-top:1px solid var(--line);padding:13px 0}.distribution>span{font-size:8px;color:var(--muted);font-weight:800}.distribution>div{height:9px;border-radius:9px;display:flex;overflow:hidden;background:#eee;margin:7px 0}.distribution i{height:100%}.distribution small{font-size:8px;color:var(--muted)}.irrigation-cta{width:100%;border:0;border-radius:6px;background:#e9edef;color:#72808a;padding:10px;font-weight:800}.irrigation-cta small{display:block;font-size:7px;margin-top:2px}.county-summary{margin-top:auto;border-top:1px solid var(--line);padding:14px 18px;background:#fafbfb}.county-summary>div:first-child{display:flex;justify-content:space-between}.county-summary>div:first-child span{font-size:8px;font-weight:800;letter-spacing:1px}.county-summary>div:first-child small{font-size:7px;color:var(--muted)}.crop-total{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;border-top:1px solid #e5eaed;padding:10px 0;margin-top:8px}.crop-total span{font-size:11px;font-weight:700}.crop-total b{font-size:20px}.crop-total small{font-size:7px;margin-left:4px;color:var(--muted)}.crop-total.corn b{color:#b77d00}.crop-total.soy b{color:#087848}.leaflet-control-scale{margin-left:14px!important;margin-bottom:72px!important}.leaflet-overlay-pane path.field-boundary{filter:drop-shadow(0 0 2px #002938) drop-shadow(0 0 1px #fff)}.leaflet-editing-icon{background:var(--cyan)!important;border:2px solid #002c3a!important;border-radius:50%!important}.evidence-page{min-height:calc(100vh - 68px);padding:28px 34px;display:none;flex-direction:column}.evidence-page.active-section{display:flex}.evidence-page>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.evidence-page header span{font-size:8px;letter-spacing:1.2px;color:var(--teal);font-weight:800}.evidence-page h1{font-size:26px;margin:5px 0}.evidence-page header p{font-size:10px;color:var(--muted)}.evidence-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.evidence-layout>article,.acreage,.temporal-grid>article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.evidence-page h2{font-size:15px}.matrix-container{min-height:330px;display:grid;place-items:center}.cm-grid{width:min(100%,520px);display:grid;grid-template-columns:75px repeat(var(--n),1fr);gap:5px}.cm-col,.cm-row{font-size:9px;display:grid;place-items:center}.cm-cell{aspect-ratio:1.3;border-radius:5px;display:grid;place-content:center;text-align:center;background:rgba(8,118,109,var(--heat));border:1px solid #d4e0df}.cm-cell.diagonal{color:#fff}.cm-cell strong{font-size:14px}.cm-cell span{font-size:8px}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:11px 7px;border-bottom:1px solid var(--line);font-size:9px;text-align:right}th:first-child,td:first-child{text-align:left}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.metric-grid div{border:1px solid var(--line);padding:11px;border-radius:6px}.metric-grid span{font-size:7px;color:var(--muted)}.metric-grid b{display:block;font-size:19px;margin-top:4px}.acreage{margin-top:14px}.area-compare{display:grid;grid-template-columns:80px 1fr 1fr 60px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:11px}.area-compare>div{height:29px;background:#edf1f2;position:relative;overflow:hidden;border-radius:4px}.area-compare span{position:absolute;z-index:2;padding:7px;font-size:8px}.area-compare i{display:block;height:100%;background:var(--corn)}.area-compare.soy i{background:var(--soy)}.area-compare em{font-size:10px;font-weight:800}.temporal-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:14px;min-height:560px}.temporal-grid canvas{height:490px!important}.pending{padding:12px;background:#fff2cc;border:1px solid #ecd27c}.loader{position:fixed;inset:0;z-index:4000;background:#f3f6f7df;display:grid;place-content:center;text-align:center}.loader i{width:36px;height:36px;border:4px solid #d9e4e3;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;margin:auto auto 10px}@keyframes spin{to{transform:rotate(360deg)}}dialog{max-width:520px;border:0;border-radius:9px;padding:26px;box-shadow:0 25px 70px #17242d66}dialog::backdrop{background:#17242daa}dialog>button{float:right;border:0;background:none;font-size:24px}@media(max-width:1000px){.promise,.service{display:none}.field-app{height:auto;display:block}.map-stage{height:68vh;min-height:520px}.field-drawer{width:100%;min-width:0;border-left:0}.field-drawer{min-height:420px}.map-command{left:12px}.layer-dock{left:12px}.legend{right:10px}.evidence-layout,.temporal-grid{grid-template-columns:1fr}}@media(max-width:650px){.app-header{padding:0 10px}.brand small,.app-header nav .view-btn:not(.active),.icon-btn{display:none}.promise{display:block;margin-left:auto;border:0;padding:0}.promise b{font-size:12px}.promise span{font-size:9px}.map-command{left:8px;right:8px;top:8px;flex-wrap:wrap}.season-state{display:none}.map-command label{flex:1}.map-command select,.map-command label:nth-child(2) select{width:100%}.layer-dock{left:8px;right:8px;bottom:8px}.layer-dock>div:first-child{display:none}.legend{top:110px}.map-status{display:none}.evidence-page{padding:18px 10px}.area-compare{grid-template-columns:65px 1fr}.area-compare>div{grid-column:2}.area-compare em{grid-column:2}}

/* Static preview: preserve V10 layout, keep tools accessible on smaller screens. */
.leaflet-image-layer{image-rendering:pixelated}.map-status button.active{background:#08766d;color:#fff;border-radius:4px;padding:5px}.field-app{min-height:480px;height:calc(100dvh - 68px)}.map-command{max-width:calc(100% - 76px)}.legend{top:132px}.map-status{max-width:calc(100% - 76px)}.map-status button{cursor:pointer}.field-facts b{overflow-wrap:anywhere}button:disabled{opacity:.6;cursor:default}dialog p{font-size:13px;line-height:1.6}
@media(max-width:1000px){.field-app{height:auto;display:block}.map-stage{height:68vh;min-height:500px}.field-drawer{width:100%;min-width:0}.legend{top:132px}}
@media(max-width:650px){.app-header{height:auto;min-height:68px;flex-wrap:wrap;gap:8px;padding:10px}.app-header nav{order:3;width:100%;overflow-x:auto;min-height:40px}.app-header nav .view-btn:not(.active){display:block}.view-btn{flex:1;padding:10px;white-space:nowrap}.map-command{max-width:none}.map-status{display:block;left:8px;top:66px;max-width:calc(100% - 16px);font-size:9px}.map-status button{font-size:10px}.legend{top:112px;font-size:10px}.map-stage{min-height:540px}.evidence-page>header{align-items:start;gap:10px;flex-wrap:wrap}.layer-dock{overflow:hidden}.layer-buttons button{font-size:10px}.map-command label span{font-size:9px}.empty-field p{font-size:13px}.field-facts span{font-size:10px}.field-facts b{font-size:13px}}

/* Mobile repair 2026-10-17: section visibility must override responsive display rules. */
.dashboard-section:not(.active-section){display:none!important}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:650px){
.app-header{gap:8px;padding:10px 12px;min-height:68px}
.brand{gap:8px}.brandmark{width:34px;height:34px;padding:7px}.brandmark i:nth-child(2){height:21px}.brand b{font-size:14px;letter-spacing:1.6px}.promise b{font-size:11px}.promise span{font-size:9px}
.app-header nav{margin:0;min-height:40px;gap:2px}.view-btn{font-size:11px;padding:10px 5px;min-height:40px;white-space:normal}
.field-app.active-section{display:block;height:auto;min-height:0}
.map-stage{height:72vh;height:72svh;min-height:540px;max-height:760px;display:grid;grid-template-rows:76px 48px 1fr 58px;overflow:hidden}
.map-stage #map{inset:124px 0 58px;width:auto;height:auto}
.map-command{position:relative;inset:auto;grid-row:1;align-self:stretch;margin:8px 8px 0;max-width:none;flex-wrap:nowrap;gap:6px;padding:8px;box-shadow:none;border-radius:8px}
.map-command label{min-width:0;flex:1}.map-command label:nth-child(2){flex:.72}.map-command select,.map-command label:nth-child(2) select{width:100%;font-size:13px;height:34px;padding:0 5px}.map-command label span{font-size:9px;letter-spacing:.5px}.map-command .primary{padding:0 10px;flex:none}.season-state{display:none}
.map-status{position:relative;inset:auto;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:5px 8px;max-width:none;font-size:10px;padding:4px 6px}.map-status>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-status button{margin:0;padding:6px 4px;white-space:nowrap;font-size:10px;min-height:32px}
.legend{top:auto;bottom:76px;right:8px;min-width:110px;max-width:160px;padding:8px;font-size:10px;pointer-events:auto;max-height:150px;overflow:auto}.legend h4{font-size:10px}.legend .gradient{width:110px}.legend .swatch{width:9px;height:9px}.legend>div{line-height:1.5}
.layer-dock{position:relative;inset:auto;grid-row:4;margin:0;padding:8px;border-radius:0;gap:0;box-shadow:none;min-width:0}.layer-buttons{width:100%;max-width:100%;overflow-x:auto;touch-action:pan-x;scrollbar-width:thin}.layer-buttons button{font-size:10px;min-height:34px;flex-shrink:0}
.leaflet-control-scale{margin-bottom:8px!important}.leaflet-control-attribution{font-size:8px!important;max-width:90%;white-space:normal}.data-alert{top:170px;left:50px;right:8px;max-width:none}
.field-drawer{min-height:0;overflow:visible}.drawer-head{height:auto;min-height:64px;padding:12px 16px;gap:8px}.drawer-head h1{font-size:18px}.drawer-head>b{font-size:10px;max-width:45%;text-align:right}.empty-field{padding:24px}.empty-field h2{font-size:20px}.county-summary{padding:14px 16px}.field-results{padding:14px 16px}.crop-result strong{font-size:25px}.crop-result small{line-height:1.5;display:block}.field-facts{gap:8px}.field-facts span{font-size:9px}.field-facts b{font-size:12px}.probabilities>div{font-size:12px}.distribution small{font-size:11px;line-height:1.6}.steps span{font-size:10px}
.evidence-page{padding:18px 12px;min-height:0}.evidence-page h1{font-size:22px}.evidence-page header p{font-size:12px;line-height:1.6}.evidence-layout>article,.temporal-grid>article{min-width:0;padding:12px}.matrix-container{min-height:250px}.cm-grid{grid-template-columns:55px repeat(var(--n),1fr);gap:3px}.cm-cell strong{font-size:11px}.cm-cell span,.cm-row,.cm-col{font-size:9px}.temporal-grid{min-height:0}.temporal-grid canvas{height:290px!important}.evidence-page table{display:block;overflow-x:auto}th,td{font-size:11px}.evidenceChecklist{font-size:12px}
}