groundwater-report-workspace,groundwater-report-inputs{display:block;min-width:0}groundwater-report-inputs [data-report-message]:empty{display:none}.gw-report-actions{display:grid;gap:8px;margin:12px 0}.gw-report-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gw-report-actions b{flex:1;min-width:230px}groundwater-report-workspace input[type=date]{width:auto}
.gw-report-item{min-width:0;border-bottom:1px solid #dce5e6;padding-bottom:8px}.gw-report-item:last-child{border-bottom:0;padding-bottom:0}.gw-report-profile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;padding-left:12px;border-left:2px solid #c89b42}.gw-report-profile small{color:#576977;font-size:12px}
.gw-saved-report{border-bottom:1px solid #e1e7e8;margin:0;padding:10px 0}.gw-saved-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gw-saved-report-head>span{min-width:0;overflow-wrap:anywhere}.gw-saved-report small{display:block;color:#657680;margin-top:2px}.gw-report-delete{flex:0 0 auto;color:#9b2c26;background:#fff5f4;border:1px solid #ddb3b0;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.gw-report-delete:hover{background:#fde7e5}.gw-report-delete:disabled{opacity:.55;cursor:wait}.gw-signed-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.gw-signed-files a{color:#245f51;background:#eef6f3;border-radius:6px;padding:5px 8px;font-size:12px;text-decoration:none}.gw-signed-upload{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:8px;margin-top:8px}.gw-signed-upload input{min-width:0;font-size:12px}.gw-signed-upload button{padding:6px 10px;font-size:12px}@media(max-width:600px){.gw-saved-report-head{align-items:flex-start}.gw-report-delete{min-height:36px}.gw-signed-upload{grid-template-columns:1fr}.gw-signed-upload button{min-height:40px}}
.gw-report-settings summary{cursor:pointer;font-weight:700}.gw-report-settings form{margin-top:10px}.gw-report-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gw-report-input-grid label{display:grid;gap:4px;min-width:0}.gw-report-input-grid input,.gw-report-input-grid select{width:100%;min-width:0;box-sizing:border-box}.gw-report-settings-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.gw-report-settings small,.gw-report-confirmed-rules{font-size:12px;color:#556574}.gw-report-confirmed-rules{margin:8px 0}.gw-report-input-grid input[readonly]{background:#f3f6f8}.gwf-formula-pending{font-size:12px;color:#73561c}@media(max-width:700px){.gw-report-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.gw-report-input-grid{grid-template-columns:minmax(0,1fr)}}

/* Keep the field-work headings consistent with sections 1-2: a clear marker at the left. */
.groundwater-interval-center details.gwf-external-collapsible>summary,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading{display:grid;grid-template-columns:12px minmax(0,1fr);gap:6px;align-items:start;justify-content:start;list-style:none;cursor:pointer}
.groundwater-interval-center details.gwf-external-collapsible>summary::-webkit-details-marker{display:none}
.groundwater-interval-center details.gwf-external-collapsible>summary::before,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading::before{content:"▶";margin:5px 0 0;color:#0b1c27;font-size:12px;line-height:1}
.groundwater-interval-center details.gwf-external-collapsible[open]>summary::before,
groundwater-field-workflow details.gwf-collapsible-section[open]>summary.section-heading::before{content:"▼"}
.groundwater-interval-center details.gwf-external-collapsible>summary>.panel-head{display:block;min-width:0;margin:0}
.groundwater-interval-center details.gwf-external-collapsible>summary h3{margin:0}
.groundwater-interval-center .gw-report-settings>summary,
.groundwater-interval-center details.gwf-external-collapsible>summary h3,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading h3{font-size:13px;font-weight:700;line-height:normal}
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading p{font-size:11px;line-height:normal}
.groundwater-interval-center,.groundwater-interval-center>groundwater-field-workflow{gap:4px!important}
.nb1-preparation-form details>summary>b:has(>i){font-size:14px}
.nb1-preparation-form details>summary:has(>b>i)>span{font-size:calc(.82rem - 2px)}

/* Field entry uses the same compact, tinted accordion panels as NB.1. */
.groundwater-interval-center .gw-report-settings,
.groundwater-interval-center details.gwf-external-collapsible,
groundwater-field-workflow details.gwf-collapsible-section{padding:0!important;background:#fbfdfc;border:1px solid #d7e3df;border-radius:13px;overflow:hidden}
.groundwater-interval-center .gw-report-settings>summary,
.groundwater-interval-center details.gwf-external-collapsible>summary,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading{display:block;padding:11px 14px;background:#edf5f2;list-style:none;cursor:pointer;margin:0!important}
.groundwater-interval-center .gw-report-settings>summary::-webkit-details-marker{display:none}
.groundwater-interval-center details.gwf-external-collapsible>summary::before,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading::before{content:none}
.groundwater-interval-center details.gwf-external-collapsible>summary p,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading p{margin:8px 0 0;color:#647773}
.groundwater-interval-center .gw-report-settings>form,
.groundwater-interval-center details.gwf-external-collapsible>form,
groundwater-field-workflow details.gwf-collapsible-section>.gwf-collapsible-body{padding:14px;margin:0}
.groundwater-interval-center .gw-report-settings>summary:hover,
.groundwater-interval-center details.gwf-external-collapsible>summary:hover,
groundwater-field-workflow details.gwf-collapsible-section>summary:hover{background:#e4f0eb}
.groundwater-interval-center details.gwf-external-collapsible>summary .gwf-collapse-indicator,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading>.gwf-collapse-indicator{display:none}
/* Number badge, title left and description right, matching the approved NB.1 layout. */
.groundwater-interval-center .gw-report-settings>summary,
.groundwater-interval-center details.gwf-external-collapsible>summary h3,
groundwater-field-workflow details.gwf-collapsible-section>summary h3{display:flex;align-items:center;gap:9px}
.gw-field-number{display:inline-grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#1e6455;color:white;font-size:12px;font-style:normal;font-weight:700}
.groundwater-interval-center details.gwf-external-collapsible>summary>.panel-head>div,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}
.groundwater-interval-center details.gwf-external-collapsible>summary p,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading p{margin:0;text-align:right;flex:1;min-width:0}
.groundwater-interval-center details.gwf-external-collapsible>summary h3,
groundwater-field-workflow details.gwf-collapsible-section>summary h3{flex-shrink:0}
@media(max-width:700px){
.groundwater-interval-center details.gwf-external-collapsible>summary>.panel-head>div,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading>div{align-items:stretch;flex-direction:column;gap:5px}
.groundwater-interval-center details.gwf-external-collapsible>summary p,
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading p{text-align:left;padding-left:34px}
}
.groundwater-interval-center .gw-report-settings>summary>.gw-field-description{margin-left:auto;text-align:right;color:#647773;font-size:11px;font-weight:400}@media(max-width:700px){.groundwater-interval-center .gw-report-settings>summary{flex-wrap:wrap}.groundwater-interval-center .gw-report-settings>summary>.gw-field-description{flex-basis:100%;margin-left:34px;text-align:left}}
/* Compact NB.1 preparation inputs; printed government templates are separate. */
.nb1-preparation-form .inline-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}
.nb1-preparation-form details>.inline-form,.nb1-preparation-form details>.nb1-condition-grid{padding:10px}
.nb1-preparation-form .inline-form>label{min-width:0}
.nb1-preparation-form .inline-form>label.wide{grid-column:span 2}
.nb1-preparation-form .inline-form>details.wide,.nb1-preparation-form .inline-form>.form-actions{grid-column:1/-1}
.nb1-preparation-form .inline-form label>span{margin-bottom:3px}
.nb1-preparation-form .inline-form input:not([type=checkbox]):not([type=radio]):not(.pst-thai-date-native),.nb1-preparation-form .inline-form select,.nb1-preparation-form .inline-form textarea{box-sizing:border-box;min-width:0;width:100%;padding:6px 8px}
.nb1-preparation-form .inline-form .pst-thai-date-button{min-height:32px;padding:6px 8px;width:100%}
.nb1-preparation-form .nb1-condition-grid,.nb1-preparation-form .nb1-original-options{gap:6px}
.nb1-preparation-form .nb1-condition-grid label,.nb1-preparation-form .nb1-original-options>label{padding:7px 8px}
.nb1-preparation-form .nb1-evidence-columns{gap:8px;padding:10px}
.nb1-preparation-form .nb1-evidence-columns>section,.nb1-preparation-form .nb1-purpose-column{padding:10px;gap:7px}
.nb1-preparation-form .nb1-director-row{gap:6px;padding:8px}
@media(max-width:1000px){.nb1-preparation-form .inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nb1-preparation-form .inline-form{grid-template-columns:minmax(0,1fr)}.nb1-preparation-form .inline-form>label.wide{grid-column:1}.nb1-preparation-form .inline-form input:not([type=checkbox]):not([type=radio]):not(.pst-thai-date-native),.nb1-preparation-form .inline-form select,.nb1-preparation-form .inline-form .pst-thai-date-button{min-height:40px}}
.nb1-preparation-form .nb1-section-save{display:flex;justify-content:flex-end;padding:0 10px 10px;grid-column:1/-1}

/* NB.1 preparation follows the same dense, single-section workflow as field entry. */
.nb1-preparation-form > form {
  gap: 6px !important;
}

.nb1-preparation-form > form > details > summary {
  min-height: 42px;
  padding: 8px 10px !important;
}

.nb1-preparation-form > form > details > .inline-form {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px 7px !important;
  padding: 8px !important;
  align-items: start !important;
}

.nb1-preparation-form > form > details > .inline-form > label {
  gap: 2px !important;
  align-content: start !important;
}

.nb1-preparation-form > form > details > .inline-form > label > span {
  display: flex;
  align-items: flex-end;
  min-height: 29px;
  line-height: 1.2;
}

.nb1-preparation-form > form > details > .inline-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.nb1-preparation-form > form > details > .inline-form .pst-thai-date-button {
  min-height: 32px !important;
  padding: 5px 7px !important;
}

.nb1-preparation-form > form > details > .inline-form > details.wide,
.nb1-preparation-form > form > details > .inline-form > .form-actions {
  grid-column: 1 / -1 !important;
}

.nb1-preparation-form > form > details > .nb1-section-save {
  padding: 0 8px 8px !important;
}

.nb1-preparation-form > form > details > .nb1-section-save button {
  min-height: 32px;
  padding: 5px 10px;
}

.nb1-preparation-form :is(.nb1-condition-grid, .nb1-evidence-columns) {
  gap: 6px !important;
  padding: 8px !important;
}

.nb1-preparation-form :is(.nb1-condition-grid label, .nb1-evidence-columns > section, .nb1-purpose-column) {
  padding: 8px !important;
}

@media (max-width: 760px) {
  .nb1-preparation-form > form > details > .inline-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  .nb1-preparation-form > form > details > .inline-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .nb1-preparation-form > form > details > .inline-form > label.wide {
    grid-column: 1 !important;
  }
}
/* Reduce NB.1 tracking typography by two pixels, keeping NB.4 unchanged. */
.permit-tracking-nb1{font-size:14px}
.permit-tracking-nb1 .section-heading h3{font-size:14px}
.permit-tracking-nb1 .section-heading p,.permit-tracking-nb1 input,.permit-tracking-nb1 select,.permit-tracking-nb1 button{font-size:14px}
.permit-tracking-nb1 .permit-summary span{font-size:calc(.78rem - 2px)}
.permit-tracking-nb1 .permit-summary b{font-size:calc(1.05rem - 2px)}
.permit-tracking-nb1 .permit-form label>span{font-size:calc(.8rem - 2px)}
.permit-tracking-nb1 .permit-actions span{font-size:calc(.82rem - 2px)}
.permit-tracking-nb1 .permit-file-panel>header span{font-size:calc(.8rem - 2px)}
.permit-tracking-nb1 .permit-file-panel,.permit-tracking-nb1 .permit-file-panel header b,.permit-tracking-nb1 .permit-file-panel header strong,.permit-tracking-nb1 .permit-file-list>a,.permit-tracking-nb1 .permit-file-list>span{font-size:14px}
.permit-tracking-nb1 .permit-file-panel small{font-size:11.3333px}
/* Compact tracking and both attachment panels. */
.permit-tracking.permit-tracking-nb1{gap:8px;padding:10px!important}
.permit-tracking-nb1>.section-heading{margin:0}
.permit-tracking-nb1>.section-heading p{margin:3px 0 0}
.permit-tracking-nb1 .permit-summary{gap:6px}
.permit-tracking-nb1 .permit-summary article{padding:7px 9px;gap:2px}
.permit-tracking-nb1 .permit-form{padding:8px;gap:7px}
.permit-tracking-nb1 .permit-form label{gap:3px;min-width:0}
.permit-tracking-nb1 .permit-form input,.permit-tracking-nb1 .permit-form select{padding:6px 8px;min-width:0}
.permit-tracking-nb1 .permit-actions{gap:7px;padding-top:0}
.permit-tracking-nb1 .permit-file-panel{padding:8px;gap:6px}
.permit-tracking-nb1 .permit-file-panel>header{gap:8px}
.permit-tracking-nb1 .permit-file-panel>header div{gap:2px}
.permit-tracking-nb1 .permit-file-list{gap:4px}
.permit-tracking-nb1 .permit-file-list>a{padding:5px 7px}
.permit-tracking-nb1 .permit-file-list>span{padding:2px 0}
.permit-tracking-nb1 .permit-upload{gap:6px;grid-template-columns:minmax(160px,1fr) auto auto}
.permit-tracking-nb1 .permit-upload button{min-height:32px;padding:6px 9px}
@media(max-width:700px){.permit-tracking-nb1 .permit-upload{grid-template-columns:minmax(0,1fr) auto}.permit-tracking-nb1 .permit-upload input[type=file]{grid-column:1/-1;max-width:100%}.permit-tracking-nb1 .permit-upload button{min-height:40px}.permit-tracking-nb1 .permit-actions{flex-wrap:wrap}}

Reduce NB.4 tracking typography reduced by two pixels. */
.permit-tracking-nb4{font-size:14px}
.permit-tracking-nb4 .section-heading h3{font-size:14px}
.permit-tracking-nb4 .section-heading p,.permit-tracking-nb4 input,.permit-tracking-nb4 select,.permit-tracking-nb4 button{font-size:14px}
.permit-tracking-nb4 .permit-summary span{font-size:calc(.78rem - 2px)}
.permit-tracking-nb4 .permit-summary b{font-size:calc(1.05rem - 2px)}
.permit-tracking-nb4 .permit-form label>span{font-size:calc(.8rem - 2px)}
.permit-tracking-nb4 .permit-actions span{font-size:calc(.82rem - 2px)}
.permit-tracking-nb4 .permit-file-panel>header span{font-size:calc(.8rem - 2px)}
.permit-tracking-nb4 .permit-file-panel,.permit-tracking-nb4 .permit-file-panel header b,.permit-tracking-nb4 .permit-file-panel header strong,.permit-tracking-nb4 .permit-file-list>a,.permit-tracking-nb4 .permit-file-list>span{font-size:14px}
.permit-tracking-nb4 .permit-file-panel small{font-size:11.3333px}
/* .permit-tracking-nb4 .permit-form .pst-thai-date-button{font-size:14px}

Compact tracking and both attachment panels. */
.permit-tracking.permit-tracking-nb4{gap:8px;padding:10px!important}
.permit-tracking-nb4>.section-heading{margin:0}
.permit-tracking-nb4>.section-heading p{margin:3px 0 0}
.permit-tracking-nb4 .permit-summary{gap:6px}
.permit-tracking-nb4 .permit-summary article{padding:7px 9px;gap:2px}
.permit-tracking-nb4 .permit-form{padding:8px;gap:7px}
.permit-tracking-nb4 .permit-form label{gap:3px;min-width:0}
.permit-tracking-nb4 .permit-form input,.permit-tracking-nb4 .permit-form select{padding:6px 8px;min-width:0}
.permit-tracking-nb4 .permit-actions{gap:7px;padding-top:0}
.permit-tracking-nb4 .permit-file-panel{padding:8px;gap:6px}
.permit-tracking-nb4 .permit-file-panel>header{gap:8px}
.permit-tracking-nb4 .permit-file-panel>header div{gap:2px}
.permit-tracking-nb4 .permit-file-list{gap:4px}
.permit-tracking-nb4 .permit-file-list>a{padding:5px 7px}
.permit-tracking-nb4 .permit-file-list>span{padding:2px 0}
.permit-tracking-nb4 .permit-upload{gap:6px;grid-template-columns:minmax(160px,1fr) auto auto}
.permit-tracking-nb4 .permit-upload button{min-height:32px;padding:6px 9px}
@media(max-width:700px){.permit-tracking-nb4 .permit-upload{grid-template-columns:minmax(0,1fr) auto}.permit-tracking-nb4 .permit-upload input[type=file]{grid-column:1/-1;max-width:100%}.permit-tracking-nb4 .permit-upload button{min-height:40px}.permit-tracking-nb4 .permit-actions{flex-wrap:wrap}}


.gw-report-input-grid-external{grid-template-columns:130px minmax(190px,1.5fr) minmax(210px,1.15fr) 170px;align-items:start}.gw-report-input-grid-external>label{grid-template-rows:2.7em 34px;align-items:end}.gw-report-input-grid-external>label:first-child select{width:118px;justify-self:start}.gw-report-input-grid-external>label:nth-child(4) input{width:170px}@media(max-width:760px){.gw-report-input-grid-external{grid-template-columns:130px minmax(0,1fr)}}@media(max-width:430px){.gw-report-input-grid-external{grid-template-columns:118px minmax(0,1fr)}}

/* Keep daily-work heading aligned with the other field-work section headers. */
groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading{display:flex!important;align-items:center;justify-content:space-between;width:100%}groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading>div{display:block;min-width:0;width:100%}groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading h3{margin:0;min-height:25px}groundwater-field-workflow details.gwf-collapsible-section>summary.section-heading .gwf-collapse-indicator{display:none!important}

.gwf-daily-work-options{gap:0!important;margin-top:2px!important;padding:2px!important}.gwf-add-head .gwf-daily-work-options label,.gwf-grid .gwf-daily-work-options label{min-height:23px!important;gap:7px!important;align-items:center!important;padding:1px 4px!important;line-height:1.15}.gwf-daily-work-options input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;flex:0 0 16px}@media(max-width:620px){.gwf-add-head .gwf-daily-work-options label,.gwf-grid .gwf-daily-work-options label{min-height:30px!important;padding:3px 5px!important}}

/* Keep the closed daily-work selector exactly as tall as the work-date control. */
.gwf-daily-work-picker > summary {
  height: 37px !important;
  min-height: 37px !important;
  max-height: 37px !important;
  line-height: 19px !important;
}

/* Open daily-work choices as a floating panel so the form frame never grows. */
.gwf-daily-work-picker {
  position: relative !important;
}

.gwf-daily-work-picker > .gwf-daily-work-options {
  position: absolute !important;
  top: calc(100% + 2px);
  left: 0;
  z-index: 40;
  width: 100% !important;
  max-height: min(420px, 60vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin-top: 0 !important;
  border-color: #b7c9d0 !important;
  box-shadow: 0 12px 28px rgba(15, 42, 52, .2) !important;
}

groundwater-field-workflow details.gwf-collapsible-section:has(.gwf-daily-work-picker[open]) {
  position: relative;
  z-index: 30;
  overflow: visible !important;
}

/* Keep the four operator/machine controls compact and on one desktop row. */
.gw-report-input-grid:not(.gw-report-input-grid-external) {
  grid-template-columns: 18ch 39ch 34ch 27ch;
  justify-content: start;
  align-items: start;
}

.gw-report-input-grid:not(.gw-report-input-grid-external) > label:nth-child(1),
.gw-report-input-grid:not(.gw-report-input-grid-external) > label:nth-child(2),
.gw-report-input-grid:not(.gw-report-input-grid-external) > label:nth-child(3),
.gw-report-input-grid:not(.gw-report-input-grid-external) > label:nth-child(4) {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 760px) {
  .gw-report-input-grid:not(.gw-report-input-grid-external) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .gw-report-input-grid:not(.gw-report-input-grid-external) {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* NB.1 and field-work accordions: the open heading is the dark-green active state. */
.nb1-preparation-form details[open] > summary,
.groundwater-interval-center .gw-report-settings[open] > summary,
.groundwater-interval-center details.gwf-external-collapsible[open] > summary,
groundwater-field-workflow details.gwf-collapsible-section[open] > summary.section-heading {
  background: #164e3b !important;
  color: #ffffff !important;
}

.nb1-preparation-form details[open] > summary :is(b, span),
.groundwater-interval-center .gw-report-settings[open] > summary :is(b, span),
.groundwater-interval-center details.gwf-external-collapsible[open] > summary :is(h3, p, span),
groundwater-field-workflow details.gwf-collapsible-section[open] > summary.section-heading :is(h3, p, span) {
  color: #ffffff !important;
}

.nb1-preparation-form details[open] > summary i,
.groundwater-interval-center details.gwf-external-collapsible[open] > summary .gw-field-number,
groundwater-field-workflow details.gwf-collapsible-section[open] > summary.section-heading .gw-field-number {
  background: #ffffff !important;
  color: #164e3b !important;
}

/* The five primary drilling-entry controls stay compact on one desktop row. */
.gwf-grid.gwf-drilling-entry-add {
  grid-template-columns: 18ch 18ch 25ch 28ch 22ch max-content;
  justify-content: start;
  align-items: end;
}

.gwf-grid.gwf-drilling-entry-add > .gwf-actions {
  grid-column: 6;
  grid-row: 1;
  justify-content: flex-start;
}

.gwf-grid textarea[name="lithologyDetail"] {
  box-sizing: border-box !important;
  height: 34px !important;
  min-height: 34px !important;
  padding-block: 6px !important;
}

.gwf-grid.gwf-screen-allowance-form {
  grid-template-columns: 30ch 30ch minmax(210px, 1fr) max-content;
  justify-content: start;
}

/* Keep the five well-development inputs on one compact row. */
.gwf-grid.gwf-development-form {
  grid-template-columns: 18ch 18ch 18ch 25ch 18ch max-content;
  gap: 6px;
  align-items: end;
  justify-content: start;
  padding: 7px;
}

.gwf-grid.gwf-development-form > .gwf-actions {
  grid-column: 6;
  grid-row: 1;
  justify-content: flex-start;
}

.gwf-grid.gwf-development-form > .gwf-actions button {
  min-height: 34px;
  padding: 5px 9px;
  white-space: nowrap;
}

/* Keep the pumping-test summary together for quick review. */
.gwf-grid.gwf-pumping-summary {
  grid-template-columns: .9fr .9fr .85fr 1fr 1fr .75fr 1.1fr;
  gap: 6px;
  align-items: end;
}

.gwf-grid.gwf-pumping-summary > label {
  min-width: 0;
}

.gwf-grid.gwf-pumping-summary > label > span {
  display: flex;
  align-items: flex-end;
  min-height: 2.5em;
  line-height: 1.2;
}

.gwf-grid.gwf-pumping-summary [data-summary-drawdown] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 6px 8px;
  border: 1px solid #cbd8d5;
  border-radius: 6px;
  background: #f4f8f6;
}

.gwf-grid.gwf-pumping-summary > [data-measurement-other] {
  grid-column: 6 / 8;
  grid-row: 2;
}

@media (max-width: 920px) {
  .gwf-grid.gwf-development-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gwf-grid.gwf-development-form > .gwf-actions {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-content: flex-end;
  }

  .gwf-grid.gwf-pumping-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gwf-grid.gwf-pumping-summary > [data-measurement-other] {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 430px) {
  .gwf-grid.gwf-development-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .gwf-grid.gwf-development-form > .gwf-actions {
    grid-column: 1;
  }

  .gwf-grid.gwf-pumping-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Keep casing installation dense while preserving every control and value. */
.gwf-casing-section > .gwf-collapsible-body {
  display: grid;
  gap: 6px;
  padding: 8px !important;
}

.gwf-casing-section .gwf-casing-depth-summary {
  gap: 0;
}

.gwf-casing-section .gwf-casing-depth-summary article {
  grid-template-columns: max-content max-content minmax(0, 1fr);
  align-items: center;
  gap: 4px 9px;
  padding: 6px 9px;
}

.gwf-casing-section .gwf-casing-depth-summary b {
  font-size: 1rem;
}

.gwf-casing-section .gwf-casing-depth-summary small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gwf-casing-section .gwf-screen-allowance-form {
  gap: 6px;
  padding: 7px;
}

.gwf-casing-section .gwf-screen-allowance-form label {
  gap: 3px;
}

.gwf-casing-section .gwf-screen-allowance-form input {
  height: 32px;
  padding-block: 5px;
}

.gwf-casing-section .gwf-screen-allowance-form p {
  align-self: center;
  margin: 0;
  font-size: 10px;
  line-height: 1.25;
}

.gwf-casing-section .gwf-screen-allowance-form button {
  min-height: 32px;
  align-self: end;
  padding: 5px 9px;
}

.gwf-casing-section .gwf-list {
  gap: 4px;
  margin-top: 0;
}

.gwf-casing-section .gwf-event-row > summary {
  min-height: 32px;
  padding: 4px 9px;
}

.gwf-casing-section .gwf-event-body {
  gap: 7px;
  padding: 8px;
}

.gwf-casing-section .gwf-update-head,
.gwf-casing-section .gwf-casing-head-form {
  grid-template-columns: minmax(240px, 1fr) max-content max-content max-content;
  gap: 6px;
  align-items: end;
  padding: 7px;
}

.gwf-casing-section .gwf-update-head > p.wide,
.gwf-casing-section .gwf-casing-head-form > p {
  grid-column: 2 / 4;
  grid-row: 1;
  align-self: center;
  margin: 0;
  white-space: nowrap;
}

.gwf-casing-section .gwf-update-head > .gwf-actions {
  grid-column: 4;
  grid-row: 1;
  gap: 4px;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.gwf-casing-section .gwf-update-head > .gwf-actions button,
.gwf-casing-section .gwf-casing-head-form > button {
  min-height: 34px;
  padding: 5px 8px;
  white-space: nowrap;
}

.gwf-casing-section :is(.gwf-reference-date, .gwf-screen-suggestions, .gwf-grid, .gwf-add-head) {
  padding: 7px;
}

.gwf-casing-section .gwf-reference-date,
.gwf-casing-section .gwf-screen-suggestions,
.gwf-casing-section .gwf-subrows {
  gap: 4px;
}

.gwf-casing-section .gwf-screen-table th,
.gwf-casing-section .gwf-screen-table td {
  padding: 4px 7px;
}

.gwf-casing-section .gwf-casing-entry-head p {
  margin-top: 1px;
}

.gwf-casing-section .gwf-casing-interval-form {
  grid-template-columns: .85fr .85fr 1fr 1fr .85fr 1.35fr;
  gap: 6px;
  align-items: end;
}

.gwf-casing-section .gwf-casing-interval-form[data-action="casingRun"] {
  grid-template-columns: 14ch 14ch 18ch 18ch 16ch minmax(145px, 1fr) max-content;
}

.gwf-casing-section .gwf-casing-interval-form[data-action="constructionInterval"] {
  grid-template-columns: 14ch 14ch 18ch 18ch 16ch minmax(145px, 1fr) max-content;
}

.gwf-casing-section .gwf-casing-interval-form[data-action="casingRun"] > .gwf-actions {
  grid-column: 7;
  grid-row: 1;
  align-self: end;
  justify-content: flex-start;
}

.gwf-casing-section .gwf-casing-interval-form[data-action="constructionInterval"] > .gwf-actions {
  grid-column: 7;
  grid-row: 1;
  align-self: end;
  gap: 4px;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.gwf-casing-section .gwf-casing-interval-form[data-action="casingRun"] > .gwf-actions button {
  min-height: 34px;
  padding-inline: 9px;
  white-space: nowrap;
}

.gwf-casing-section .gwf-casing-interval-form[data-action="constructionInterval"] > .gwf-actions button {
  min-height: 34px;
  padding-inline: 7px;
  white-space: nowrap;
}

.gwf-casing-section .gwf-casing-interval-form > label:not(.wide) {
  min-width: 0;
}

.gwf-casing-section .gwf-casing-interval-form > label:not(.wide) > span {
  min-height: 2.6em;
  line-height: 1.25;
}

.gwf-casing-section .gwf-subrow > summary {
  min-height: 30px;
  padding: 3px 8px;
}

@media (max-width: 820px) {
  .gwf-casing-section .gwf-casing-depth-summary article {
    grid-template-columns: max-content max-content;
  }

  .gwf-casing-section .gwf-casing-depth-summary small {
    grid-column: 1 / -1;
    white-space: normal;
  }

  .gwf-casing-section .gwf-casing-interval-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="casingRun"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="constructionInterval"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="casingRun"] > .gwf-actions {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-content: flex-end;
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="constructionInterval"] > .gwf-actions {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .gwf-casing-section .gwf-update-head,
  .gwf-casing-section .gwf-casing-head-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gwf-casing-section .gwf-update-head > p.wide,
  .gwf-casing-section .gwf-casing-head-form > p,
  .gwf-casing-section .gwf-update-head > .gwf-actions {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 820px) {
  .gwf-grid.gwf-screen-allowance-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .gwf-grid.gwf-screen-allowance-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .gwf-casing-section .gwf-casing-depth-summary article {
    grid-template-columns: minmax(0, 1fr);
  }

  .gwf-casing-section .gwf-casing-depth-summary small {
    grid-column: 1;
  }

  .gwf-casing-section .gwf-casing-interval-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="casingRun"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="constructionInterval"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="casingRun"] > .gwf-actions {
    grid-column: 1;
  }

  .gwf-casing-section .gwf-casing-interval-form[data-action="constructionInterval"] > .gwf-actions {
    grid-column: 1;
  }

  .gwf-casing-section .gwf-update-head,
  .gwf-casing-section .gwf-casing-head-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .gwf-casing-section .gwf-update-head > p.wide,
  .gwf-casing-section .gwf-casing-head-form > p,
  .gwf-casing-section .gwf-update-head > .gwf-actions {
    grid-column: 1;
  }
}

@media (max-width: 820px) {
  .gwf-grid.gwf-drilling-entry-add {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gwf-grid.gwf-drilling-entry-add > .gwf-actions {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-content: flex-end;
  }
}

@media (max-width: 430px) {
  .gwf-grid.gwf-drilling-entry-add {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* The upper borehole diameter remains calculated by the form logic and reports,
   but it is not an operator input and does not need to occupy screen space. */
.casing-arrangement-stack > :nth-child(2) {
  display: none !important;
}

.casing-size-row {
  grid-column: 2;
  display: grid;
  grid-template-columns: max-content 22px max-content;
  align-items: end;
  gap: 8px 5px;
  min-width: 0;
  justify-content: start;
}

.casing-size-row:has(> label:nth-of-type(2))::before {
  content: "×";
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  margin-bottom: 5px;
  width: 22px;
  height: 22px;
  border: 1px solid #b9cbc5;
  border-radius: 50%;
  color: #164e3b;
  background: #ffffff;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  text-align: center;
}

.casing-size-row > label {
  width: max-content;
  min-width: 0;
}

.casing-size-row > label > span {
  font-size: 10px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.casing-size-row > label > select {
  box-sizing: border-box;
  height: 32px !important;
  min-height: 32px !important;
  padding: 5px 28px 5px 8px !important;
  font-family: inherit !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

.casing-size-row > label:nth-of-type(1) {
  grid-column: 1;
}

.casing-size-row > label:nth-of-type(2) {
  grid-column: 3;
}

.casing-size-row > label:only-child {
  grid-column: 1 / -1;
}

.casing-size-row > small {
  grid-column: 1 / -1;
  margin-top: -3px;
}

@media (max-width: 760px) {
  .casing-size-row {
    grid-column: 1;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .casing-size-row:has(> label:nth-of-type(2))::before {
    display: none;
  }

  .casing-size-row > label,
  .casing-size-row > label:nth-of-type(1),
  .casing-size-row > label:nth-of-type(2) {
    grid-column: 1;
    width: 100%;
  }

  .casing-size-row > small {
    grid-column: 1;
  }
}


/* Saved reports: preserve all controls while using the smallest practical rows. */
.gw-saved-report{padding:6px 0}
.gw-saved-report-head{align-items:center;gap:6px}
.gw-saved-report-head>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px}
.gw-saved-report small{display:inline;margin:0;font-size:11px}
.gw-report-delete{padding:3px 8px}
.gw-signed-files{gap:4px;margin-top:4px}
.gw-signed-files a{padding:3px 6px}
.gw-signed-upload{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:4px}
.gw-signed-upload input{flex:0 1 260px;max-width:260px}
.gw-signed-upload button{padding:4px 8px}
.gw-saved-report .gw-report-profile{gap:6px;margin-top:4px;padding-left:8px}
@media(max-width:600px){.gw-saved-report-head{align-items:flex-start}.gw-signed-upload{display:grid;grid-template-columns:1fr}.gw-signed-upload input{max-width:none}.gw-signed-upload button{min-height:36px}}


/* One report equals one horizontal row; retain every file action without wrapping. */
.gw-saved-report{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:5px 0}
.gw-saved-report-head{display:contents}
.gw-saved-report-head>span{display:flex;align-items:baseline;gap:4px 6px;flex:0 0 auto;white-space:nowrap}
.gw-saved-report-head>span a{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gw-saved-report-head small{white-space:nowrap}
.gw-signed-files{flex:0 0 auto;margin:0;white-space:nowrap}
.gw-signed-files small{white-space:nowrap}
.gw-signed-upload{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;margin:0}
.gw-signed-upload input{flex:0 0 240px;width:240px}
.gw-signed-upload button{white-space:nowrap}
.gw-saved-report>button{flex:0 0 auto;white-space:nowrap}
@media(max-width:600px){.gw-saved-report{align-items:center}.gw-signed-upload{display:flex;grid-template-columns:none}.gw-signed-upload input{max-width:none}.gw-signed-upload button{min-height:auto}}

/* Keep the destructive action as the final control in each report row. */
.gw-saved-report .gw-report-delete{order:99}


/* Mobile: read each report vertically without horizontal scrolling. */
@media(max-width:600px){
 .gw-saved-report{display:flex;align-items:center;flex-wrap:wrap;overflow:visible;gap:5px;padding:7px 0}
 .gw-saved-report-head>span{flex:0 0 100%;min-width:0;white-space:normal}
 .gw-saved-report-head>span a{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip}
 .gw-saved-report-head small{white-space:normal}
 .gw-signed-files{flex:0 0 100%;white-space:normal}
 .gw-signed-upload{display:flex;flex:1 1 calc(100% - 72px);min-width:0;gap:5px}
 .gw-signed-upload input{flex:1 1 auto;width:auto;max-width:none;min-width:0}
 .gw-signed-upload button{min-height:36px;padding:4px 7px}
 .gw-saved-report>button{min-height:36px}
 .gw-saved-report .gw-report-delete{margin-left:auto;order:99}
}
