#belair-pool-root{display:none;position:fixed;inset:76px 0 0 248px;z-index:35;background:#f3f5f1;overflow:auto;padding:clamp(1rem,3vw,2.4rem);color:#203029;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}#belair-pool-root.active{display:block}.pool-loading{display:grid;place-items:center;min-height:60vh;color:#6f7b74}.pool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.pool-head h1{margin:0 0 .35rem;font-size:clamp(1.7rem,3vw,2.2rem)}.pool-head h2{margin:0 0 .25rem}.pool-head p,.pool-card>p{margin:0;color:#6f7b74}.pool-actions{display:flex;gap:.55rem;flex-wrap:wrap}.pool-btn{border:1px solid #dfe5df;border-radius:.7rem;padding:.65rem .9rem;background:white;color:#203029;font-weight:750;cursor:pointer}.pool-btn:hover{border-color:#aac4b7}.pool-btn.primary{background:#1d4d3f;color:white;border-color:#1d4d3f}.pool-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.pool-metric{background:#fff;border:1px solid #dfe5df;border-radius:.9rem;padding:.9rem}.pool-metric span{display:block;color:#6f7b74;font-size:.75rem}.pool-metric strong{font-size:1.4rem}.pool-metric .pool-latest{font-size:.92rem;line-height:1.35}.pool-card{background:#fff;border:1px solid #dfe5df;border-radius:1rem;padding:1rem;box-shadow:0 12px 35px rgba(31,53,43,.06);margin-bottom:1rem}.pool-retention-note{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;background:#eaf4ed;border:1px solid #c9dfd0;border-radius:.9rem;margin-bottom:1rem}.pool-retention-note strong{white-space:nowrap;color:#1d4d3f}.pool-retention-note span{font-size:.82rem;color:#4e665a}.pool-range-card{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.pool-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.pool-range-grid>div{display:flex;justify-content:space-between;gap:.6rem;border:1px solid #dfe5df;border-radius:.7rem;padding:.6rem .7rem;background:#f8faf7;font-size:.78rem}.pool-range-grid span{color:#1d4d3f;font-weight:800}.pool-filter-card{display:flex;align-items:end;justify-content:space-between;gap:1rem}.pool-filters{display:flex;align-items:end;gap:.55rem;flex-wrap:wrap}.pool-filters label{display:flex;flex-direction:column;gap:.3rem;font-size:.76rem;font-weight:700}.pool-filters input{border:1px solid #dfe5df;border-radius:.6rem;padding:.55rem;background:white}.pool-history{display:flex;flex-direction:column;gap:.7rem}.pool-history-head{display:flex;justify-content:space-between}.pool-record{border:1px solid #dfe5df;border-radius:.85rem;background:white;overflow:hidden}.pool-record.attention{border-color:#e6a4a4}.pool-record summary{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:.8rem;padding:.85rem;cursor:pointer;list-style:none}.pool-record summary::-webkit-details-marker{display:none}.pool-record summary small{display:block;color:#6f7b74;margin-top:.15rem}.pool-summary-readings{display:flex;gap:1rem;flex-wrap:wrap;font-size:.82rem}.pool-record-body{border-top:1px solid #e5eae7;padding:.9rem;background:#fbfcfa}.pool-values-expanded{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.pool-value-chip{display:flex;flex-direction:column;gap:.2rem;border:1px solid #dfe5df;border-radius:.7rem;padding:.6rem;background:white}.pool-value-chip small{color:#5f6f67}.pool-value-chip b{font-size:1rem}.pool-value-chip em{font-style:normal;font-size:.68rem;color:#789087}.pool-value-chip.bad{border-color:#d85656;background:#fff0f0;color:#a21d1d}.bad-text{color:#c22424}.pool-safety-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.7rem}.pool-safety-grid span{display:flex;justify-content:space-between;gap:.4rem;border-radius:.6rem;background:#eef3ef;padding:.55rem;font-size:.75rem}.pool-issues{margin-top:.7rem;border:1px solid #e4a2a2;background:#fdecec;color:#8b2020;border-radius:.7rem;padding:.7rem}.pool-issues ul{margin:.4rem 0 0;padding-left:1.2rem}.pool-actions-record{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.7rem}.pool-actions-record>div{background:#f3f6f3;border-radius:.7rem;padding:.7rem}.pool-actions-record small{color:#6f7b74}.pool-actions-record p{margin:.25rem 0 0;white-space:pre-wrap}.pool-pill{padding:.3rem .55rem;border-radius:999px;background:#e6efe9;color:#1d4d3f;font-size:.72rem;font-weight:800;white-space:nowrap}.pool-pill.alert{background:#fde2e2;color:#9b1c1c}.pool-alert{padding:.8rem;border-radius:.75rem;background:#eaf4ed;border:1px solid #c9dfd0;color:#24563f;margin-bottom:.8rem}.pool-alert.error{background:#fde2e2;border-color:#e4a2a2;color:#8b2020}.pool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.pool-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:750}.pool-form input,.pool-form select,.pool-form textarea{border:1px solid #dfe5df;border-radius:.65rem;padding:.65rem;background:white}.pool-form .full{grid-column:1/-1}.pool-parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.pool-range-input{position:relative;border:1px solid #dfe5df;border-radius:.75rem;padding:.65rem;background:#fbfcfa}.pool-range-input span{display:block}.pool-range-input span b{color:#1d4d3f}.pool-range-input input{width:100%;margin-top:.2rem}.pool-range-input .range-warning{display:none;color:#b21f1f;font-weight:800}.pool-range-input.out-of-range{border-color:#d93636;background:#fff0f0}.pool-range-input.out-of-range input{border-color:#d93636;color:#a31313;background:#fff7f7}.pool-range-input.out-of-range .range-warning{display:block}.pool-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.pool-check{display:flex!important;flex-direction:row!important;align-items:center;gap:.55rem!important;border:1px solid #dfe5df;border-radius:.7rem;padding:.7rem;background:#f8faf7}.pool-check input{width:18px;height:18px}.pool-save-actions{justify-content:flex-end}.pool-nav-link{cursor:pointer}.pool-mobile-button{display:none;position:fixed;right:1rem;bottom:82px;z-index:65;border:0;border-radius:999px;background:#1d4d3f;color:white;padding:.75rem 1rem;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.2)}#pool-print-report{display:none}
@media print{body>*:not(#pool-print-report){display:none!important}#pool-print-report{display:block!important;font-family:Arial,sans-serif;color:#111;padding:12mm}.print-title{margin-bottom:8mm}.print-title h1,.print-title h2{margin:0 0 2mm}#pool-print-report table{width:100%;border-collapse:collapse;font-size:8px}#pool-print-report th,#pool-print-report td{border:1px solid #777;padding:3px;vertical-align:top}#pool-print-report th{background:#e6eee8}.print-bad{background:#ffdada!important;color:#8c0000!important;font-weight:bold}}
@media(max-width:1100px){.pool-values-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.pool-safety-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#belair-pool-root{inset:66px 0 72px 0;padding:1rem}.pool-mobile-button{display:block}.pool-head,.pool-filter-card,.pool-range-card{flex-direction:column;display:flex;align-items:stretch}.pool-summary{grid-template-columns:repeat(2,1fr)}.pool-record summary{grid-template-columns:1fr}.pool-values-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pool-form,.pool-checks,.pool-parameter-grid,.pool-range-grid,.pool-values-expanded,.pool-safety-grid,.pool-actions-record{grid-template-columns:1fr}.pool-summary{grid-template-columns:1fr}.pool-actions .pool-btn{flex:1}.pool-form .full{grid-column:auto}.pool-retention-note{align-items:flex-start;flex-direction:column}.pool-record summary{padding:.7rem}.pool-filters{align-items:stretch;flex-direction:column}.pool-filters .pool-btn{width:100%}}
.pool-orp-note{grid-column:1/-1;margin:.75rem 0 0!important;padding:.65rem .75rem;border-radius:.7rem;background:#f3f6f3;color:#5f6f67!important;font-size:.78rem}.pool-field-note{color:#6f7b74;font-weight:500}.pool-service-check{background:#eef5f1;border-color:#c9ddd2!important}.pool-service-check input:checked+span{font-weight:800}
