.field-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#073b24,#0f7b45);color:#fff;margin-bottom:18px}.field-hero h2{font-size:30px;margin:4px 0 7px}.field-hero p{margin:0;color:#d8f3e3}.field-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.field-kpis article{background:#fff;border:1px solid #dfe8e2;border-radius:16px;padding:17px;box-shadow:0 7px 22px rgba(24,53,36,.05)}.field-kpis small,.field-kpis b{display:block}.field-kpis small{color:#68776e;font-weight:700}.field-kpis b{font-size:26px;color:#0b6b39;margin-top:5px}.field-panel{padding:20px}.field-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.field-toolbar label{min-width:145px;margin:0}.field-toolbar .grow{flex:1;min-width:260px}.field-panel-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.field-panel-head h3{margin:0}.field-panel-head p{margin:4px 0 0;color:#6b7b72}.field-timeline{position:relative}.field-day{position:sticky;top:84px;z-index:3;padding:12px 0 7px;background:#fff}.field-day span{display:inline-block;padding:6px 11px;border-radius:999px;background:#eaf6ee;color:#12683a;text-transform:capitalize;font-size:12px;font-weight:800}.field-event{display:grid;grid-template-columns:70px 22px minmax(0,1fr);gap:10px;position:relative}.field-time{text-align:right;padding-top:20px;font-weight:900;color:#466052}.field-dot{position:relative}.field-dot:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#dce7df}.field-dot:after{content:"";position:absolute;left:4px;top:24px;width:14px;height:14px;border-radius:50%;background:#248d52;border:3px solid #e7f5ec}.field-event.water .field-dot:after{background:#1684c3}.field-event.fert .field-dot:after{background:#55a630}.field-event.spray .field-dot:after{background:#7950b3}.field-event.pest .field-dot:after{background:#d08a19}.field-event.harvest .field-dot:after{background:#ef7d24}.field-event.maint .field-dot:after{background:#64748b}.field-card{margin:8px 0 14px;background:#fff;border:1px solid #dfe8e2;border-radius:16px;padding:17px;box-shadow:0 7px 20px rgba(20,61,42,.05)}.field-card-head{display:flex;justify-content:space-between;gap:14px}.field-type{font-size:11px;font-weight:900;color:#147443;text-transform:uppercase;letter-spacing:.05em}.field-card h4{margin:5px 0 0;font-size:17px}.field-approval{height:max-content;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.field-approval.pending{background:#fff3cd;color:#7a5700}.field-approval.approved{background:#dcfce7;color:#166534}.field-approval.rejected{background:#fee2e2;color:#991b1b}.field-meta{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.field-meta span{padding:6px 9px;border-radius:9px;background:#f3f7f4;font-size:12px;color:#4c6254}.field-details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #edf2ee;padding-top:12px}.field-details>div{min-width:0}.field-details b,.field-details span{display:block}.field-details b{font-size:11px;text-transform:uppercase;color:#728078;margin-bottom:4px}.field-details span{font-size:13px;overflow-wrap:anywhere}.field-evidence{display:flex;gap:5px}.field-evidence img{width:56px;height:42px;object-fit:cover;border-radius:7px}.field-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.field-chip{display:inline-block!important;background:#eef5f0;padding:5px 7px;border-radius:7px}.muted{color:#718078}@media(max-width:950px){.field-kpis{grid-template-columns:repeat(2,1fr)}.field-details{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.field-hero{align-items:flex-start;flex-direction:column}.field-hero .btn{width:100%}.field-kpis{grid-template-columns:1fr 1fr}.field-toolbar>*{width:100%;min-width:0!important}.field-event{grid-template-columns:52px 18px minmax(0,1fr)}.field-time{font-size:12px}.field-details{grid-template-columns:1fr}.field-card-head{flex-direction:column}.field-actions .btn{flex:1}.field-day{top:66px}}@media(max-width:430px){.field-kpis{grid-template-columns:1fr}}
