.plannerGroup{border-bottom:1px solid var(--pt-border);padding:12px 0}.plannerGroup>summary{font-size:15px;font-weight:600;cursor:pointer;padding:6px 0}.plannerGroup>:not(summary)>:is(h1,h2){display:none}.plannerGroup>:not(summary){border:0!important;padding-top:10px!important}.plannerGroup #pondPrecision{border:0}.plannerGroup .viewPanel{margin:0}.plannerFit{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}

#leftControls .plannerFit{display:flex;flex-direction:row;gap:6px;flex-wrap:wrap} #leftControls .plannerFit button{width:auto;margin:0}

#panel-tools .workspaceWidget{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--pt-border)}#panel-tools .workspaceWidget input{width:20px;height:20px;margin:0;accent-color:var(--pt-accent)}#leftControls [hidden]{display:none!important}

.workspaceGrid{border:0;border-top:1px solid var(--pt-border);padding:14px 0;margin-top:16px}.workspaceGrid legend{font-weight:600}.workspaceGrid .precisionCheck{display:flex;align-items:center;gap:8px;margin:10px 0}.workspaceGrid .precisionCheck input{width:auto}

@media(pointer:coarse){.plannerGroup>summary,.siteplan-tools>summary{min-height:44px;box-sizing:border-box;padding-top:12px;padding-bottom:12px}}

.plannerGroup .viewPanel{grid-template-columns:repeat(2,minmax(0,1fr))}.viewPanel>*{min-width:0}.viewPanel .plannerFit,.viewPanel .workspaceGrid{grid-column:1/-1}.workspaceGrid{min-inline-size:0}
.workspaceGrid .precisionPair{grid-template-columns:repeat(2,minmax(0,1fr))}.workspaceGrid .precisionPair label{min-width:0}.workspaceGrid .precisionPair :is(input,select){width:100%;min-width:0}

.workspaceHistory{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;height:50px;margin:0 auto}.workspaceHistory[hidden]{display:none!important}.workspaceHistory button{width:44px;min-height:44px;padding:8px}.workspaceHistory button:disabled{opacity:.4;cursor:default}

#workspaceHistory:not([hidden])~#stage{top:50px}

.depthProfile{margin:10px 0;padding:8px 0;border-top:1px solid var(--pt-border)}.depthProfile summary{font-size:12px;cursor:pointer}.depthProfile svg{display:block;width:100%;height:auto;max-height:190px;color:var(--pt-accent)}.depthProfileLabels{display:flex;flex-wrap:wrap;gap:5px}.depthProfileLabels button{font-size:11px;min-height:36px;padding:5px 8px}.depthProfile p:empty{display:none}

/* Tighter dock rhythm. The dock is 248px of a working screen, so the space
   between groups was costing more than it bought: 12px of padding plus a 6px
   summary pad on every group added up to a scroll on the Water pane alone. */
.plannerGroup{padding:7px 0}
.plannerGroup>summary{font-size:13.5px;padding:3px 0}
.plannerGroup>:not(summary){padding-top:6px!important}
.plannerGroup .fieldGroup{margin-bottom:8px}
.plannerGroup .btnRow{gap:5px}
#leftControls .statusLine{margin:4px 0 0;font-size:11.5px}
#leftControls .drawerPanel{padding-top:6px}
#leftControls .statusList{margin:8px 0 0}
#leftControls .statusList>div{padding:3px 0}