/* STOT interactive 5x5 drill placement editor — v5.85 */
.v572-editor-grid-preview .v572-grid-placements{pointer-events:auto!important}
.v572-editor-grid-preview{touch-action:none;user-select:none;-webkit-user-select:none}
.v572-editor-grid-preview .v585-drill-block{pointer-events:auto;cursor:grab;touch-action:none;transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease}
.v572-editor-grid-preview .v585-drill-block:active{cursor:grabbing;transform:scale(.985)}
.v572-editor-grid-preview .v585-drill-block.selected{z-index:4;border-color:#fff6a8!important;box-shadow:0 0 0 2px rgba(255,231,108,.75),0 0 16px rgba(255,218,74,.3)!important}
.v585-grid-tools{width:min(430px,100%);margin:-3px auto 12px;padding:9px;border:1px solid rgba(152,100,255,.28);border-radius:11px;background:#0d1320}
.v585-grid-help{display:grid;gap:2px}.v585-grid-help strong{font-size:10px;color:#f1f4fb}.v585-grid-help span{font-size:8.5px;line-height:1.35;color:#9aa5b8}
.v585-grid-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.v585-grid-actions button{min-height:34px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:#171d2b;color:#edf1f8;font-size:9px;font-weight:850}.v585-grid-actions button:first-child{border-color:rgba(153,103,255,.36);background:rgba(132,80,238,.13)}.v585-grid-actions button:disabled{opacity:.38;cursor:not-allowed}
.v585-grid-status{margin-top:6px;min-height:14px;color:#8e99ab;font-size:8px;line-height:1.35}.v585-grid-status.ok{color:#84dfaa}.v585-grid-status.bad{color:#ff929d}.v585-grid-status.warn{color:#ffd277}
.v585-reserve-warning{position:absolute;left:50%;bottom:6px;z-index:7;transform:translateX(-50%);max-width:calc(100% - 12px);padding:4px 6px;border:1px solid rgba(255,189,79,.46);border-radius:7px;background:rgba(54,34,7,.92);color:#ffd893;font-size:7px;font-weight:850;line-height:1.15;text-align:center;white-space:nowrap;pointer-events:none}
@media(max-width:520px){.v585-grid-tools{margin-bottom:9px}.v585-grid-actions button{min-height:36px}.v585-grid-help span{font-size:8px}.v585-reserve-warning{font-size:6.5px}}

/* Keep the last editor controls scrollable above Current Production. */
.v572-editor-sheet{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.v572-editor-backdrop.open #v572EditorBody{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
@supports selector(body:has(#v575StickyRate.show)){
  .v572-editor-backdrop.open #v572EditorBody{padding-bottom:15px}
  body:has(#v575StickyRate.show) .v572-editor-backdrop.open #v572EditorBody{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:520px){
  .v572-editor-sheet{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .v572-editor-backdrop.open #v572EditorBody{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  @supports selector(body:has(#v575StickyRate.show)){
    .v572-editor-backdrop.open #v572EditorBody{padding-bottom:15px}
    body:has(#v575StickyRate.show) .v572-editor-backdrop.open #v572EditorBody{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  }
}

/* Mobile compact sizing only. Column count belongs to oil-visual-builder.css. */
@media(max-width:520px){
  .v572-visual-builder{padding:8px!important}
  .v572-map-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .v572-summary-item{grid-template-columns:7px minmax(0,1fr);column-gap:4px;padding:5px;border-radius:8px}
  .v572-summary-item i{width:7px;height:7px}
  .v572-summary-item b{font-size:8px}
  .v572-summary-item small{font-size:7px;margin-top:1px}
  .v572-plot-card{padding:4px!important;border-radius:9px}
  .v572-plot-head{gap:3px;margin:0 0 4px}
  .v572-plot-head strong{font-size:9px}
  .v572-plot-head i{padding:2px 4px;font-size:7px}
  .v572-grid-stage{border-width:1px;border-radius:6px}
  .v572-grid-cells,.v572-grid-placements{inset:2px;gap:1px}
  .v572-grid-cells span{border-radius:2px}
  .v572-drill-block{padding:1px;border-radius:3px}
  .v572-drill-block b{font-size:5.5px}
  .v572-drill-block small{display:none}
  .v572-plot-foot{gap:3px;margin:4px 0 0;font-size:6.5px}
  .v572-plot-foot span:last-child{white-space:nowrap}
}

/* v5.88: compact mobile drill rows + directional controls. */
.v585-control-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:center;margin-top:7px}
.v585-dpad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:3px;justify-content:center;align-items:center}
.v585-dpad button,.v585-side-actions button{border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#171d2b;color:#eef2fb;font-weight:900}
.v585-dpad button{width:34px;height:34px;padding:0;font-size:18px;line-height:1}
.v585-dpad button[data-v585-move="0,-1"]{grid-column:2;grid-row:1}
.v585-dpad button[data-v585-move="-1,0"]{grid-column:1;grid-row:2}
.v585-dpad>span{grid-column:2;grid-row:2;display:grid;place-items:center;color:#7251aa;font-size:14px}
.v585-dpad button[data-v585-move="1,0"]{grid-column:3;grid-row:2}
.v585-dpad button[data-v585-move="0,1"]{grid-column:2;grid-row:3}
.v585-dpad button:disabled,.v585-side-actions button:disabled{opacity:.32}
.v585-side-actions{display:grid;grid-template-rows:1fr 1fr;gap:6px;height:108px}
.v585-side-actions button{min-height:0;padding:6px 8px;font-size:9px}
@media(max-width:520px){
  .v585-grid-tools{padding:7px;margin:-4px auto 7px;border-radius:10px}
  .v585-grid-help{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}
  .v585-grid-help strong{font-size:9px;white-space:nowrap}
  .v585-grid-help span{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .v585-control-row{grid-template-columns:102px minmax(0,1fr);gap:6px;margin-top:5px}
  .v585-dpad{grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);gap:2px}
  .v585-dpad button{width:30px;height:30px;border-radius:8px;font-size:16px}
  .v585-side-actions{height:94px;gap:5px}
  .v585-side-actions button{font-size:8px;border-radius:8px}
  .v585-grid-status{min-height:10px;margin-top:3px;font-size:7px}
}

/* v5.89: one-line drill rows and one-line action bar on phones/tablets. */
@media(max-width:900px){
  .v572-editor-rows{gap:5px!important}
  .v572-editor-row{display:grid!important;grid-template-columns:minmax(0,1.8fr) minmax(0,1.1fr) 52px 36px!important;gap:5px!important;align-items:center!important;padding:6px!important;border-radius:9px!important}
  .v572-editor-row>label:first-child{grid-column:1!important;margin:0!important}
  .v572-editor-row>.v572-row-two{display:contents!important}
  .v572-editor-row>.v572-row-two>label:first-child{grid-column:2!important;margin:0!important}
  .v572-editor-row>.v572-row-two>label:last-child{grid-column:3!important;margin:0!important}
  .v572-editor-row label{gap:0!important;margin:0!important;min-width:0!important}
  .v572-editor-row label>span{display:none!important}
  .v572-editor-row select,.v572-editor-row input{min-height:34px!important;height:34px!important;padding:4px 7px!important;border-radius:8px!important;font-size:10px!important;min-width:0!important}
  .v572-row-meta{display:none!important}
  .v572-remove-row{grid-column:4!important;grid-row:1!important;width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border-radius:8px!important;font-size:0!important}
  .v572-remove-row::before{content:'×';font-size:20px;line-height:1;font-weight:900}
  .v572-editor-row>label:not(:first-child):not(.v572-row-two label){grid-column:1/-1!important}
  .v572-editor-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-top:6px!important}
  .v572-editor-actions button{min-height:34px!important;padding:5px 3px!important;font-size:8.5px!important;border-radius:8px!important;white-space:nowrap!important}
}
@media(max-width:430px){
  .v572-editor-row{grid-template-columns:minmax(0,1.65fr) minmax(0,.95fr) 46px 34px!important;gap:4px!important;padding:5px!important}
  .v572-editor-row select,.v572-editor-row input{font-size:9px!important;padding:3px 5px!important}
  .v572-remove-row{width:34px!important;min-width:34px!important}
  .v572-editor-actions button{font-size:7.5px!important}
}