/* <inline asset> */
@charset "UTF-8"; 

/* /obd_dotec_calc/static/src/scss/dotec_monitor.scss */
 .dotec-monitor{--card:#fff; --muted:#556987; --b:#e6eef8; --primary:#00bcd4; --teal:#14b8a6; color: #0b1220; position: relative; isolation: isolate; padding: clamp(16px, 4vw, 36px); --lg-shadow-offset: 0; --lg-shadow-blur: 20px; --lg-shadow-spread: -5px; --lg-shadow-color: rgba(255,255,255,.7); --lg-tint-color: 255,255,255; --lg-tint-opacity: .40; --lg-frost-blur: 1px;}.dotec-monitor::before{content: none;}.dotec-monitor .waterbg{position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;}.dotec-monitor .waterbg .blob{position: absolute; width: 780px; height: 780px; border-radius: 50%; filter: blur(70px); opacity: .585; mix-blend-mode: screen;}.dotec-monitor .waterbg .b1{background: radial-gradient(circle at 30% 30%, rgba(0, 188, 212, 0.585), transparent 64%); top: -12%; left: -10%; animation: monBlobA 30s ease-in-out infinite;}.dotec-monitor .waterbg .b2{background: radial-gradient(circle at 30% 30%, rgba(20, 184, 166, 0.54), transparent 64%); bottom: -16%; right: -12%; animation: monBlobB 36s ease-in-out infinite 1.5s;}.dotec-monitor .waterbg .b3{background: radial-gradient(circle at 30% 30%, rgba(125, 211, 252, 0.495), transparent 64%); top: 20%; right: 25%; animation: monBlobC 42s ease-in-out infinite .7s;}@keyframes monBlobA{0%{transform: translate(0, 0) scale(1);}50%{transform: translate(32vw, 12vh) scale(1.2);}100%{transform: translate(64vw, -6vh) scale(1);}}@keyframes monBlobB{0%{transform: translate(0, 0) scale(1.05);}50%{transform: translate(-28vw, -14vh) scale(0.92);}100%{transform: translate(-56vw, 8vh) scale(1.05);}}@keyframes monBlobC{0%{transform: translate(0, 0) scale(0.9);}50%{transform: translate(10vw, 28vh) scale(1.15);}100%{transform: translate(-6vw, 38vh) scale(0.95);}}@media (max-width: 1600px){.dotec-monitor .waterbg .blob{width: 48vw; height: 48vw; opacity: .585;}}@media (max-width: 980px){.dotec-monitor .waterbg .blob{width: 80vw; height: 80vw; opacity: .585;}}.dotec-monitor > *{position: relative; z-index: 1;}.dotec-monitor .dotec-font{font-family: 'DOTEC', Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; letter-spacing: .02em;}.dotec-monitor .muted{color: var(--muted);}.dotec-monitor .mon__head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 12px 0 8px;}.dotec-monitor .mon__head h1{margin: 0; font-size: clamp(20px, 3.6vw, 28px);}.dotec-monitor .mon__head h1 small{font-size: .6em; color: var(--muted); font-weight: 600;}.dotec-monitor .mon__actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px;}.dotec-monitor .btn{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; font-weight: 700; border: 1px solid var(--b);}.dotec-monitor .btn--primary{background: linear-gradient(90deg, var(--primary), var(--teal)); color: #fff; border: none; box-shadow: 0 8px 20px rgba(0, 188, 212, 0.18);}.dotec-monitor .btn--ghost{background: #fff; color: #0b1220;}.dotec-monitor .mon__grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; grid-auto-flow: row dense;}.dotec-monitor .mon__select{padding: 8px 10px; border-radius: 8px; border: 1px solid var(--b); background: #fff; color: #0b1220; font-weight: 700;}.dotec-monitor .card{position: relative; background: transparent; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 16px; padding: 16px; box-shadow: 0 18px 44px rgba(14, 30, 52, 0.18); min-width: 0; isolation: isolate;}.dotec-monitor .card::before{content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset var(--lg-shadow-offset) var(--lg-shadow-offset) var(--lg-shadow-blur) var(--lg-shadow-spread) var(--lg-shadow-color); background-color: rgba(var(--lg-tint-color), var(--lg-tint-opacity)); z-index: -1;}.dotec-monitor .card::after{content: ""; position: absolute; inset: 0; border-radius: inherit; backdrop-filter: blur(var(--lg-frost-blur)); -webkit-backdrop-filter: blur(var(--lg-frost-blur)); z-index: -2;}.dotec-monitor > article.card{margin-bottom: 24px;}.dotec-monitor .card h2{margin: .2em 0 .4em; font-size: 18px;}.dotec-monitor .legend{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px;}.dotec-monitor .legend .dot{width: 12px; height: 12px; border-radius: 999px; background: linear-gradient(90deg, var(--primary), var(--teal));}.dotec-monitor canvas{width: 100%; display: block;}.dotec-monitor .levels{display: grid; gap: 10px;}.dotec-monitor .level__head{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-weight: 700;}.dotec-monitor .level__bar{height: 10px; border: 1px solid var(--b); border-radius: 999px; background: #f7fbff; overflow: hidden;}.dotec-monitor .level__fill{height: 100%; width: 0%;}.dotec-monitor .level__fill.is-chc{background: linear-gradient(90deg, #60a5fa, #3b82f6);}.dotec-monitor .level__fill.is-proc{background: linear-gradient(90deg, #34d399, #10b981);}.dotec-monitor .statusgrid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}.dotec-monitor .coregrid--device{margin-top: 12px;}.dotec-monitor .statusgrid small{font-size: 14px;}.dotec-monitor .statusgrid .okdot{font-size: 16px; font-weight: 800;}.dotec-monitor .statusgrid .subcard{background: #fff; border: 1px solid var(--b); border-radius: 12px; padding: 10px 12px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 56px;}@media (max-width: 700px){.dotec-monitor .statusgrid .subcard{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start;}}.dotec-monitor .statusgrid .big{font-size: 22px; font-weight: 800;}.dotec-monitor .statusgrid .ok{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: #ecfdf5; color: #065f46; font-weight: 700; border: 1px solid #d1fae5;}.dotec-monitor .log{list-style: none; margin: 0; padding: 0; max-height: 300px; overflow: auto; border-top: 1px dashed var(--b);}.dotec-monitor .log li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px dashed var(--b);}.dotec-monitor .log time{font-size: 12px; color: var(--muted);}.dotec-monitor .log .evt{font-weight: 700;}.dotec-monitor .span-2{grid-column: 1 / -1;}@media (max-width: 980px){.dotec-monitor .mon__grid{grid-template-columns: 1fr;}}@media (max-width: 1100px){.dotec-monitor .statusgrid{grid-template-columns: 1fr;}.dotec-monitor .pumps{grid-template-columns: 1fr;}.dotec-monitor .coregrid{grid-template-columns: 1fr;}}@media (max-width: 1400px){.dotec-monitor .pumps{grid-template-columns: 1fr;}}.dotec-monitor .pumps{display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 14px;}.dotec-monitor .pump{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--b); background: #fff; border-radius: 14px; padding: 14px 16px; min-height: 68px;}.dotec-monitor .pump__name{font-weight: 800;}.dotec-monitor .pump__status{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-weight: 700;}.dotec-monitor .pump__status .dot{width: 10px; height: 10px; border-radius: 999px; background: #e2e8f0; display: inline-block;}.dotec-monitor .pump__status.ok{color: #065f46;}.dotec-monitor .pump__status.ok .dot{background: #10b981; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); animation: okPulse 1.8s ease-in-out infinite;}.dotec-monitor .pump.is-empty{opacity: .6;}@keyframes okPulse{0%{transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);}50%{transform: scale(1.3); box-shadow: 0 0 0 5px rgba(16, 185, 129, 0.28);}100%{transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);}}.dotec-monitor .coregrid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}.dotec-monitor .coregrid small{display: block; color: var(--muted);}.dotec-monitor .okdot{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #065f46;}.dotec-monitor .okdot .dot{width: 10px; height: 10px; border-radius: 999px; background: #10b981; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); animation: okPulse 1.8s ease-in-out infinite;}.dotec-monitor .chip.ok .dot{animation: okPulse 1.8s ease-in-out infinite;}@media (prefers-reduced-motion: reduce){.dotec-monitor .okdot .dot, .dotec-monitor .pump__status.ok .dot, .dotec-monitor .chip.ok .dot{animation: none;}}.dotec-monitor .pump__statusGroup{display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px; align-items: center;}.dotec-monitor .pump__statusGroup{-webkit-flex-wrap: wrap; flex-wrap: wrap;}@media (max-width: 700px){.dotec-monitor .pump{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; gap: 8px;}}.dotec-monitor .chip{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--b); border-radius: 999px; background: #fff; color: #475569; font-weight: 700; font-size: 12px;}.dotec-monitor .chip .dot{width: 8px; height: 8px; border-radius: 999px; background: #cbd5e1;}.dotec-monitor .chip.ok{border-color: #d1fae5; background: #ecfdf5; color: #065f46;}.dotec-monitor .chip.ok .dot{background: #10b981;}