.offline-heading,.ndvi-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:20px 0}.offline-heading div,.ndvi-title div{display:grid;gap:5px}.offline-heading span,.ndvi-title p{margin:0;color:#63756e;font-size:13px}.offline-heading i{font-style:normal;font-size:12px;font-weight:700;padding:7px 11px;border-radius:999px}.offline-heading i.online,.ndvi-title .ready{background:#e2f4e9;color:#17623b}.offline-heading i.offline,.ndvi-title .pending{background:#fff1db;color:#8b5400}.offline-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.file-button{display:inline-flex;align-items:center;cursor:pointer}.offline-status{padding:12px 15px;border:1px solid #d7e3dc;background:#f5faf7;border-radius:8px;color:#314b40;margin-bottom:16px}.offline-metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.offline-metrics article{display:grid;gap:6px;padding:16px;border:1px solid #dbe5df;border-radius:10px;background:#fff}.offline-metrics small{color:#72817b}.offline-metrics strong{font-size:14px}.ndvi-processing{margin:18px 0;padding:20px;border:1px solid #d9e3dd;border-radius:12px;background:#fff}.ndvi-title{margin:0 0 16px}.ndvi-title h3{margin:0}.ndvi-title>span{font-size:12px;font-weight:700;padding:7px 10px;border-radius:999px}.ndvi-form{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;align-items:end}.ndvi-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.ndvi-form input,.ndvi-form select{min-height:40px;border:1px solid #cfdad4;border-radius:7px;padding:8px}.ndvi-result{min-height:18px;color:#9a4e14}.ndvi-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-top:15px}.ndvi-product{border:1px solid #d9e3dd;border-radius:10px;overflow:hidden;background:#f8fbf9}.ndvi-product img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block}.ndvi-product div{display:grid;gap:6px;padding:12px}.ndvi-product span,.ndvi-product small{color:#66766f}.ndvi-product button{justify-self:start;border:0;background:none;color:#145c39;font-weight:700;padding:2px 0;cursor:pointer}.map-shell{position:relative}.ndvi-map-overlay{position:absolute;z-index:2;object-fit:fill;opacity:.68;pointer-events:none;border:1px solid rgba(255,255,255,.7)}.ndvi-map-legend{position:absolute;z-index:5;right:12px;top:12px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);padding:7px 9px;border-radius:7px;box-shadow:0 2px 10px #0002;font-size:11px}.ndvi-map-legend i{width:90px;height:9px;background:linear-gradient(90deg,#2e2e59,#a67233,#d9c63f,#73b838,#0d611f);border-radius:5px}.ndvi-map-legend button{border:0;background:#eef3f0;border-radius:50%;width:22px;height:22px;cursor:pointer}.occurrence-field{color:#145c39!important;font-weight:700}.geo-alert span{display:block;margin-top:3px}@media(max-width:1000px){.offline-metrics{grid-template-columns:repeat(2,1fr)}.ndvi-form{grid-template-columns:1fr 1fr}.ndvi-form label:first-child{grid-column:1/-1}}@media(max-width:620px){.offline-heading,.ndvi-title{display:grid}.offline-metrics,.ndvi-form{grid-template-columns:1fr}.ndvi-form label:first-child{grid-column:auto}}