.rot-status { font-weight: 700; margin: .4rem 0; }
.rot-weather { margin: .2rem 0 .6rem; }
.rot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.rot-pad { display: flex; flex-direction: column; align-items: stretch; gap: .25rem; min-height: 120px; padding: .6rem; border-radius: 16px; border: 3px solid #2e7d4f; background: #eaf7e4; font: inherit; color: inherit; cursor: pointer; text-align: left; }
.rot-pad.is-low { background: #fbf1d8; border-color: #b8860b; }
.rot-pad.is-herd { outline: 4px dashed #8a5a2b; outline-offset: -8px; }
.rot-pad__name { font-weight: 800; font-size: 1rem; }
.rot-pad__grass { font-size: 1.4rem; line-height: 1; }
.rot-pad__pct { font-weight: 700; }
.rot-pad__herd { font-size: .85rem; }
.rot-bar { position: relative; display: block; height: 14px; border-radius: 7px; background: #b58b5a; overflow: hidden; }
.rot-bar__fill { display: block; height: 100%; background: #3d9a50; }
.rot-bar__goal { position: absolute; top: 0; bottom: 0; left: 70%; width: 3px; background: #1a1a1a; }
.rot-tools { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .7rem; }
.rot-tools .lf-btn { min-height: 48px; }