/* TERMO8G PRO WiFi — lokalne WWW DEMO. Układ odwzorowuje produkcyjny www/style.css 1.1.x. */
body.termo8gpro-local-source-mode #demoClientPreview,
body.termo8gpro-local-source-mode .demo-plan-banner{display:none!important}
.termo8gpro-local-source-demo{margin:18px 0}
.termo8gpro-local-source-head{background:#102f23;border:1px solid #31845b;border-radius:14px;padding:12px 14px;color:#d8f8e8;margin-bottom:10px;line-height:1.45}
.termo8gpro-local-source-head code{color:#ffd54d}
.termo8gpro-local-source-surface{border-radius:16px;overflow:hidden;border:1px solid #34414b;background:#0d1217;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.termo8g-local-ui{font-family:Arial,Helvetica,sans-serif;background:#0d1217;color:#eef3f7;margin:0;padding:12px;max-width:1100px;margin-inline:auto}
.termo8g-local-ui *{box-sizing:border-box}
.termo8g-local-ui header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #34414b;padding-bottom:8px}
.termo8g-local-ui h1{font-size:1.45rem;margin:.2rem 0}.termo8g-local-ui h2{font-size:1.25rem;margin:1rem 0 .4rem}.termo8g-local-ui h3{margin:.2rem 0 .7rem}.termo8g-local-ui h4{margin:.5rem 0}
.termo8g-local-ui .right{text-align:right;color:#c5d0d8}.termo8g-local-ui .notice{background:#4a3c05;border:1px solid #9b7b00;border-radius:10px;padding:10px;margin:10px 0}
.termo8g-local-ui .demo-notice-local{background:#102f23;border-color:#31845b;color:#a9efc9}
.termo8g-local-ui .card{background:#1a232b;border:1px solid #33424d;border-radius:12px;padding:12px;margin:9px 0}.termo8g-local-ui .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.termo8g-local-ui .probe{background:#202b33;border-left:5px solid #3aa66b;border-radius:10px;padding:12px}.termo8g-local-ui .probe.lo{border-left-color:#25b8d8}.termo8g-local-ui .probe.hi{border-left-color:#e04b4b}.termo8g-local-ui .probe.bad{border-left-color:#7a858d}
.termo8g-local-ui .temp{font-size:clamp(2rem,6vw,3.4rem);font-weight:700;color:#ffd54d;margin:5px 0}.termo8g-local-ui .badge{display:inline-block;background:#303e49;border-radius:7px;padding:3px 7px}
.termo8g-local-ui .row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.termo8g-local-ui .state{background:#11181e;border-radius:8px;padding:9px;margin:8px 0;white-space:pre-wrap}
.termo8g-local-ui button,.termo8g-local-ui input,.termo8g-local-ui select{font:inherit;padding:10px;border:1px solid #66737d;border-radius:8px;margin:3px;background:#f5f7f8;color:#111}.termo8g-local-ui button{cursor:pointer;background:#e9eef2}.termo8g-local-ui button.danger{border-color:#a84040;background:#4a1717;color:#ffd0d0}.termo8g-local-ui input[type=number]{width:105px}
.termo8g-local-ui .probe-form{border-top:1px solid #3a4750;padding:10px 0}.termo8g-local-ui .probe-form .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px}.termo8g-local-ui .probe-form label{display:flex;gap:6px;align-items:center;justify-content:space-between}
.termo8g-local-ui .alarm-box{background:#11181e;border-radius:9px;padding:8px;margin-top:7px}.termo8g-local-ui .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:10px}.termo8g-local-ui .contact-item{background:#11181e;border:1px solid #33424d;border-radius:9px;padding:10px}.termo8g-local-ui .contact-label{font-size:.78rem;color:#9faeb8;text-transform:uppercase}.termo8g-local-ui .contact-value{font-size:1.08rem;overflow-wrap:anywhere}.termo8g-local-ui .contact-company{font-size:1.35rem;font-weight:700;margin-top:8px}
.termo8g-local-ui a{color:#7dd3fc}.termo8g-local-ui canvas{display:block;width:100%;height:260px;background:#f7f8f9;border-radius:8px}.termo8g-local-ui pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.termo8g-local-ui small{color:#aeb8bf}
.termo8g-local-ui .probe-settings-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.termo8g-local-ui .edit-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.termo8g-local-ui .edit-state{display:inline-block;border-radius:8px;padding:7px 10px;font-weight:700;border:1px solid #31845b;background:#102f23;color:#a9efc9}.termo8g-local-ui .probe-form.dirty{border-left:3px solid #c79618;padding-left:9px}
.termo8g-local-ui #termoDemoReport{max-height:360px;overflow:auto;background:#11181e;border-radius:8px;padding:10px;line-height:1.35}
.termo8g-local-ui .sim-ok{color:#a9efc9}.termo8g-local-ui .sim-warn{color:#ffe08a}.termo8g-local-ui .sim-bad{color:#ffb3b3}
.termo8g-local-source-demo.is-mobile .termo8g-local-ui{max-width:430px;padding:8px}.termo8g-local-source-demo.is-mobile .termo8g-local-ui header{align-items:flex-start}.termo8g-local-source-demo.is-mobile .termo8g-local-ui .temp{font-size:2rem}.termo8g-local-source-demo.is-mobile .termo8g-local-ui button,.termo8g-local-source-demo.is-mobile .termo8g-local-ui input,.termo8g-local-source-demo.is-mobile .termo8g-local-ui select{width:100%;margin:3px 0}.termo8g-local-source-demo.is-mobile .termo8g-local-ui .row button{width:auto}.termo8g-local-source-demo.is-mobile .termo8g-local-ui .probe-form label{align-items:flex-start;flex-direction:column}.termo8g-local-source-demo.is-mobile .termo8g-local-ui .probe-form input[type=number]{width:100%}
@media(max-width:520px){.termo8g-local-ui{padding:8px}.termo8g-local-ui header{align-items:flex-start}.termo8g-local-ui .temp{font-size:2rem}.termo8g-local-ui button,.termo8g-local-ui input,.termo8g-local-ui select{width:100%;margin:3px 0}.termo8g-local-ui .row button{width:auto}.termo8g-local-ui .probe-form label{align-items:flex-start;flex-direction:column}.termo8g-local-ui .probe-form input[type=number]{width:100%}}