.measured-levels{margin-top:24px;padding-top:20px;border-top:1px solid var(--yt-border);color:var(--yt-text)}.levels-heading,.level-card>header{display:flex;justify-content:space-between;align-items:start;gap:16px}.levels-heading h2{margin:0 0 8px}.levels-heading p{max-width:70ch;color:var(--yt-muted);font-size:13px;line-height:1.5}.measured-levels button{min-height:44px}.measured-levels button:focus-visible,.measured-levels input:focus-visible,.measured-levels select:focus-visible,.measured-levels textarea:focus-visible,.measured-levels summary:focus-visible{outline:2px solid var(--yt-focus,#91d2f3);outline-offset:3px}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.level-card,.level-pending{border:1px solid var(--yt-border);background:var(--yt-surface);border-radius:12px;padding:18px;min-width:0;overflow-wrap:anywhere}.level-card h3{font-size:18px;margin:6px 0 16px;line-height:1.4}.level-card small,.level-card>header>span{color:var(--yt-muted)}.level-reading{margin:12px 0}.level-reading-label{display:block;color:var(--yt-muted);font-size:12px;margin-bottom:6px}.level-reading>strong{display:block;font-size:24px;line-height:1.4;overflow-wrap:anywhere}.level-reading p{font-size:13px;line-height:1.6;color:var(--yt-text-2)}.level-flags,.level-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.level-flags>span{font-size:12px;line-height:1.5}.level-review-state{background:var(--yt-surface-2);padding:3px 7px;border-radius:5px}.level-stale,.level-warning{color:#ffdb90}.level-age-unset,.level-missing{color:var(--yt-muted);font-size:13px}.level-pending pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font-size:12px}.measured-levels [data-level-form]{max-width:720px;border:1px solid var(--yt-border);padding:20px;border-radius:12px}.measured-levels label{display:grid;gap:7px;margin:14px 0;font-size:14px}.measured-levels input:not([type=checkbox]),.measured-levels select,.measured-levels textarea{width:100%;box-sizing:border-box;min-height:44px;background:var(--yt-surface);color:var(--yt-text);border:1px solid var(--yt-border);border-radius:8px;padding:10px;font:inherit}.measured-levels .level-check{display:flex;align-items:start;gap:9px;line-height:1.5}.level-check input{margin-top:3px;min-width:20px;min-height:20px}.measured-levels summary{cursor:pointer;min-height:44px;padding:10px 0}.level-config-evidence dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px}.level-config-evidence dd{margin:0;overflow-wrap:anywhere}.level-config-evidence dt{color:var(--yt-muted)}.level-history{list-style:none;padding:0}.level-history>li{padding:18px 0;border-top:1px solid var(--yt-border);overflow-wrap:anywhere}.measured-levels .error{color:#ffb5ae}.measured-levels [data-level-notice]:not(:empty){padding:14px;border-left:3px solid #6fae91;background:var(--yt-surface-2);line-height:1.5}@media(max-width:680px){.levels-heading{flex-wrap:wrap}.levels-heading>button{width:100%}.levels-grid{grid-template-columns:1fr}.level-actions button{flex:1 1 130px}.measured-levels [data-level-form]{padding:14px}.level-reading>strong{font-size:22px}.level-config-evidence dl{grid-template-columns:1fr;gap:6px}.level-config-evidence dd{margin-bottom:8px}}

.levels-empty{font-size:13px;line-height:1.5;color:var(--yt-muted);margin:12px 0;max-width:70ch}.levels-empty strong{font-weight:500}.levels-empty p{margin:5px 0}.levels-heading>div>small{color:var(--yt-muted)}

/* STSP measured plant: colours identify areas, never unconfigured alarms. */
.level-area-nav{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px}.level-area-nav button{border-radius:24px;padding:8px 20px}.level-area{--level-accent:#8dd9f5;margin:22px 0 32px;scroll-margin-top:90px;border:1px solid var(--yt-border);border-radius:18px;padding:24px;background:linear-gradient(135deg,#17242d55,transparent 60%)}.level-area-grout{--level-accent:#b8b0f7}.level-area-spoil{--level-accent:#75ddc6}.level-area>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.level-area>header h3{font-size:25px;letter-spacing:-.5px;margin:6px 0;color:var(--level-accent)}.level-area>header small{color:var(--yt-muted);font-size:12px}.level-area>header p{color:var(--yt-muted);font-size:13px}.level-area .level-reading>strong{color:var(--level-accent)}.level-area .level-card{background:var(--yt-surface);border-radius:14px}.level-area-wtp .levels-grid{grid-template-columns:1fr}.level-area-wtp .level-card{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(150px,1fr) minmax(160px,1fr);gap:12px;align-items:start}.level-area-wtp .level-card>header{grid-column:1}.level-area-wtp .level-card h3{margin-bottom:0}.level-area-wtp .level-card>.level-actions{grid-column:1/-1;margin:0}.level-area-wtp .level-card>.level-missing{margin:12px 0}.level-area .level-reading-label{font-weight:500}.level-area .level-review-state{color:var(--yt-text);border:1px solid var(--yt-border)}.level-visual{display:grid;justify-items:center;margin:12px 0 18px;gap:9px}.level-vessel{width:110px;height:140px;border:2px solid #8c9baa;border-radius:22px 22px 16px 16px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 27px,#94b5cc22 28px);isolation:isolate}.level-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg,#6672b9b0,#b8b0f7a0);border-top:2px solid var(--level-accent,#b8b0f7);z-index:-1}.level-vessel>span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:8px;font-weight:700;font-size:21px;text-shadow:0 2px 8px #000;color:#f7fbff}.level-visual.silo .level-vessel{border-radius:18px 18px 40% 40%;width:96px;height:160px}.level-visual.bay .level-vessel{width:100%;height:90px;border-radius:3px 3px 12px 12px;border-top:1px dashed #78958d}.level-visual.bay .level-fill{background:linear-gradient(0deg,#235c53,#69bca58c)}.level-visual-caption{text-align:center;font-size:11px;line-height:1.5;color:var(--yt-muted);max-width:28ch}.level-visual.unknown .level-vessel{background:repeating-linear-gradient(135deg,#7e95aa08,#7e95aa08 8px,#7e95aa20 8px,#7e95aa20 9px)}.level-visual.unknown .level-vessel>span{font-size:13px;color:var(--yt-muted);font-weight:500;text-shadow:none}.level-bay-row{margin:22px 0}.level-bay-row>h4{font-size:16px}.level-bay-row>h4 span{color:var(--yt-muted);font-weight:400;font-size:12px}.level-bays{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.level-bays .level-card,.level-bay-empty{padding:14px;min-width:0;overflow-wrap:anywhere}.level-bay-empty{border:1px dashed var(--yt-border);border-radius:14px;background:var(--yt-surface)}.level-bay-empty h4{margin:6px 0 16px;font-size:18px}.level-bay-empty small{color:var(--yt-muted)}.level-bays .level-card h3{font-size:16px}.level-bays .level-card>header>span{font-size:12px}.level-bays .level-reading>strong{font-size:23px}.level-bays .level-actions{display:grid;grid-template-columns:1fr}.level-bays .level-reading p{font-size:12px}.level-layout-fields{border:1px solid var(--yt-border);border-radius:10px;padding:10px 16px}.level-layout-fields legend{color:#8dd9f5;padding:0 8px}.level-layout-fields [hidden]{display:none}.level-area>header button{flex-shrink:0}.level-area-spoil>.levels-grid{margin-top:24px}
@media(max-width:1100px){.level-bays{grid-template-columns:repeat(2,minmax(0,1fr))}.level-area-wtp .level-card{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr)}.level-area-wtp .level-card>header{grid-column:1/-1}}
@media(max-width:600px){.level-area{padding:14px;margin:18px 0;border-radius:14px}.level-area>header{align-items:start;flex-wrap:wrap;gap:8px}.level-area>header h3{font-size:23px}.level-area-wtp .level-card{display:block}.level-bays{gap:8px}.level-bays .level-card,.level-bay-empty{padding:10px}.level-bays .level-actions button{font-size:12px;padding:8px;min-width:0}.level-bays .level-flags{gap:4px}.level-bays .level-card>header{display:block}.level-area-nav button{flex:1;padding:8px 12px}.level-area .level-card h3{overflow-wrap:anywhere}.level-bays .level-reading p{font-size:11px}.level-bay-empty button{width:100%;font-size:12px;padding:8px}}
.level-reading-evidence{font-size:12px;color:var(--yt-muted)}.measured-levels .level-reading-evidence summary{font-size:12px;min-height:44px;padding:10px 0}.level-reading-evidence p{margin:6px 0}.level-area-wtp .level-card{grid-template-columns:minmax(160px,1.1fr) minmax(180px,1.4fr) minmax(130px,.7fr);align-items:start}.level-area-wtp .level-card>.level-actions{grid-column:3;grid-row:1/3;display:grid;align-self:center}.level-area-wtp .level-card>.level-missing{grid-column:2}.level-area .level-kind-silo,.level-area .level-kind-poly_tank{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:16px}.level-kind-silo>header,.level-kind-poly_tank>header,.level-kind-silo>.level-actions,.level-kind-poly_tank>.level-actions{grid-column:1/-1}.level-kind-silo>.level-visual,.level-kind-poly_tank>.level-visual{grid-column:1;grid-row:2/4}.level-kind-silo>.level-reading,.level-kind-poly_tank>.level-reading{grid-column:2}.level-bays .level-card{align-content:start}.level-bays .level-visual-caption{font-size:10px}.level-area-grout>.levels-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
@media(max-width:800px){.level-area-wtp .level-card{grid-template-columns:minmax(120px,1fr) minmax(130px,1fr)}.level-area-wtp .level-card>header{grid-column:1}.level-area-wtp .level-card>.level-actions{grid-column:1/-1;grid-row:auto;display:flex}.level-area-wtp .level-card>.level-missing{grid-column:2}}
@media(max-width:600px){.level-area-wtp .level-card{display:block}.level-area .level-kind-silo,.level-area .level-kind-poly_tank{column-gap:12px;grid-template-columns:96px minmax(0,1fr)}.level-vessel{width:92px}.level-visual.silo .level-vessel{width:80px;height:145px}.level-bays .level-card>header small{font-size:10px;line-height:1.4}.level-bays .level-visual{margin-bottom:8px}.level-bays .level-reading{margin:8px 0}.level-bays .level-visual-caption{display:none}}
@media(max-width:600px){.level-visual:not(.unknown) .level-vessel>span{font-size:18px;white-space:nowrap;padding:4px}.level-visual.silo:not(.unknown) .level-vessel>span{font-size:16px}}

/* Review revision: compact WTP grid and consistent typography. */
.level-area{container-type:inline-size}.level-area .level-card{padding:16px;display:flex;flex-direction:column;gap:0}.level-area .level-card>header{min-width:0;gap:8px}.level-card>header>div{min-width:0}.level-card h3{font-size:17px;line-height:1.35;letter-spacing:-.15px;margin:6px 0 14px}.level-card small{font-size:11px;line-height:1.5}.level-card>header>span{font-size:11px;white-space:nowrap}.level-area .level-reading>strong{font-variant-numeric:tabular-nums;font-size:27px;line-height:1.25;letter-spacing:-.5px}.level-area .level-reading-label{font-size:11px;line-height:1.5}.level-area .level-actions{margin-top:auto;padding-top:12px;gap:6px}.level-area .level-actions button{font-size:12px;line-height:1.35;min-width:0;min-height:44px;white-space:normal;padding:9px 10px}.level-area-wtp>.levels-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.level-area-wtp .level-card{display:flex;min-height:275px}.level-area-wtp .level-card>.level-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:auto;grid-column:auto;grid-row:auto;align-self:auto}.level-area-wtp .level-card>header{display:flex}.level-area-wtp .level-reading{margin:8px 0}.level-area-wtp .level-card>.level-missing{grid-column:auto;margin:8px 0 16px;line-height:1.5}.level-area-wtp .level-review-state{font-size:10px}.level-area .level-kind-silo,.level-area .level-kind-poly_tank{display:grid;grid-template-columns:100px minmax(0,1fr);gap:0 16px}.level-area .level-kind-silo>.level-actions,.level-area .level-kind-poly_tank>.level-actions{margin-top:0}.level-bays .level-card h3{font-size:15px;margin-bottom:10px}.level-bays .level-card{padding:14px}.level-bays .level-reading>strong{font-size:25px}.level-area-spoil>.levels-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.level-area-empty{font-size:13px;color:var(--yt-muted)}
@container(max-width:1000px){.level-area-wtp>.levels-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container(max-width:780px){.level-area-wtp>.levels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:570px){.level-area-wtp>.levels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:350px){.level-area-wtp>.levels-grid{grid-template-columns:1fr}}
.level-update>header{display:flex;justify-content:space-between;align-items:start;gap:20px}.level-update>header h3{font-size:24px;margin:0 0 12px}.level-update>header p{max-width:75ch;color:var(--yt-muted);font-size:13px;line-height:1.6}.level-update>header>button{flex-shrink:0}.level-update-group>h4{font-size:19px;color:#a6dff4;margin:26px 0 12px}.measured-levels [data-level-update-row]{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(260px,1.8fr);gap:24px;padding:20px;margin-bottom:12px;border:1px solid var(--yt-border);border-radius:14px;background:var(--yt-surface);min-width:0;overflow-wrap:anywhere}.level-update-identity h5{font-size:17px;line-height:1.4;margin:0 0 7px}.level-update-identity small{font-size:12px;color:var(--yt-muted);line-height:1.5}.level-update-current{display:flex;flex-direction:column;align-items:start;gap:8px}.level-update-current>span:first-child{font-size:11px;color:var(--yt-muted)}.level-update-current>strong{font-size:24px;color:#a6dff4;font-variant-numeric:tabular-nums;line-height:1.3}.level-update-current p{font-size:12px;line-height:1.5;margin:0;color:var(--yt-muted)}.level-update-current .level-review-state{font-size:11px}.level-update-entry label{font-size:12px;margin:0 0 12px}.level-update-entry .level-check{line-height:1.5}.level-update-entry .level-actions{margin:0}.level-update-entry .level-actions button{font-size:12px}.level-update-entry .error:empty{display:none}
@media(max-width:850px){.measured-levels [data-level-update-row]{grid-template-columns:1fr 1fr;gap:16px}.level-update-entry{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.level-update-entry .level-check,.level-update-entry .level-actions,.level-update-entry .error{grid-column:1/-1}}
@media(max-width:500px){.level-area .level-card{padding:14px}.level-update>header{flex-wrap:wrap}.measured-levels [data-level-update-row]{padding:15px;gap:14px;grid-template-columns:1fr}.level-update-entry{display:block}.level-update-current{padding-bottom:14px;border-bottom:1px solid var(--yt-border)}.level-area-wtp .level-card{min-height:0}.level-area-wtp .level-card>.level-actions{grid-template-columns:1fr 1fr}.level-update>header h3{font-size:22px}}

/* Shared order and explicit shift updates. Fixed bays never reorder. */
.level-order ol{list-style:none;padding:0;display:grid;gap:12px;max-width:780px}.level-order li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--yt-border);border-radius:12px;background:var(--yt-surface);overflow-wrap:anywhere}.level-order li>strong{min-width:0}.level-order .level-actions{flex-shrink:0}.level-shift-fields,.tripper-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:780px}.tripper-selectors{border:1px solid var(--yt-border);border-radius:12px;padding:16px;margin:20px 0}.tripper-selectors legend{padding:0 8px}.tripper-summary{font-size:13px;line-height:1.5;color:var(--yt-muted);margin:8px 0 14px}.tripper-marker{height:58px;display:flex;align-items:center;justify-content:center;gap:6px;color:#95e1cc;font-size:11px;text-align:center}.tripper-marker svg{width:64px;height:32px;flex-shrink:0;fill:currentColor}.tripper-space{height:58px}.level-bay-slot{min-width:0;display:flex;flex-direction:column}.level-bay-slot>.level-card,.level-bay-slot>.level-bay-empty{flex:1}.level-update [data-level-update-row]{grid-template-columns:minmax(140px,1.4fr) minmax(100px,1fr) minmax(140px,1fr);align-items:center;padding:14px 16px;gap:16px}.level-update-identity h4{margin:0 0 6px;font-size:15px}.level-update-entry label{margin:0}.level-update-current>strong{font-size:21px}.level-update .level-actions>button[type=submit]{min-height:52px}.bay-current-grid .level-card .level-reading{display:none}.bay-current-grid .level-card>header>div>small{display:none}.bay-current-grid .level-visual-caption{display:none}.bay-current-grid .level-card h3{margin-bottom:0}.bay-current-grid .level-card{padding:12px}.bay-current-grid .level-bays{grid-template-columns:repeat(4,minmax(0,1fr))}.bay-current-grid .level-visual{margin:8px 0}.bay-current-grid .level-bay-row>h4{margin:14px 0 4px}.bay-current-grid .level-bay-row{margin:16px 0}.bay-current-grid .level-vessel{height:65px}
@media(max-width:600px){.level-update [data-level-update-row]{grid-template-columns:minmax(0,1fr) minmax(100px,1fr);gap:12px;padding:12px}.level-update [data-level-update-row] .level-update-identity{grid-column:1/-1}.level-update [data-level-update-row] .level-update-entry{grid-column:auto;display:block}.level-update [data-level-update-row] .level-update-current{border:0;padding:0}.level-order li{align-items:start;flex-direction:column;gap:4px}.level-order .level-actions{width:100%}.level-shift-fields{gap:12px}.tripper-selectors{grid-template-columns:1fr}.tripper-marker{height:60px;flex-direction:column;gap:0;font-size:10px}.tripper-space{height:60px}.tripper-marker svg{width:48px;height:26px}.bay-current-grid .level-bays{gap:6px}.bay-current-grid .level-card{padding:6px}.bay-current-grid .level-card h3{font-size:11px}.bay-current-grid .level-card>header>span{display:none}.bay-current-grid .level-vessel>span{font-size:14px!important}.bay-current-grid .level-visual.unknown .level-vessel>span{font-size:10px!important}}
.level-worker-update .level-update-current .level-flags{display:none}.level-worker-update [data-level-update-row]{padding:10px 14px;margin-bottom:8px}.level-worker-update .level-update-identity h4{font-size:14px;margin:0}.level-worker-update .level-update-current{gap:3px}.level-worker-update .level-update-current>strong{font-size:18px}.level-worker-update .level-update-entry label{font-size:11px}.bay-current-grid .level-card>small{font-size:10px;color:var(--yt-muted);line-height:1.3}.bay-current-grid .level-card h3{font-size:13px;margin:0}.level-worker-update>header h3{font-size:20px;margin-bottom:8px}
@media(max-width:600px){.level-worker-update [data-level-update-row]{grid-template-columns:minmax(70px,.9fr) minmax(65px,.8fr) minmax(90px,1fr);gap:8px}.level-worker-update [data-level-update-row] .level-update-identity{grid-column:auto}.level-worker-update .level-update-identity h4{font-size:12px}.level-worker-update [data-level-update-row] .level-update-entry input{min-height:44px;padding:8px}.level-worker-update .level-update-current>span:first-child{font-size:10px}.level-worker-update .level-update-current>strong{font-size:16px}}
.no-tripper-position .tripper-space{height:8px}
.level-update [data-level-update-row] .level-update-entry{grid-column:auto;display:block;min-width:0}
.level-bays{grid-template-columns:repeat(4,minmax(0,1fr))}.level-bay-compact>small{font-size:11px;color:var(--yt-muted);line-height:1.4}.level-bay-compact h3{margin:0}.level-bay-compact .level-visual{margin:10px 0}.level-bay-compact .level-actions{padding-top:8px}.level-bay-compact .level-visual-caption{display:none}
@media(max-width:600px){.level-bays .level-bay-compact{padding:7px}.level-bay-compact>small{font-size:10px}.level-bays .level-bay-compact h3{font-size:12px}.level-bay-compact .level-vessel>span{font-size:14px!important}.level-bay-compact .level-visual.unknown .level-vessel>span{font-size:10px!important}.level-bays .level-bay-compact .level-actions button{font-size:11px;padding:4px;min-height:44px}}

/* Keep empty physical bays legible in the fixed four-column phone grid. */
.level-bay-empty>p,.level-bay-empty>small{overflow-wrap:normal;word-break:normal;line-height:1.4}.level-bay-empty>p{font-size:12px;margin:8px 0 4px}.level-bay-empty>small{display:block;font-size:11px}
@media(max-width:600px){.level-bay-slot>.level-bay-empty{padding:7px}.level-bay-empty h4{font-size:12px;margin:0 0 8px}}