/* Isolated Qilowatt simulator styles. No homepage dependency. */
.oog-qilowatt-demo * {box-sizing: border-box;}


.oog-qilowatt-demo button, .oog-qilowatt-demo input, .oog-qilowatt-demo select {font: inherit;}
.oog-qilowatt-demo button, .oog-qilowatt-demo a, .oog-qilowatt-demo input, .oog-qilowatt-demo select, .oog-qilowatt-demo summary {-webkit-tap-highlight-color: transparent;}
.oog-qilowatt-demo button {cursor: pointer;}
.oog-qilowatt-demo button:disabled {cursor: default; opacity: 0.5;}
.oog-qilowatt-demo a {color: rgb(91, 125, 60); text-underline-offset: 3px;}
.oog-qilowatt-demo button:focus-visible, .oog-qilowatt-demo a:focus-visible, .oog-qilowatt-demo input:focus-visible, .oog-qilowatt-demo select:focus-visible, .oog-qilowatt-demo summary:focus-visible, .oog-qilowatt-demo [tabindex]:focus-visible {outline: rgb(118, 112, 201) solid 3px; outline-offset: 3px;}
.oog-qilowatt-demo svg {fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.oog-qilowatt-demo svg use {fill: none;}
.oog-qilowatt-demo .qa-sprite {position: absolute; width: 0px; height: 0px; overflow: hidden;}
.oog-qilowatt-demo .qa-sr {position: absolute; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); width: 1px; height: 1px; white-space: nowrap; overflow: hidden;}
.oog-qilowatt-demo .qa-preview-header {display: flex; align-items: center; justify-content: space-between; gap: 15px; width: min(1400px, 100% - 40px); margin: auto; padding: 17px 0px; border-bottom: 1px solid rgb(218, 227, 216); color: rgb(114, 133, 114); font-size: 10px;}
.oog-qilowatt-demo .qa-preview-header img {display: block; width: 108px; height: auto;}
.oog-qilowatt-demo .qa-preview-header > span {display: flex; align-items: center; gap: 10px;}
.oog-qilowatt-demo .qa-preview-header i {height: 11px; border-left: 1px solid rgb(189, 205, 189);}
.oog-qilowatt-demo .qa-preview-header > a:last-child {text-decoration: none;}
.oog-qilowatt-demo .qa-section {width: min(1400px, 100% - 40px); margin: auto; padding: 39px 0px 10px;}
.oog-qilowatt-demo .qa-intro {display: flex; align-items: center; justify-content: space-between; gap: 36px; margin-bottom: 25px;}
.oog-qilowatt-demo .qa-eyebrow {font-size: 9px; font-weight: 650; letter-spacing: 0.12em; color: rgb(112, 140, 81);}
.oog-qilowatt-demo .qa-intro h1 {margin: 12px 0px; color: rgb(17, 45, 52); font-size: clamp(28px, 3vw, 44px); font-weight: 800; line-height: 1.1; letter-spacing: -0.045em;}
.oog-qilowatt-demo .qa-intro h1 > span {color: rgb(142, 183, 32);}
.oog-qilowatt-demo .qa-intro p {max-width: 75ch; margin: 0px; color: rgb(107, 128, 121); font-size: 14px; line-height: 1.75;}
.oog-qilowatt-demo .qa-intro-brand {display: flex; flex-direction: column; align-items: flex-end; gap: 9px; flex: 0 0 auto;}
.oog-qilowatt-demo .qa-intro-brand > img {display: block; width: 160px; height: auto; mix-blend-mode: multiply;}
.oog-qilowatt-demo .qa-intro-brand > span {color: rgb(135, 149, 129); font-size: 9px;}
.oog-qilowatt-demo .qa-intro-brand > a {display: inline-flex; align-items: center; gap: 17px; color: rgb(82, 110, 48); font-size: 11px; font-weight: 650; text-decoration: none;}
.oog-qilowatt-demo .qa-intro-brand svg {width: 17px; height: 17px;}
.oog-qilowatt-demo .qa-demo-note {display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 0px 0px 15px; font-size: 10px; line-height: 1.6; color: rgb(112, 130, 112);}
.oog-qilowatt-demo .qa-demo-note strong {font-size: 8px; letter-spacing: 0.075em; font-weight: 650;}
.oog-qilowatt-demo .qa-demo-dot {width: 6px; height: 6px; border-radius: 50%; background: rgb(137, 173, 67);}
.oog-qilowatt-demo .qa-workspace {--qa-purple: #5753b5; --qa-mint: #c9e9df; --qa-line: #e5e8e9; color: rgb(60, 70, 72); font-family: Arial, "Segoe UI", sans-serif; min-width: 0px;}
.oog-qilowatt-demo .qa-workspace button {display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 35px; padding: 7px 13px; border: 0px; border-radius: 4px; background: var(--qa-purple); color: rgb(255, 255, 255); font-size: 11px; line-height: 1.4; box-shadow: rgba(40, 35, 91, 0.08) 0px 2px 5px; transition: background-color 0.16s, opacity 0.16s;}
.oog-qilowatt-demo .qa-workspace button:hover:not(:disabled) {background: rgb(76, 71, 158);}
.oog-qilowatt-demo .qa-workspace button:active:not(:disabled) {translate: 0px 1px;}
.oog-qilowatt-demo .qa-workspace button.qa-link {min-height: 30px; padding: 4px 0px; background: transparent; color: rgb(111, 126, 128); box-shadow: none; font-size: 10px;}
.oog-qilowatt-demo .qa-workspace input, .oog-qilowatt-demo .qa-workspace select {accent-color: var(--qa-purple);}
.oog-qilowatt-demo .qa-workspace [hidden] {display: none !important;}
.oog-qilowatt-demo .qa-overview {display: grid; grid-template-columns: 180px minmax(280px, 350px) minmax(0px, 1fr); gap: 18px; align-items: center; padding: 17px 18px; border: 1px solid rgb(229, 232, 233); border-radius: 12px; background: rgb(247, 248, 250); margin-bottom: 18px;}
.oog-qilowatt-demo .qa-device-name {display: flex; align-items: center; gap: 10px;}
.oog-qilowatt-demo .qa-device-name > span {display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 39px; border-radius: 10px; background: rgb(41, 190, 107); color: rgb(255, 255, 255);}
.oog-qilowatt-demo .qa-device-name svg {width: 23px; height: 25px;}
.oog-qilowatt-demo .qa-device-name > div {min-width: 0px;}
.oog-qilowatt-demo .qa-device-name button {justify-content: flex-start; min-height: 0px; padding: 0px; background: none; color: rgb(89, 84, 175); font-size: 12px; font-weight: 600; text-align: left; box-shadow: none;}
.oog-qilowatt-demo .qa-device-name button:hover {text-decoration: underline; background: transparent !important;}
.oog-qilowatt-demo .qa-device-name small {display: block; margin-top: 3px; color: rgb(135, 145, 141); font-size: 9px;}
.oog-qilowatt-demo .qa-mode-badge {white-space: normal; margin: 10px 0px 0px 46px !important; padding: 4px 8px !important; min-height: 25px !important; border: 1px solid rgb(220, 224, 217) !important; color: rgb(77, 91, 80) !important; background: rgb(241, 242, 239) !important; font-size: 10px !important; box-shadow: none !important;}
.oog-qilowatt-demo .qa-device > p {margin: 7px 0px 0px 46px; color: rgb(117, 131, 137); font-size: 9px;}
.oog-qilowatt-demo .qa-device > p > span {margin-left: 12px;}
.oog-qilowatt-demo .qa-device > p b {font-weight: 400;}
.oog-qilowatt-demo .qa-energy-flow {display: block; width: 100%; height: 150px; overflow: visible; font-family: Arial, sans-serif;}
.oog-qilowatt-demo .qa-flow-link > use {stroke-width: 2.7; fill: none;}
.oog-qilowatt-demo .qa-flow-link > circle {stroke: none;}
.oog-qilowatt-demo .qa-flow-link[data-active="false"] {opacity: 0.2;}
.oog-qilowatt-demo .qa-flow-link[data-active="false"] > circle {display: none;}
.oog-qilowatt-demo .qa-flow-node use {stroke: rgb(255, 255, 255); stroke-width: 1.7;}
.oog-qilowatt-demo .qa-flow-node .qa-sun-icon {stroke: rgb(77, 75, 53);}
.oog-qilowatt-demo .qa-energy-flow > text {stroke: none; font-size: 13px; font-weight: 600; text-anchor: middle;}
.oog-qilowatt-demo .qa-energy-flow .qa-flow-soc {font-size: 10px; fill: rgb(203, 117, 122); text-anchor: start;}
.oog-qilowatt-demo .qa-energy-flow .qa-flow-secondary {font-size: 8px; font-weight: 400; fill: rgb(140, 148, 154); text-anchor: start;}
.oog-qilowatt-demo .qa-energy-flow .qa-flow-temperature {font-size: 9px; fill: rgb(105, 168, 205); font-weight: 400;}
.oog-qilowatt-demo .qa-period-tabs {display: flex; align-items: center; justify-content: flex-end; gap: 4px; flex-wrap: wrap; margin-bottom: 9px;}
.oog-qilowatt-demo .qa-period-tabs button {min-height: 23px; padding: 4px 7px; background: rgb(233, 235, 245); color: rgb(121, 130, 147); box-shadow: none; font-size: 8px;}
.oog-qilowatt-demo .qa-period-tabs button:hover {background: rgb(224, 228, 239) !important;}
.oog-qilowatt-demo .qa-period-tabs button[aria-pressed="true"] {background: rgb(208, 236, 227); color: rgb(89, 158, 135);}
.oog-qilowatt-demo .qa-stats {display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 7px;}
.oog-qilowatt-demo .qa-stat {min-width: 0px; padding: 10px 7px; border-top: 1px solid rgb(229, 232, 237); border-right: 1px solid rgb(229, 232, 237); border-bottom: 1px solid rgb(229, 232, 237); border-image: none; border-left: 3px solid var(--stat-color); border-radius: 6px; background: rgb(250, 251, 252); text-align: center;}
.oog-qilowatt-demo .qa-stat h3 {margin: 0px 0px 6px; color: rgb(147, 154, 152); font-size: 9px; font-weight: 400;}
.oog-qilowatt-demo .qa-stat strong {display: block; min-height: 19px; color: var(--stat-color); font-size: 12px; line-height: 1.5; font-weight: 650; white-space: normal; font-variant-numeric: tabular-nums;}
.oog-qilowatt-demo .qa-stat strong small {font-size: 8px; font-weight: 400;}
.oog-qilowatt-demo .qa-stat > span {display: block; margin-top: 3px; color: rgb(188, 119, 121); font-size: 10px; line-height: 1.5; font-variant-numeric: tabular-nums;}
.oog-qilowatt-demo .qa-stat .qa-positive {color: rgb(58, 171, 131);}
.oog-qilowatt-demo .qa-stat .qa-negative {color: rgb(200, 105, 115);}
.oog-qilowatt-demo .qa-optimizer {position: relative; min-width: 0px; border: 1px solid rgb(230, 232, 232); background: rgb(255, 255, 255); border-radius: 5px; overflow: hidden;}
.oog-qilowatt-demo .qa-chart-toolbar {display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 20px; background: rgb(204, 234, 223);}
.oog-qilowatt-demo .qa-chart-toolbar h2 {margin: 0px; color: rgb(43, 65, 66); font-size: 15px; font-weight: 500; line-height: 1.3;}
.oog-qilowatt-demo .qa-chart-toolbar p {margin: 4px 0px 0px; color: rgb(113, 146, 139); font-size: 10px;}
.oog-qilowatt-demo .qa-chart-toolbar p strong {font-weight: 500; color: rgb(101, 143, 133);}
.oog-qilowatt-demo .qa-chart-actions {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px;}
.oog-qilowatt-demo .qa-chart-actions button {min-height: 37px; padding: 8px 12px; font-size: 11px;}
.oog-qilowatt-demo .qa-chart-actions .qa-gray {background: rgb(125, 129, 150);}
.oog-qilowatt-demo .qa-chart-actions .qa-gray:hover {background: rgb(112, 117, 138) !important;}
.oog-qilowatt-demo .qa-series-legend {display: flex; align-items: center; flex-wrap: wrap; gap: 8px 15px; padding: 15px 19px 3px; font-size: 11px;}
.oog-qilowatt-demo .qa-series-group {display: flex; align-items: center; flex-wrap: wrap; gap: 7px;}
.oog-qilowatt-demo .qa-series-group > span {margin-right: 0px; color: rgb(160, 167, 165); font-size: 8px; letter-spacing: 0.07em; font-weight: 650;}
.oog-qilowatt-demo .qa-series-group label {display: flex; align-items: center; gap: 5px; min-height: 24px; cursor: pointer; color: rgb(117, 129, 128); white-space: nowrap;}
.oog-qilowatt-demo .qa-series-group input {appearance: none; display: block; flex: 0 0 auto; width: 11px; height: 11px; margin: 0px; border: 1px solid var(--series-color); border-radius: 2px; background: rgb(255, 255, 255); cursor: pointer;}
.oog-qilowatt-demo .qa-series-group input:checked {background: var(--series-color);}
.oog-qilowatt-demo .qa-series-group label:has(input:not(:checked)) {opacity: 0.55; text-decoration: line-through;}
.oog-qilowatt-demo .qa-chart-meta {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0px 18px; color: rgb(162, 171, 166); font-size: 8px;}
.oog-qilowatt-demo .qa-chart-meta > button {color: rgb(118, 127, 128); min-height: 26px; min-width: 30px; padding: 0px; box-shadow: none; font-size: 19px; background: transparent !important;}
.oog-qilowatt-demo .qa-chart-host {position: relative; min-width: 0px; width: 100%;}
.oog-qilowatt-demo .qa-chart-scroll {width: 100%; overflow: auto hidden; scrollbar-width: thin; scrollbar-color: rgb(192, 197, 219) rgb(248, 249, 252); overscroll-behavior-x: contain;}
.oog-qilowatt-demo .qa-chart-scroll > svg {display: block; max-width: none;}
.oog-qilowatt-demo .qa-chart-bottom {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 18px; color: rgb(155, 166, 165); font-size: 9px;}
.oog-qilowatt-demo .qa-chart-bottom > div {display: flex; align-items: center; gap: 5px; flex: 0 0 auto;}
.oog-qilowatt-demo .qa-chart-bottom button {min-height: 28px; padding: 4px 8px; background: rgb(242, 243, 248); color: rgb(121, 124, 152); box-shadow: none; font-size: 10px;}
.oog-qilowatt-demo .qa-chart-bottom button:hover {background: rgb(231, 233, 241) !important;}
.oog-qilowatt-demo .qa-timezone {margin: 0px; padding: 5px 19px 14px; color: rgb(152, 159, 157); font-size: 9px; text-align: right;}
.oog-qilowatt-demo .qa-tooltip {position: absolute; z-index: 10; width: 270px; max-width: calc(100% - 16px); padding: 12px 14px; border: 1px solid rgb(225, 228, 234); border-radius: 9px; background: rgba(255, 255, 255, 0.98); box-shadow: rgba(40, 55, 62, 0.07) 0px 5px 20px; pointer-events: none; font-size: 10px;}
.oog-qilowatt-demo .qa-tooltip[hidden] {display: none;}
.oog-qilowatt-demo .qa-tooltip > strong {font-size: 12px; color: rgb(72, 87, 91);}
.oog-qilowatt-demo .qa-tooltip-mode {display: block; margin: 5px 0px 9px; color: rgb(133, 144, 140); font-size: 9px;}
.oog-qilowatt-demo .qa-tooltip > div {display: flex; align-items: center; justify-content: space-between; gap: 12px; line-height: 1.65; margin-top: 3px;}
.oog-qilowatt-demo .qa-tooltip > div > span {display: flex; align-items: center; gap: 6px; color: rgb(124, 138, 140);}
.oog-qilowatt-demo .qa-tooltip > div > span::before {content: ""; width: 7px; height: 7px; border-radius: 1px; background: var(--series-color);}
.oog-qilowatt-demo .qa-tooltip b {font-size: 10px; white-space: nowrap; color: rgb(82, 97, 106); font-weight: 600; font-variant-numeric: tabular-nums;}
.oog-qilowatt-demo .qa-playback {display: flex; align-items: center; gap: 16px; margin-top: 14px; padding: 13px 16px; border: 1px solid rgb(224, 229, 224); border-radius: 9px; background: rgba(255, 255, 255, 0.85);}
.oog-qilowatt-demo .qa-playback .qa-play {display: grid; place-items: center; flex: 0 0 auto; min-width: 37px; height: 37px; padding: 9px; background: rgb(105, 99, 187);}
.oog-qilowatt-demo .qa-play svg {width: 18px; height: 18px;}
.oog-qilowatt-demo .qa-icon-play {display: none;}
.oog-qilowatt-demo .qa-workspace[data-playing="false"] .qa-icon-play {display: block;}
.oog-qilowatt-demo .qa-workspace[data-playing="false"] .qa-icon-pause {display: none;}
.oog-qilowatt-demo .qa-playback-slider {flex: 1 1 0%; min-width: 0px;}
.oog-qilowatt-demo .qa-playback-slider input {appearance: none; display: block; width: 100%; height: 18px; margin: 0px; background: transparent; cursor: ew-resize;}
.oog-qilowatt-demo .qa-playback-slider input::-webkit-slider-runnable-track {height: 3px; background: rgb(222, 221, 236); border-radius: 4px;}
.oog-qilowatt-demo .qa-playback-slider input::-webkit-slider-thumb {appearance: none; width: 12px; height: 12px; margin-top: -4.5px; border-radius: 50%; background: rgb(115, 105, 188); border: 2px solid white; box-shadow: rgb(184, 177, 216) 0px 0px 0px 1px;}
.oog-qilowatt-demo .qa-playback-slider > div {display: flex; align-items: center; justify-content: space-between; gap: 6px; color: rgb(162, 172, 161); font-size: 7px; font-variant-numeric: tabular-nums;}
.oog-qilowatt-demo .qa-play-clock {flex: 0 0 auto; text-align: center;}
.oog-qilowatt-demo .qa-play-clock > strong {display: block; color: rgb(110, 101, 173); font-size: 19px; line-height: 1.2; font-weight: 600; font-variant-numeric: tabular-nums;}
.oog-qilowatt-demo .qa-play-clock > small {font-size: 7px; color: rgb(157, 169, 155);}
.oog-qilowatt-demo .qa-speed {display: flex; align-items: center; flex-direction: column; gap: 2px; color: rgb(153, 162, 147); font-size: 7px;}
.oog-qilowatt-demo .qa-speed select {min-height: 28px; padding: 3px 5px; border: 1px solid rgb(228, 230, 228); border-radius: 5px; background: white; color: rgb(128, 123, 155); font-size: 10px;}
.oog-qilowatt-demo .qa-scenes {display: flex; gap: 5px;}
.oog-qilowatt-demo .qa-scenes button {min-height: 31px; padding: 6px 9px; background: rgb(242, 244, 238); color: rgb(139, 153, 129); font-size: 9px; box-shadow: none;}
.oog-qilowatt-demo .qa-scenes button:hover {background: rgb(232, 239, 222) !important;}
.oog-qilowatt-demo .qa-scenes button[aria-pressed="true"] {background: rgb(230, 239, 216); color: rgb(112, 157, 62);}
.oog-qilowatt-demo .qa-story {display: flex; align-items: center; gap: 15px; min-height: 64px; margin: 10px 0px 22px; padding: 12px 16px; border: 1px solid rgb(220, 230, 210); border-radius: 8px; background: rgba(244, 248, 237, 0.94);}
.oog-qilowatt-demo .qa-story > span:first-child {flex: 0 0 auto; max-width: 100px; padding: 6px 8px; border: 1px solid rgb(219, 229, 203); border-radius: 4px; background: rgb(237, 244, 227); color: rgb(128, 155, 87); font-size: 9px;}
.oog-qilowatt-demo .qa-story > div {flex: 1 1 0%; min-width: 0px;}
.oog-qilowatt-demo .qa-story h3 {margin: 0px 0px 3px; color: rgb(94, 125, 73); font-size: 12px; font-weight: 600;}
.oog-qilowatt-demo .qa-story p {margin: 0px; color: rgb(123, 142, 115); font-size: 10px; line-height: 1.65;}
.oog-qilowatt-demo .qa-story > span:last-child {flex: 0 0 auto; color: rgb(152, 168, 140); font-size: 8px;}
.oog-qilowatt-demo .qa-lower-grid {display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 20px;}
.oog-qilowatt-demo .qa-panel {min-width: 0px; border: 1px solid rgb(227, 230, 231); border-radius: 5px; background: rgb(255, 255, 255); overflow: hidden;}
.oog-qilowatt-demo .qa-panel > header {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 57px; padding: 14px 17px; border-bottom: 1px solid rgb(238, 240, 238);}
.oog-qilowatt-demo .qa-panel h2 {display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 0px; font-size: 15px; font-weight: 500;}
.oog-qilowatt-demo .qa-panel > header button {min-height: 31px; padding: 6px 9px; font-size: 10px;}
.oog-qilowatt-demo .qa-kratt, .oog-qilowatt-demo .qa-active {padding: 2px 5px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 10px; line-height: 1.4;}
.oog-qilowatt-demo .qa-kratt {background: rgb(88, 169, 212);}
.oog-qilowatt-demo .qa-active {background: rgb(56, 179, 139);}
.oog-qilowatt-demo .qa-report-notice {margin: 17px; padding: 13px 15px; border-left: 3px solid rgb(88, 166, 207); border-radius: 3px; background: rgb(199, 225, 245); color: rgb(89, 118, 138); font-size: 10px; line-height: 1.65;}
.oog-qilowatt-demo .qa-report-notice strong {display: block; margin-bottom: 4px; font-weight: 600; color: rgb(72, 103, 126);}
.oog-qilowatt-demo .qa-report-notice p {margin: 0px;}
.oog-qilowatt-demo .qa-table-scroll {width: 100%; overflow-x: auto; scrollbar-width: thin; overscroll-behavior-x: contain;}
.oog-qilowatt-demo .qa-panel table {width: 100%; border-collapse: collapse; font-size: 11px; color: rgb(104, 114, 112); line-height: 1.5;}
.oog-qilowatt-demo .qa-panel :is(th, .oog-qilowatt-demo td) {padding: 13px 11px; border: 1px solid rgb(233, 233, 233); vertical-align: middle; text-align: center; font-variant-numeric: tabular-nums;}
.oog-qilowatt-demo .qa-panel th {font-weight: 600; color: rgb(90, 100, 95); background: rgb(255, 255, 255);}
.oog-qilowatt-demo .qa-panel th small {display: block; color: rgb(157, 165, 159); font-size: 8px; font-weight: 400;}
.oog-qilowatt-demo .qa-panel td:first-child, .oog-qilowatt-demo .qa-panel th:first-child {text-align: left;}
.oog-qilowatt-demo .qa-report table {min-width: 620px;}
.oog-qilowatt-demo .qa-report td:first-child {min-width: 90px; font-weight: 600;}
.oog-qilowatt-demo .qa-report th {font-size: 10px;}
.oog-qilowatt-demo .qa-report td:last-child {color: rgb(55, 165, 132); font-weight: 650;}
.oog-qilowatt-demo .qa-panel > footer {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 13px 16px; color: rgb(152, 163, 151); font-size: 9px;}
.oog-qilowatt-demo .qa-timer-tools {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 16px 12px; color: rgb(136, 145, 139); font-size: 10px;}
.oog-qilowatt-demo .qa-timer-tools label {display: flex; align-items: center; gap: 6px;}
.oog-qilowatt-demo .qa-timer-tools select {min-height: 29px; max-width: 65px; padding: 4px 7px; border: 1px solid rgb(228, 231, 229); border-radius: 4px; background: rgb(248, 249, 250); color: rgb(108, 120, 114); font-size: 11px;}
.oog-qilowatt-demo .qa-pagination {display: flex; align-items: center; gap: 3px;}
.oog-qilowatt-demo .qa-pagination button {min-width: 26px; min-height: 29px; padding: 5px 6px; background: white; color: rgb(147, 141, 179); border: 1px solid rgb(231, 230, 236); box-shadow: none; font-size: 10px;}
.oog-qilowatt-demo .qa-pagination button:hover {background: rgb(241, 239, 248) !important;}
.oog-qilowatt-demo .qa-pagination button[aria-current="page"] {background: rgb(98, 90, 187); color: rgb(255, 255, 255);}
.oog-qilowatt-demo .qa-timers table {min-width: 480px;}
.oog-qilowatt-demo .qa-timers td, .oog-qilowatt-demo .qa-timers th {padding: 11px 10px; text-align: left;}
.oog-qilowatt-demo .qa-timers td:first-child, .oog-qilowatt-demo .qa-timers th:first-child {width: 33px; padding-left: 14px; padding-right: 2px; border-right: 0px;}
.oog-qilowatt-demo .qa-timers td:nth-child(2), .oog-qilowatt-demo .qa-timers th:nth-child(2) {border-left: 0px;}
.oog-qilowatt-demo .qa-timers input {width: 13px; height: 13px; cursor: pointer;}
.oog-qilowatt-demo .qa-timers tr.is-current td {background: rgb(244, 245, 251);}
.oog-qilowatt-demo .qa-timers tr.is-selected td {background: rgb(238, 237, 249);}
.oog-qilowatt-demo .qa-timers td small {display: block; margin-top: 3px; color: rgb(164, 170, 167); font-size: 9px;}
.oog-qilowatt-demo .qa-timers .qa-period-button {justify-content: flex-start; min-height: 0px; padding: 0px; color: rgb(82, 101, 92); text-align: left; font-size: 11px; box-shadow: none; font-weight: 600; background: transparent !important;}
.oog-qilowatt-demo .qa-row-price {display: block; color: rgb(123, 133, 131); font-size: 10px; white-space: nowrap;}
.oog-qilowatt-demo .qa-row-price + .qa-row-price {margin-top: 4px;}
.oog-qilowatt-demo .qa-row-mode {display: inline-flex; align-items: center; gap: 3px; padding: 3px 6px; border: 1px solid rgb(222, 223, 215); border-radius: 3px; background: var(--mode-color); color: rgb(70, 82, 75); font-size: 9px; font-weight: 500; white-space: nowrap;}
.oog-qilowatt-demo .qa-done {display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin-left: 6px; border-radius: 50%; background: rgb(55, 169, 98); color: white; font-size: 9px;}
.oog-qilowatt-demo .qa-manual {display: inline-flex; align-items: center; justify-content: center; min-width: 13px; height: 13px; margin-left: 4px; background: rgb(159, 145, 201); border-radius: 2px; color: white; font-size: 7px;}
.oog-qilowatt-demo .qa-timers > footer button {font-size: 10px; min-height: 31px;}
.oog-qilowatt-demo .qa-bulk {position: fixed; z-index: 40; bottom: 22px; left: 50%; display: flex; align-items: center; gap: 22px; max-width: calc(100% - 30px); padding: 17px 22px; border: 1px solid rgb(228, 228, 235); border-radius: 12px; background: white; box-shadow: rgba(38, 60, 52, 0.15) 0px 6px 32px; transform: translateX(-50%);}
.oog-qilowatt-demo .qa-bulk strong {font-size: 12px; white-space: nowrap;}
.oog-qilowatt-demo .qa-bulk .qa-bulk-close {padding: 0px; min-width: 22px; min-height: 24px; color: rgb(164, 170, 165); font-size: 24px; box-shadow: none; background: none !important;}
.oog-qilowatt-demo .qa-workspace:fullscreen, .oog-qilowatt-demo .qa-workspace.qa-expanded {padding: 18px; background: rgb(244, 246, 247); overflow: auto;}
.oog-qilowatt-demo .qa-workspace.qa-expanded {position: fixed; inset: 0px; z-index: 1000;}
.oog-qilowatt-demo .qa-explanation {width: min(1400px, 100% - 40px); margin: 25px auto 55px; padding: 15px 0px; border-top: 1px solid rgb(218, 228, 214); color: rgb(123, 139, 115); font-size: 12px; line-height: 1.8;}
.oog-qilowatt-demo .qa-explanation summary {width: fit-content; max-width: 100%; padding: 5px 0px; cursor: pointer; font-size: 11px;}
.oog-qilowatt-demo .qa-explanation p {max-width: 95ch;}
.oog-qilowatt-demo #qa-dialog {width: min(720px, 100% - 30px); max-height: calc(100dvh - 40px); padding: 0px; border: 1px solid rgb(225, 229, 231); border-radius: 13px; background: rgb(255, 255, 255); color: rgb(89, 103, 98); box-shadow: rgba(23, 57, 53, 0.208) 0px 18px 75px; overflow: auto; font-family: Arial, sans-serif; animation: 0.16s ease-out 0s 1 normal none running qa-dialog-in;}
.oog-qilowatt-demo #qa-dialog::backdrop {background: rgba(24, 51, 48, 0.333);}
.oog-qilowatt-demo #qa-dialog > header {position: sticky; top: 0px; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 22px; border-bottom: 1px solid rgb(233, 236, 232); background: rgb(255, 255, 255);}
.oog-qilowatt-demo #qa-dialog h2 {margin: 0px; color: rgb(74, 91, 85); font-size: 18px; font-weight: 500;}
.oog-qilowatt-demo #qa-dialog > header button {border: 0px; background: none; color: rgb(151, 161, 154); font-size: 26px; cursor: pointer;}
.oog-qilowatt-demo #qa-dialog > [data-dialog-content] {padding: 22px;}
.oog-qilowatt-demo #qa-dialog p {font-size: 12px; line-height: 1.8;}
.oog-qilowatt-demo #qa-dialog .qa-dialog-note {padding: 10px 12px; border-radius: 6px; background: rgb(242, 245, 236); color: rgb(129, 147, 107); font-size: 10px;}
.oog-qilowatt-demo #qa-dialog button {display: inline-flex; align-items: center; justify-content: center; min-height: 37px; padding: 8px 15px; border: 0px; border-radius: 4px; background: rgb(99, 92, 183); color: rgb(255, 255, 255); font-size: 12px; cursor: pointer;}
.oog-qilowatt-demo #qa-dialog .qa-button-secondary {background: rgb(239, 240, 245); color: rgb(134, 133, 160);}
.oog-qilowatt-demo #qa-dialog label {display: grid; gap: 7px; color: rgb(124, 137, 130); font-size: 11px;}
.oog-qilowatt-demo #qa-dialog input:not([type="checkbox"]), .oog-qilowatt-demo #qa-dialog select {width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid rgb(220, 226, 223); border-radius: 5px; background: rgb(249, 250, 251); color: rgb(99, 116, 106); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px;}
.oog-qilowatt-demo #qa-dialog input[type="checkbox"] {accent-color: rgb(98, 91, 183);}
.oog-qilowatt-demo #qa-dialog input:invalid:not(:placeholder-shown) {border-color: rgb(218, 141, 147);}
.oog-qilowatt-demo .qa-form-grid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px;}
.oog-qilowatt-demo .qa-dialog-actions {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 20px;}
.oog-qilowatt-demo .qa-mode-picker {display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 7px; margin-bottom: 19px;}
.oog-qilowatt-demo #qa-dialog .qa-mode-picker button {min-width: 0px; min-height: 65px; padding: 8px 5px; border: 2px solid transparent; background: var(--mode-color); color: rgb(77, 91, 82); font-size: 10px; line-height: 1.5; text-align: center;}
.oog-qilowatt-demo #qa-dialog .qa-mode-picker button[aria-pressed="true"] {border-color: rgb(128, 119, 194); box-shadow: rgb(221, 216, 238) 0px 0px 0px 2px;}
.oog-qilowatt-demo .qa-field-error {min-height: 20px; color: rgb(197, 108, 118); font-size: 11px; line-height: 1.7;}
.oog-qilowatt-demo .qa-legend-options {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px;}
.oog-qilowatt-demo #qa-dialog .qa-legend-options label {display: flex; align-items: center; gap: 10px; min-height: 35px; padding: 6px; border: 1px solid rgb(235, 238, 235); border-radius: 5px; font-size: 12px;}
.oog-qilowatt-demo #qa-dialog .qa-legend-options input {width: 15px; height: 15px; accent-color: var(--series-color);}
.oog-qilowatt-demo .qa-inverter-readings {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin: 15px 0px;}
.oog-qilowatt-demo .qa-inverter-readings > div {padding: 12px; border: 1px solid rgb(229, 235, 225); border-radius: 6px; background: rgb(248, 251, 245); color: rgb(152, 164, 143); font-size: 10px;}
.oog-qilowatt-demo .qa-inverter-readings strong {display: block; margin-top: 5px; color: rgb(103, 132, 81); font-size: 16px; font-weight: 500;}
.oog-qilowatt-demo .qa-export-menu {display: grid; gap: 10px;}
.oog-qilowatt-demo .qa-share-row {display: flex; align-items: center; gap: 10px;}
.oog-qilowatt-demo .qa-share-row input {flex: 1 1 0%; min-width: 0px;}
.oog-qilowatt-demo .qa-share-row button {flex: 0 0 auto;}
.oog-qilowatt-demo .qa-report-explain table {width: 100%; border-collapse: collapse; font-size: 12px;}
.oog-qilowatt-demo .qa-report-explain th, .oog-qilowatt-demo .qa-report-explain td {padding: 9px; border: 1px solid rgb(229, 233, 228); text-align: left;}
.oog-qilowatt-demo .qa-toast {position: fixed; bottom: 22px; left: 50%; z-index: 2000; width: max-content; max-width: calc(100% - 32px); padding: 12px 18px; border: 1px solid rgb(217, 227, 208); border-radius: 9px; background: rgb(255, 254, 251); color: rgb(102, 128, 84); box-shadow: rgba(37, 60, 58, 0.133) 0px 5px 24px; font-size: 12px; text-align: center; transform: translateX(-50%);}
.oog-qilowatt-demo .qa-toast[hidden] {display: none;}
body.qa-modal-screen { overflow: hidden; }
@keyframes qa-dialog-in { 
  0% { opacity: 0; transform: translateY(7px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 1250px){.oog-qilowatt-demo .qa-overview {grid-template-columns: 180px minmax(260px, 1fr); gap: 8px 20px;}
.oog-qilowatt-demo .qa-stat-area {grid-column: 1 / -1;}
.oog-qilowatt-demo .qa-period-tabs {margin-top: 3px;}
.oog-qilowatt-demo .qa-stats {gap: 9px;}
.oog-qilowatt-demo .qa-chart-toolbar {align-items: flex-start;}
.oog-qilowatt-demo .qa-chart-actions {max-width: 75%;}
.oog-qilowatt-demo .qa-lower-grid {gap: 15px;}
.oog-qilowatt-demo .qa-series-legend {gap: 6px 12px;}
.oog-qilowatt-demo .qa-chart-bottom > span {max-width: 53ch;}}
@media (max-width: 900px){.oog-qilowatt-demo .qa-lower-grid {grid-template-columns: minmax(0px, 1fr);}
.oog-qilowatt-demo .qa-chart-toolbar {flex-direction: column; gap: 12px;}
.oog-qilowatt-demo .qa-chart-actions {justify-content: flex-start; max-width: none;}
.oog-qilowatt-demo .qa-story > span:last-child {display: none;}
.oog-qilowatt-demo .qa-scenes {flex-wrap: wrap;}
.oog-qilowatt-demo .qa-playback {flex-wrap: wrap; gap: 12px;}
.oog-qilowatt-demo .qa-playback-slider {flex-basis: calc(100% - 145px);}
.oog-qilowatt-demo .qa-scenes {margin-left: auto;}
.oog-qilowatt-demo .qa-chart-bottom {align-items: flex-start;}
.oog-qilowatt-demo .qa-chart-bottom > span {font-size: 8px;}
.oog-qilowatt-demo .qa-timers table {min-width: 0px;}
.oog-qilowatt-demo .qa-intro-brand > span {max-width: 20ch; text-align: right;}}
@media (max-width: 600px){.oog-qilowatt-demo .qa-preview-header {width: calc(100% - 28px); padding: 12px 0px;}
.oog-qilowatt-demo .qa-preview-header img {width: 90px;}
.oog-qilowatt-demo .qa-preview-header > span {font-size: 8px; gap: 6px;}
.oog-qilowatt-demo .qa-preview-header > a:last-child {display: none;}
.oog-qilowatt-demo .qa-section {width: calc(100% - 24px); padding-top: 25px;}
.oog-qilowatt-demo .qa-intro {display: block; margin-bottom: 20px;}
.oog-qilowatt-demo .qa-intro h1 {font-size: 31px; max-width: 17ch; margin-top: 10px;}
.oog-qilowatt-demo .qa-intro p {font-size: 12px; line-height: 1.75;}
.oog-qilowatt-demo .qa-intro-brand {flex-flow: wrap; justify-content: space-between; align-items: center; gap: 8px 12px; margin-top: 18px;}
.oog-qilowatt-demo .qa-intro-brand > img {width: 124px;}
.oog-qilowatt-demo .qa-intro-brand > span {display: none;}
.oog-qilowatt-demo .qa-intro-brand > a {font-size: 10px;}
.oog-qilowatt-demo .qa-demo-note {font-size: 9px; gap: 5px 8px; margin-bottom: 13px;}
.oog-qilowatt-demo .qa-demo-note > span:last-child {flex-basis: 100%; padding-left: 14px; font-size: 9px;}
.oog-qilowatt-demo .qa-overview {grid-template-columns: minmax(0px, 1fr); padding: 15px 12px; gap: 5px; border-radius: 10px;}
.oog-qilowatt-demo .qa-device {position: relative; min-width: 0px;}
.oog-qilowatt-demo .qa-device-name button {font-size: 12px;}
.oog-qilowatt-demo .qa-device-name small {font-size: 9px;}
.oog-qilowatt-demo .qa-mode-badge {margin-top: 7px !important;}
.oog-qilowatt-demo .qa-device > p {margin-top: 5px;}
.oog-qilowatt-demo .qa-energy-flow {height: 155px; margin-top: 5px;}
.oog-qilowatt-demo .qa-stat-area {grid-column: 1; min-width: 0px;}
.oog-qilowatt-demo .qa-stats {grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 7px;}
.oog-qilowatt-demo .qa-stat {padding: 9px 5px;}
.oog-qilowatt-demo .qa-stat strong {font-size: 11px;}
.oog-qilowatt-demo .qa-stat > span {font-size: 10px;}
.oog-qilowatt-demo .qa-period-tabs {justify-content: flex-start; margin-bottom: 9px; gap: 4px;}
.oog-qilowatt-demo .qa-period-tabs button {font-size: 7px; min-height: 26px; padding: 5px 6px;}
.oog-qilowatt-demo .qa-chart-toolbar {padding: 14px 12px;}
.oog-qilowatt-demo .qa-chart-toolbar h2 {font-size: 14px;}
.oog-qilowatt-demo .qa-chart-toolbar p {font-size: 9px;}
.oog-qilowatt-demo .qa-chart-actions {gap: 6px; width: 100%;}
.oog-qilowatt-demo .qa-chart-actions button {min-height: 34px; padding: 7px 9px; font-size: 10px;}
.oog-qilowatt-demo .qa-chart-actions button:first-child {width: 100%; justify-content: flex-start;}
.oog-qilowatt-demo .qa-series-legend {padding: 10px 11px 2px; gap: 4px 9px; font-size: 10px;}
.oog-qilowatt-demo .qa-series-group {gap: 6px;}
.oog-qilowatt-demo .qa-series-group > span {font-size: 7px;}
.oog-qilowatt-demo .qa-series-group label {font-size: 10px; min-height: 25px;}
.oog-qilowatt-demo .qa-chart-meta {padding: 0px 11px; font-size: 7px;}
.oog-qilowatt-demo .qa-chart-bottom {flex-direction: column; gap: 9px; padding: 6px 11px;}
.oog-qilowatt-demo .qa-chart-bottom > span {font-size: 8px;}
.oog-qilowatt-demo .qa-chart-bottom > div {align-self: flex-end;}
.oog-qilowatt-demo .qa-timezone {padding: 5px 11px 11px; font-size: 8px;}
.oog-qilowatt-demo .qa-playback {padding: 11px 10px; gap: 11px;}
.oog-qilowatt-demo .qa-playback .qa-play {min-width: 33px; height: 34px; padding: 8px;}
.oog-qilowatt-demo .qa-playback-slider {flex-basis: calc(100% - 110px);}
.oog-qilowatt-demo .qa-play-clock > strong {font-size: 17px;}
.oog-qilowatt-demo .qa-speed {flex-direction: row; gap: 6px; font-size: 8px;}
.oog-qilowatt-demo .qa-scenes {margin-left: auto; gap: 5px;}
.oog-qilowatt-demo .qa-scenes button {padding: 5px 8px; min-height: 29px; font-size: 8px;}
.oog-qilowatt-demo .qa-story {align-items: flex-start; gap: 10px; padding: 11px 10px; margin-bottom: 16px;}
.oog-qilowatt-demo .qa-story > span:first-child {padding: 5px 6px; font-size: 8px; max-width: 88px;}
.oog-qilowatt-demo .qa-story h3 {font-size: 11px;}
.oog-qilowatt-demo .qa-story p {font-size: 9px;}
.oog-qilowatt-demo .qa-panel > header {padding: 12px; gap: 9px;}
.oog-qilowatt-demo .qa-panel h2 {font-size: 13px; gap: 5px;}
.oog-qilowatt-demo .qa-panel > header button {font-size: 8px; padding: 6px 8px; min-height: 29px;}
.oog-qilowatt-demo .qa-report-notice {margin: 12px; padding: 10px 11px; font-size: 9px;}
.oog-qilowatt-demo .qa-panel > footer {padding: 11px 12px; font-size: 8px;}
.oog-qilowatt-demo .qa-timer-tools {padding: 12px; gap: 8px; font-size: 9px;}
.oog-qilowatt-demo .qa-pagination {gap: 2px;}
.oog-qilowatt-demo .qa-pagination button {min-width: 24px; padding: 5px; min-height: 28px; font-size: 9px;}
.oog-qilowatt-demo .qa-timers table {min-width: 440px;}
.oog-qilowatt-demo .qa-timers td, .oog-qilowatt-demo .qa-timers th {padding: 10px 8px;}
.oog-qilowatt-demo .qa-panel td {font-size: 10px;}
.oog-qilowatt-demo .qa-bulk {bottom: 12px; padding: 12px 13px; gap: 12px; max-width: calc(100% - 20px);}
.oog-qilowatt-demo .qa-bulk strong {font-size: 10px;}
.oog-qilowatt-demo .qa-bulk button {font-size: 9px; min-height: 31px; padding: 5px 8px;}
.oog-qilowatt-demo .qa-bulk .qa-bulk-close {padding: 0px; min-width: 16px;}
.oog-qilowatt-demo .qa-explanation {width: calc(100% - 28px); font-size: 11px; margin-bottom: 35px;}
.oog-qilowatt-demo .qa-explanation summary {font-size: 10px;}
.oog-qilowatt-demo #qa-dialog > [data-dialog-content] {padding: 16px;}
.oog-qilowatt-demo #qa-dialog > header {padding: 15px 16px;}
.oog-qilowatt-demo #qa-dialog h2 {font-size: 16px;}
.oog-qilowatt-demo .qa-mode-picker {grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 7px;}
.oog-qilowatt-demo #qa-dialog .qa-mode-picker button {min-height: 54px; font-size: 10px;}
.oog-qilowatt-demo .qa-form-grid {gap: 12px;}
.oog-qilowatt-demo .qa-inverter-readings {grid-template-columns: repeat(2, minmax(0px, 1fr));}
.oog-qilowatt-demo .qa-legend-options {grid-template-columns: minmax(0px, 1fr);}
.oog-qilowatt-demo .qa-share-row {flex-wrap: wrap;}
.oog-qilowatt-demo .qa-share-row input {flex-basis: 100%;}
.oog-qilowatt-demo .qa-toast {font-size: 11px;}
.oog-qilowatt-demo .qa-tooltip {font-size: 9px; width: 255px;}
.oog-qilowatt-demo .qa-tooltip b {font-size: 9px;}}
@media (prefers-reduced-motion: reduce){
.oog-qilowatt-demo .qa-workspace button {transition: none;}
.oog-qilowatt-demo .qa-workspace button:active {translate: 0px;}
.oog-qilowatt-demo .qa-chart-scroll svg [data-qa-now] {transition: none !important;}
.oog-qilowatt-demo #qa-dialog {animation: auto ease 0s 1 normal none running none;}
.oog-qilowatt-demo .qa-flow-link > circle {display: none;}}

.oog-qilowatt-demo body::before {content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; opacity: 0.38; background: url("assets/theme-lines.svg") 0% 0% / 640px 320px repeat;}
.oog-qilowatt-demo .qa-flow-node > circle {stroke: none;}
.oog-qilowatt-demo .qa-timer-tools {flex-wrap: wrap;}
.oog-qilowatt-demo .qa-pagination {flex-wrap: wrap; max-width: 100%;}
.oog-qilowatt-demo .qa-action-icon {width: 15px; height: 15px; flex: 0 0 auto; stroke-width: 1.6;}
.oog-qilowatt-demo .qa-mode-icon {width: 12px; height: 12px; flex: 0 0 auto; vertical-align: middle; stroke-width: 1.6;}
.oog-qilowatt-demo #qa-dialog .qa-mode-picker button {display: flex; flex-direction: column; gap: 6px;}
.oog-qilowatt-demo #qa-dialog .qa-mode-icon {width: 17px; height: 17px;}
.oog-qilowatt-demo .qa-stat strong, .oog-qilowatt-demo .qa-stat > span {overflow-wrap: anywhere;}
.oog-qilowatt-demo{color:#263836;font-size:14px;line-height:1.5}.oog-qilowatt-demo .qa-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:22px 0;font-size:12px;color:#728572}.oog-qilowatt-demo .qa-demo-nav a{color:#507800;text-decoration:none}.oog-qilowatt-demo .qa-demo-nav+svg{position:absolute}.oog-qilowatt-demo a:focus-visible,.oog-qilowatt-demo button:focus-visible{outline-offset:3px}.oog-qilowatt-demo .qa-intro-brand>img{width:170px;height:auto}.oog-qilowatt-demo .qa-intro{margin-top:0}.oog-qilowatt-demo .qa-explanation{width:min(1400px,calc(100% - 40px));margin:0 auto 32px}.oog-qilowatt-demo .qa-demo-nav span{font-size:10px}@media(max-width:480px){.oog-qilowatt-demo .qa-demo-nav{padding-inline:10px;gap:8px}.oog-qilowatt-demo .qa-demo-nav span{font-size:8px}}
/* Chart readability and explicit consumer-side power convention. */
.oog-qilowatt-demo .qa-chart-meta{color:#586b72;font-size:10px;padding-top:5px}
.oog-qilowatt-demo .qa-charge-ceiling{display:inline-block;margin-left:12px;color:#527c32;white-space:nowrap}
.oog-qilowatt-demo .qa-chart-conventions{margin:5px 18px 8px;color:#64757c;font-size:10px;line-height:1.6}
.oog-qilowatt-demo .qa-chart-conventions strong{color:#344d59;font-weight:600}
.oog-qilowatt-demo .qa-series-legend{font-size:12px;gap:9px 17px}
.oog-qilowatt-demo .qa-series-group>span{color:#607079;font-weight:700}
.oog-qilowatt-demo .qa-tooltip{font-size:11px;box-shadow:0 8px 26px #28373e18}
.oog-qilowatt-demo .qa-tooltip>div>span{color:#536a73}
@media(max-width:600px){.oog-qilowatt-demo .qa-chart-meta{font-size:9px}.oog-qilowatt-demo .qa-charge-ceiling{margin-left:0;margin-right:8px}.oog-qilowatt-demo .qa-chart-conventions{font-size:9px}.oog-qilowatt-demo .qa-chart-conventions>span{display:block}.oog-qilowatt-demo .qa-series-legend{font-size:11px;gap:7px 12px}}