/* Golden Master Slice 5 — Water Quality presentation only.
   Data, create/edit actions and water calculations remain owned by stable-pond-ui.js. */
.water-workspace{--water-surface:#fff;--water-soft:#f7faf8;--water-ink:#17382e;--water-muted:#667b73;--water-line:#dfe9e4;--water-green:#0d6945;--water-orange:#ea580c;display:grid;gap:18px;color:var(--water-ink)}
.water-workspace .pond-module-header{padding:20px 22px;border:1px solid rgba(13,105,69,.14);border-radius:20px;background:linear-gradient(120deg,rgba(255,255,255,.97),rgba(244,252,247,.94));box-shadow:0 10px 28px rgba(23,54,42,.06)}
.water-workspace .pond-module-kicker{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#e9f8ef;color:var(--water-green);font-weight:800;font-size:11px;letter-spacing:.02em}
.water-workspace .pond-module-title{margin:7px 0 3px;font-size:24px;line-height:1.2;color:var(--water-ink)}
.water-workspace .pond-module-desc{max-width:760px;color:var(--water-muted)}
.water-workspace .pond-module-primary-btn{min-height:44px;padding:0 18px;border-radius:12px;background:var(--water-orange)!important;box-shadow:0 3px 0 #c2410c,0 8px 18px rgba(234,88,12,.18)!important;font-weight:800}
.water-workspace .pond-kpi-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.water-workspace .pond-kpi-card{min-height:118px!important;padding:16px!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:18px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 6px 20px rgba(15,23,42,.045)!important}
.water-workspace .pond-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.water-workspace .pond-kpi-title{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.02em}.water-workspace .pond-kpi-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f1f8f4}.water-workspace .pond-kpi-val{margin-top:12px;font-size:25px;line-height:1.08;font-weight:900;color:#163b30;font-variant-numeric:tabular-nums}.water-workspace .pond-kpi-sub{margin-top:6px;font-size:11px;color:#70847c}
.water-workspace .pond-operations-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;align-items:start}.water-workspace .pond-operations-main,.water-workspace .pond-operations-secondary{min-width:0}.water-workspace .pond-operations-secondary{display:grid;gap:14px}.water-workspace .pond-op-card{overflow:hidden;border:1px solid rgba(148,163,184,.25);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.045)}.water-workspace .pond-op-head{padding:16px 18px;border-bottom:1px solid #edf2ef;background:rgba(255,255,255,.72)}.water-workspace .pond-op-title{font-size:15px;color:var(--water-ink)}.water-workspace .pond-op-kicker{font-size:11px;color:#73857f}
.water-workspace .water-row-hint{display:block;margin-top:3px;font-size:10px;color:#83938c}.water-workspace .pond-op-table-wrap{max-width:100%;overflow-x:auto}.water-workspace .pond-clean-table{width:100%;min-width:740px;border-collapse:collapse;table-layout:auto;font-size:11px}.water-workspace .pond-clean-table th{padding:11px 8px;background:var(--water-soft);color:#61736c;font-size:10px;font-weight:800;text-align:center;white-space:nowrap}.water-workspace .pond-clean-table th:first-child,.water-workspace .pond-clean-table td:first-child{text-align:left;white-space:nowrap;min-width:84px}.water-workspace .pond-clean-table th:nth-child(2),.water-workspace .pond-clean-table td:nth-child(2){text-align:left;min-width:92px}.water-workspace .pond-clean-table td{padding:12px 8px;border-top:1px solid #eef2f0;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.water-workspace .pond-clean-table tbody tr{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.water-workspace .pond-clean-table tbody tr:hover,.water-workspace .pond-clean-table tbody tr:focus{background:#f4fbf7;outline:none;box-shadow:inset 3px 0 0 var(--water-green)}
.water-workspace .two-col{gap:10px}.water-workspace .food-summary{margin:14px 0 0;padding:13px;border-radius:14px;border:1px solid #e1ebe6;background:#f8fbf9}.water-workspace .food-summary:first-child{border-color:#f0d6a0;background:linear-gradient(135deg,#fff8e8,#fffaf3)}.water-workspace .food-summary strong{display:block;margin:3px 0;font-size:19px;font-variant-numeric:tabular-nums}.water-workspace .water-mineral-target{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px;border-color:#dce9e2!important;background:#f8fbf9!important}.water-workspace .water-mineral-target strong{margin:0;white-space:nowrap}.water-workspace .water-mineral-target .muted:last-child{grid-column:1/-1}.water-workspace .reference{margin:12px 0 0!important;padding:11px 12px;border:1px solid #dce9e2;border-radius:12px;background:#f5faf7;color:#5d746b;font-size:11px;line-height:1.55}.water-workspace .water-trend{padding:14px}.water-workspace .water-trend-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:11px;color:#647a71}.water-workspace .water-trend svg{display:block;width:100%;height:auto}.water-workspace .pond-clean-empty{min-height:180px;display:grid;place-content:center;text-align:center;padding:24px;background:linear-gradient(180deg,#fff,#fbfdfc)}
.water-quality-modal .modal-card{border-radius:18px!important;border:1px solid rgba(13,105,69,.18)!important;box-shadow:0 20px 60px rgba(15,23,42,.16)!important}.water-quality-modal .primary,.modal .water-entry-sections~.pond-form-submit{min-height:44px}.water-entry-sections .pond-form-section{border-radius:14px}.water-entry-minerals summary{cursor:pointer}
@media(max-width:900px){.water-workspace{gap:7px}.water-workspace .pond-module-header{padding:10px 11px;border-radius:14px;display:grid;gap:6px}.water-workspace .pond-module-kicker{padding:3px 8px;font-size:10px}.water-workspace .pond-module-title{margin:4px 0 1px;font-size:18px}.water-workspace .pond-module-desc{font-size:10px;line-height:1.3}.water-workspace .pond-module-primary-btn{width:100%;min-height:40px}.water-workspace .pond-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.water-workspace .pond-kpi-card{min-height:76px!important;padding:8px!important;border-radius:12px!important}.water-workspace .pond-kpi-title{font-size:9.5px}.water-workspace .pond-kpi-icon{width:22px;height:22px;border-radius:7px}.water-workspace .pond-kpi-val{font-size:16px;margin-top:5px}.water-workspace .pond-kpi-sub{font-size:9px;margin-top:2px}.water-workspace .pond-operations-layout{display:flex;flex-direction:column;gap:8px}.water-workspace .pond-operations-secondary{order:0;width:100%;gap:8px}.water-workspace .pond-operations-main{order:1;width:100%}.water-workspace .pond-op-card{border-radius:12px}.water-workspace .pond-op-head{padding:9px 10px}.water-workspace .pond-op-title{font-size:14px;margin:0}.water-workspace .pond-op-kicker{font-size:10px}.water-workspace .water-row-hint{display:none}.water-workspace .two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.water-workspace .food-summary{margin:7px 0 0;padding:8px}.water-workspace .food-summary strong{font-size:16px;margin:2px 0}.water-workspace .water-mineral-target{margin:7px 8px 0;padding:7px 9px;grid-template-columns:auto minmax(0,1fr);gap:1px 8px;border-radius:10px}.water-workspace .water-mineral-target strong{font-size:14px;line-height:1.25;text-align:right}.water-workspace .water-mineral-target .muted{font-size:9.5px;line-height:1.3}.water-workspace .reference{margin:6px 8px 8px!important;padding:7px 9px;font-size:9.5px;line-height:1.35}.water-workspace .water-trend{padding:8px}.water-quality-modal .modal-card{width:calc(100vw - 24px)!important;max-width:440px!important;margin:12px!important;max-height:calc(100vh - 24px)!important;overflow:auto}}
@media(max-width:600px){.water-workspace .pond-kpi-row .pond-kpi-card:last-child{grid-column:auto!important}.water-workspace .pond-op-table-wrap{overflow:visible}.water-workspace .pond-clean-table{display:block;min-width:0}.water-workspace .pond-clean-table thead{display:none}.water-workspace .pond-clean-table tbody{display:grid;gap:5px;padding:6px}.water-workspace .pond-clean-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px;padding:8px;border:1px solid #e2ebe6;border-radius:10px;background:#fbfdfc}.water-workspace .pond-clean-table td{display:block;padding:0!important;border:0!important;text-align:left!important;white-space:normal;font-size:10px;color:#657b72}.water-workspace .pond-clean-table td:first-child{grid-column:1/3;min-width:0;white-space:nowrap;font-size:11px;font-weight:800;color:#17382e}.water-workspace .pond-clean-table td:nth-child(2){grid-column:3;min-width:0;text-align:right!important;font-size:9px}.water-workspace .pond-clean-table td:nth-child(3)::before{content:'pH เช้า '}.water-workspace .pond-clean-table td:nth-child(4)::before{content:'pH บ่าย '}.water-workspace .pond-clean-table td:nth-child(5)::before{content:'DO 21:00 '}.water-workspace .pond-clean-table td:nth-child(6)::before{content:'DO 03:00 '}.water-workspace .pond-clean-table td:nth-child(7)::before{content:'Ca '}.water-workspace .pond-clean-table td:nth-child(8)::before{content:'Mg '}.water-workspace .pond-clean-table td:nth-child(9)::before{content:'NH₃ '}.water-workspace .pond-clean-table td:nth-child(10)::before{content:'NO₂ '}.water-workspace .pond-clean-table td:nth-child(n+3):nth-child(-n+10){font-variant-numeric:tabular-nums}.water-workspace .pond-clean-table td:nth-child(n+3):nth-child(-n+10)::before{font-weight:700;color:#83938c}.water-workspace .water-history-row{touch-action:manipulation}.water-workspace .water-trend-head{align-items:flex-start;flex-direction:column}.water-entry-sections .pond-form-grid:not(.water-oxygen-grid):not(.water-minerals-grid){grid-template-columns:1fr!important}.water-entry-sections .water-oxygen-grid,.water-entry-sections .water-minerals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.water-entry-sections .water-oxygen-grid .field,.water-entry-sections .water-minerals-grid .field{min-width:0}}
@media(max-width:280px){.water-entry-sections .water-oxygen-grid,.water-entry-sections .water-minerals-grid{grid-template-columns:1fr!important}}
:root[data-theme="dark"] .water-workspace{--water-surface:#132e2c;--water-soft:#193a35;--water-ink:#f1f5f9;--water-muted:#b8ccc6;--water-line:#35544b;--water-green:#8ad9b0}
:root[data-theme="dark"] .water-workspace .pond-module-header,:root[data-theme="dark"] .water-workspace .pond-kpi-card,:root[data-theme="dark"] .water-workspace .pond-op-card{background:#132e2c;border-color:#35544b}
:root[data-theme="dark"] .water-workspace .pond-kpi-val,:root[data-theme="dark"] .water-workspace .pond-op-title,:root[data-theme="dark"] .water-workspace .pond-module-title{color:#f1f5f9}:root[data-theme="dark"] .water-workspace .pond-op-head,:root[data-theme="dark"] .water-workspace .pond-clean-table th,:root[data-theme="dark"] .water-workspace .food-summary,:root[data-theme="dark"] .water-workspace .reference{background:#193a35;border-color:#35544b;color:#b8ccc6}:root[data-theme="dark"] .water-workspace .pond-clean-table td{border-color:#35544b}:root[data-theme="dark"] .water-workspace .pond-clean-table tbody tr:hover{background:#193a35}