/* Mark pilot livestock, calving and grazing management */
.mark-livestock-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.mark-livestock-title>span{
  color:#5ee0a0;border:1px solid rgba(94,224,160,.3);background:rgba(94,224,160,.08);
  border-radius:999px;padding:4px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase
}
.mark-calving-hero{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px
}
.mark-calving-hero>div{
  padding:12px;border-radius:11px;background:linear-gradient(145deg,rgba(94,224,160,.08),rgba(9,35,56,.65));
  border:1px solid rgba(94,224,160,.17)
}
.mark-calving-hero span,.mark-stock-strip small,.mark-calving-paddocks span,.mark-readiness-grid article>span{
  display:block;color:#7faac4;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800
}
.mark-calving-hero strong{display:block;color:#f1f7fa;font-size:15px;margin:5px 0 3px}
.mark-calving-hero small{display:block;color:#9fc5dc;font-size:10px;line-height:1.4}
.mark-stock-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}
.mark-stock-strip>span{
  padding:9px;border:1px solid rgba(122,176,216,.15);background:rgba(10,39,62,.62);border-radius:9px
}
.mark-stock-strip strong{display:block;color:#e9f3f8;font-size:14px;margin:3px 0 1px}
.mark-stock-strip em{display:block;color:#809fb3;font-size:9px;font-style:normal;line-height:1.35}
.mark-calving-paddocks{
  padding:10px 11px;border-radius:9px;background:rgba(233,185,77,.055);border:1px solid rgba(233,185,77,.16);margin-bottom:9px
}
.mark-calving-paddocks strong{display:block;color:#e9c46f;font-size:11px;margin-top:4px}
.mark-readiness-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mark-readiness-grid article{padding:10px;border-radius:9px;background:rgba(10,39,62,.62);border:1px solid rgba(122,176,216,.14)}
.mark-readiness-grid article.ready{border-color:rgba(94,224,160,.2);background:rgba(94,224,160,.045)}
.mark-readiness-grid article.waiting{border-color:rgba(233,185,77,.14)}
.mark-readiness-grid strong{display:block;color:#e8f2f7;font-size:11px;margin:4px 0}
.mark-readiness-grid article.ready strong{color:#5ee0a0}
.mark-readiness-grid article.waiting strong{color:#e9c46f}
.mark-readiness-grid p{margin:0;color:#91b4ca;font-size:9.5px;line-height:1.45}

.mark-map-toolbar{align-items:flex-start}
.mark-mob-control{
  display:grid;gap:4px;min-width:min(100%,290px);margin-left:auto
}
.mark-mob-control-label{
  color:#8fa79b;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800
}
.mark-mob-chip{
  appearance:none;display:flex;align-items:center;gap:7px;max-width:100%;padding:8px 10px;border-radius:999px;
  border:1px solid rgba(94,224,160,.36);background:rgba(94,224,160,.095);color:#e9f8ef;cursor:grab;
  touch-action:none;text-align:left;font:inherit
}
.mark-mob-chip:active{cursor:grabbing}
.mark-mob-chip.moving{border-color:#77bfff;background:rgba(119,191,255,.12);box-shadow:0 0 0 2px rgba(119,191,255,.08)}
.mark-mob-chip strong{font-size:10px;line-height:1.25}
.mark-mob-icon{font-size:14px}
.mark-mob-control small{color:#819a8e;font-size:8.5px;line-height:1.3}
.mark-mob-drag-ghost{
  position:fixed!important;z-index:99999;transform:translate(-50%,-50%);pointer-events:none!important;
  opacity:.92;box-shadow:0 12px 35px rgba(0,0,0,.35)
}
.mark-mob-moving #mark-map-stage [data-mark-paddock]{cursor:copy}
.mark-mob-moving #mark-map-stage .mark-paddock{stroke-dasharray:7 5}
#mark-map-stage [data-mark-paddock].mob-drop-target .mark-paddock{
  fill:rgba(119,191,255,.38)!important;stroke:#77bfff!important;stroke-width:5!important
}
#mark-map-stage [data-paddock-hit]{cursor:pointer}
#mark-map-stage .mark-paddock.tree-block{
  fill:rgba(116,143,103,.5);stroke:#9bb68d;stroke-width:2.5
}
#mark-map-stage .mark-paddock.tree-block:hover{
  fill:rgba(127,165,109,.62);stroke:#b7d3a8
}
#mark-map-stage .mark-paddock.tree-block.selected{
  fill:rgba(119,191,255,.32);stroke:#77bfff;stroke-width:5
}
.mark-mob-marker rect{
  fill:#112e22;stroke:#69d99c;stroke-width:2;vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))
}
.mark-mob-marker text{
  fill:#eaf8ef;font-size:10px;font-weight:900;letter-spacing:.02em;
  paint-order:stroke;stroke:#07120d;stroke-width:2px;stroke-linejoin:round
}
#mark-grazing-detail strong{color:#bdebd0}
.mark-map-detail{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:900px){
  .mark-calving-hero,.mark-readiness-grid{grid-template-columns:1fr}
  .mark-stock-strip{grid-template-columns:1fr 1fr 1fr}
  .mark-mob-control{order:3;width:100%;margin-left:0}
}
@media(max-width:620px){
  .mark-stock-strip{grid-template-columns:1fr}
  .mark-map-detail{grid-template-columns:1fr}
  .mark-mob-chip{width:100%;justify-content:flex-start}
}