/* Responsive plot cards. All dynamic proportions use CSP-safe width classes. */
#farm-studio .fs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#farm-studio .fs-card{padding:8px;border-radius:12px;box-shadow:0 3px 14px #00000008;container-type:inline-size;overflow:visible}
#farm-studio .fs-cover{aspect-ratio:2.85;border-radius:7px}
#farm-studio .fs-card-body{padding:12px 10px 4px}
#farm-studio .fs-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
#farm-studio .fs-card-heading>div{min-width:0}
#farm-studio .fs-card-title{justify-content:flex-start;gap:9px;flex-wrap:wrap}
#farm-studio .fs-card-title h3{font-size:23px;line-height:1.25;margin:0;font-weight:800}
#farm-studio .fs-kind{font-size:11px;padding:3px 10px;background:var(--surface);border-radius:20px;color:var(--muted)}
#farm-studio .fs-capacity{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.6}
#farm-studio .fs-capacity b{color:var(--ink)}
#farm-studio .fs-capacity>span{padding:0 8px}
#farm-studio .fs-detail-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;border-radius:7px;background:linear-gradient(110deg,#ffe985,#ffdd44);color:#171717;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;min-height:40px}
#farm-studio .fs-detail-button span{font-size:21px;line-height:1}
#farm-studio .fs-harvest{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.8fr);gap:18px;padding:16px 0;margin:14px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none}
#farm-studio .fs-harvest-total{border-right:1px solid var(--line);padding-right:12px}
#farm-studio .fs-harvest-total>span{font-weight:700;font-size:12px;color:var(--ink)}
#farm-studio .fs-harvest-total strong{display:block;font-size:36px;line-height:1.35;margin-top:4px;color:var(--ink);overflow-wrap:anywhere}
#farm-studio .fs-harvest-total strong small{font-size:15px;color:var(--ink)}
#farm-studio .fs-yield-breakdown{min-width:0}
#farm-studio .fs-yield-track{display:flex;height:12px;border-radius:5px;margin:7px 0}
#farm-studio .fs-yield-track i{border-radius:0;flex-shrink:1;min-width:0}
#farm-studio .fs-yield-row{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:baseline;gap:8px;padding:3px 0;font-size:12px}
#farm-studio .fs-yield-row .fs-yield-name{display:flex;align-items:baseline;gap:7px;font-size:12px;color:var(--ink)}
#farm-studio .fs-yield-name i{width:9px;height:9px;border-radius:50%;flex:none}
#farm-studio .fs-yield-row b{text-align:right;font-size:12px}
#farm-studio .fs-yield-row small{font-size:11px;white-space:nowrap}
#farm-studio .fs-color-0{background:#ffd42b!important}#farm-studio .fs-color-1{background:#879a3d!important}#farm-studio .fs-color-2{background:#57a898!important}#farm-studio .fs-color-3{background:#7192bd!important}#farm-studio .fs-color-4{background:#ac83b2!important}#farm-studio .fs-color-5{background:#c48655!important}
#farm-studio .fs-readings{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0;margin:0}
#farm-studio .fs-readings>div{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:9px;padding:0 12px;background:none;border-radius:0;border-right:1px solid var(--line)}
#farm-studio .fs-readings>div:nth-child(3n){border-right:0}#farm-studio .fs-readings>div:nth-child(3n+1){padding-left:0}
#farm-studio .fs-readings svg{width:18px;height:18px;color:var(--muted);grid-row:1/3}
#farm-studio .fs-readings span{font-size:11px;line-height:1.6}
#farm-studio .fs-readings p{margin:3px 0 0;line-height:1.3;overflow-wrap:anywhere}
#farm-studio .fs-readings b{display:inline;font-size:21px}
#farm-studio .fs-readings small{display:inline;font-size:10px}
#farm-studio .fs-reading-note{font-size:11px;color:var(--muted);margin:12px 0 0}
#farm-studio .fs-card-bottom{justify-content:flex-start;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);margin-top:11px;flex-wrap:wrap}
#farm-studio .fs-pump-label{flex-direction:row-reverse;gap:4px;color:var(--ink);font-weight:700}
#farm-studio .fs-pump-label .fs-status{font-size:12px;font-weight:700;color:var(--ink)}
#farm-studio .fs-pump-label:has(.fs-on),#farm-studio .fs-pump-label .fs-on{color:#15964e}
#farm-studio .fs-updated{font-size:10px;margin:0;padding-left:14px;border-left:1px solid var(--line)}
#farm-studio .item-management-actions{border:0;margin-top:7px;padding-top:0}
#farm-studio .item-management-actions>div>button{min-height:40px;font-size:14px;font-weight:700}
#farm-studio .fs-cards.is-list{grid-template-columns:1fr}
#farm-studio .fs-cards.is-list .fs-card{display:block}
#farm-studio .fs-cards.is-list .fs-cover{height:auto;aspect-ratio:3.5}
@container(max-width:440px){
 #farm-studio .fs-card-heading{display:block}#farm-studio .fs-detail-button{margin-top:9px;width:100%}
 #farm-studio .fs-card-title h3{font-size:21px}
 #farm-studio .fs-harvest{grid-template-columns:1fr;gap:3px;padding:13px 0;margin-top:0;border-top:0}
 #farm-studio .fs-harvest-total{border:0;padding:0}#farm-studio .fs-harvest-total strong{font-size:30px;margin:0}
 #farm-studio .fs-readings>div{padding:0 7px;column-gap:5px}
 #farm-studio .fs-updated{padding-left:9px;font-size:9px}#farm-studio .fs-card-bottom{gap:9px}
}
@media(max-width:700px){#farm-studio .fs-cards{grid-template-columns:1fr}#farm-studio .fs-cover{aspect-ratio:2.8}#farm-studio .fs-card-body{padding:11px 6px 3px}}
@media(min-width:1001px){#farm-studio .fs-layout{grid-template-columns:minmax(0,2.35fr) minmax(290px,1fr)}#farm-studio .fs-sidebar{grid-template-columns:minmax(0,1fr);align-items:start}}
#farm-studio .item-management-actions>div>button.yellow{background:var(--yellow);color:#171717;border:1px solid var(--yellow);border-radius:7px}

@media(min-width:1191px){#farm-studio .fs-cards:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#farm-studio .fs-card-body{padding:9px 5px 3px}#farm-studio .fs-card-title h3{font-size:18px}#farm-studio .fs-readings>div{grid-template-columns:15px minmax(0,1fr);column-gap:3px;padding:0 4px}#farm-studio .fs-readings svg{width:14px;height:14px}#farm-studio .fs-readings b{font-size:17px}#farm-studio .fs-readings span{font-size:10px}#farm-studio .fs-updated{border-left:0;padding-left:0}#farm-studio .fs-yield-row{gap:4px;grid-template-columns:minmax(0,1fr) auto 40px}#farm-studio .fs-yield-row .fs-yield-name,#farm-studio .fs-yield-row b{font-size:10px}#farm-studio .fs-yield-row small{font-size:10px}#farm-studio .fs-card .item-management-actions>div>button{font-size:12px}}