.crop-section{border-top:2px solid var(--yellow);margin-top:60px}.crop-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:20px 0}.crop-stats>div{background:var(--surface,#f1f3eb);border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:4px}.crop-stats strong{font-size:24px}.crop-stats span{font-size:12px;color:var(--muted)}.crop-card .crop-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.crop-card .crop-stats>div{padding:10px}.crop-card .crop-stats strong{font-size:20px}.crop-card img{width:100%;aspect-ratio:10/7;object-fit:cover;border-radius:14px;margin-bottom:20px}.crop-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin:20px 0 35px}.crop-months>div{border:1px solid var(--line);border-radius:10px;padding:12px 5px;text-align:center;display:grid;gap:8px;font-size:12px}.crop-months meter{width:100%;accent-color:#648b39}.crop-year{align-items:end;max-width:340px}.crop-year .field{margin:0;flex:1}.crop-log{list-style:none;border-left:2px solid var(--yellow);padding-left:24px}.crop-log li{padding:15px 0;border-bottom:1px solid var(--line)}.crop-detail-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:30px 0}.crop-detail-head img{width:100%;border-radius:20px}.crop-detail-head .crop-stats{grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){.crop-months{grid-template-columns:repeat(6,1fr)}.crop-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.crop-detail-head{grid-template-columns:1fr}.crop-months{grid-template-columns:repeat(3,1fr)}.crop-grid{grid-template-columns:1fr}.crop-stats strong{font-size:20px}}

.crop-card .crop-stats>div:last-child{grid-column:1/-1}.crop-section>h2{margin-top:14px}.crop-section~.list-pagination{margin-top:30px}

.crop-overview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:28px 0 36px;align-items:stretch}
.crop-overview-layout>.panel{min-width:0;margin:0;padding:24px}
.crop-overview-layout h3{margin-top:0}
.crop-summary-panel .crop-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.crop-summary-panel .crop-stats>div:first-child{grid-column:1/-1;background:var(--yellow);color:#191919}
.crop-summary-panel .crop-stats>div:first-child span{color:#333}
.crop-summary-panel .muted{font-size:13px;margin-bottom:0}
.crop-monthly-panel .crop-months{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:0}
.crop-monthly-panel .crop-year{max-width:100%;flex-wrap:wrap}
.crop-monthly-panel .crop-year .field{min-width:140px}
@media(max-width:900px){.crop-overview-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.crop-overview-layout>.panel{padding:18px}.crop-summary-panel .crop-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-monthly-panel .crop-months{grid-template-columns:repeat(3,minmax(0,1fr))}}
.crop-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;margin-top:28px}
.crop-page-layout>.crop-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
.crop-sidebar{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;min-width:0}
.crop-sidebar .crop-overview-layout{grid-template-columns:minmax(0,1fr);gap:16px;margin:0}
.crop-sidebar .panel{padding:20px;border-left:4px solid var(--yellow)}
.crop-sidebar .crop-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.crop-sidebar .crop-stats>div{padding:10px}
.crop-sidebar .crop-stats strong{font-size:21px}
.crop-sidebar .crop-stats span{font-size:11px}
.crop-sidebar .crop-months{grid-template-columns:repeat(3,minmax(0,1fr))}
.crop-sidebar .crop-year{gap:10px}
.crop-sidebar .crop-year .field{min-width:120px}
@media(max-width:1000px){.crop-page-layout{grid-template-columns:minmax(0,1fr)}.crop-sidebar{position:static;max-height:none;overflow:visible;grid-row:1}.crop-sidebar .crop-overview-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.crop-page-layout>.crop-grid,.crop-sidebar .crop-overview-layout{grid-template-columns:minmax(0,1fr)}}
