.monitor-overview{color:var(--muted);flex-wrap:wrap;align-items:center;gap:24px;font-size:11px;display:flex}.monitor-overview>div{align-items:center;gap:8px;display:flex}.monitor-overview strong{color:var(--text);font-weight:600}.monitor-select select,.monitor-chart-select{background:var(--surface);border:1px solid var(--border);font:inherit;color:var(--text);border-radius:8px;max-width:100%;padding:8px 11px;font-size:11px}.monitor-condition{align-items:center;gap:23px;margin:29px 0;display:flex}.monitor-condition-symbol{background:var(--surface-alt);width:104px;height:104px;box-shadow:inset 0 0 0 10px var(--surface);border-radius:50%;place-items:center;display:grid}.monitor-condition.green .monitor-condition-symbol{background:var(--green-soft);color:var(--green)}.monitor-condition.blue .monitor-condition-symbol{background:var(--blue-soft);color:var(--blue)}.monitor-condition.orange .monitor-condition-symbol{background:var(--orange-soft);color:var(--orange)}.monitor-condition.red .monitor-condition-symbol{background:var(--red-soft);color:var(--red)}.monitor-resource{color:var(--text);font-size:12px;font-weight:550}.monitor-resource>span{color:var(--muted);font-size:10px;font-weight:400}.monitor-condition-title{letter-spacing:-.045em;color:var(--text);margin:4px 0 7px;font-size:43px;font-weight:580;line-height:1.35}.monitor-condition .muted{font-size:10px}.monitor-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:22px;display:grid}.monitor-levels>div{color:var(--muted);flex-direction:column;gap:7px;font-size:9px;display:flex}.monitor-levels>div>span:first-child{background:var(--surface-alt);border-radius:5px;height:4px}.monitor-levels>.active{color:var(--text);font-weight:600}.monitor-levels>.active.green>span:first-child{background:var(--green)}.monitor-levels>.active.blue>span:first-child{background:var(--blue)}.monitor-levels>.active.orange>span:first-child{background:var(--orange)}.monitor-levels>.active.red>span:first-child{background:var(--red)}.monitor-recommendation{border-top:1px solid var(--border);padding-top:18px}.monitor-recommendation strong{font-size:13px;font-weight:580;display:block}.monitor-recommendation p{margin:8px 0 17px;font-size:11px;line-height:1.9}.monitor-actions{flex-wrap:wrap;gap:9px;display:flex}.monitor-sensor{border:1px solid var(--border);background:var(--surface);text-align:left;color:var(--text);border-radius:12px;min-width:0;padding:18px;transition:background .15s,border-color .15s}.monitor-sensor:hover{background:var(--surface-alt);border-color:color-mix(in srgb,var(--blue) 35%,var(--border))}.monitor-sensor-label{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.monitor-sensor-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:21px 0 18px;font-size:32px;font-weight:550;line-height:1.3}.monitor-sensor-value>span{letter-spacing:0;color:var(--muted);margin-left:7px;font-size:12px;font-weight:400}.monitor-threshold{background:var(--surface-alt);border-radius:5px;height:5px;margin-bottom:12px;position:relative}.monitor-threshold>span{border-radius:5px;height:5px;transition:width .3s;display:block}.monitor-threshold>i{background:var(--muted);opacity:.45;width:1px;height:9px;position:absolute;top:-2px}.monitor-sensor-footer{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.monitor-chart-caption{margin-top:16px;font-size:10px!important;line-height:1.8!important}.monitor-simulation-actions{flex-direction:column;align-items:stretch;gap:10px;margin:19px 0;display:flex}.monitor-simulation-actions .button{justify-content:center}.monitor-detail-value{letter-spacing:-.035em;margin:24px 0;font-size:36px;font-weight:550}.monitor-history small{font-size:9px!important}.monitor-history .button{white-space:nowrap}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.monitor-overview{gap:10px 19px;font-size:10px}.monitor-condition{gap:19px;margin:22px 0}.monitor-condition-symbol{flex-shrink:0;width:90px;height:90px}.monitor-condition-title{font-size:38px}.monitor-sensor{padding:15px 12px}.monitor-sensor-label{gap:5px;font-size:10px}.monitor-sensor-label svg{width:14px}.monitor-sensor-value{margin:17px 0 16px;font-size:29px}.monitor-sensor .badge{padding:4px 5px;font-size:8px}.monitor-sensor .row.between{flex-wrap:wrap;gap:6px}.monitor-sensor-value>span{font-size:10px}.monitor-chart-select{max-width:140px}.monitor-history{min-width:670px}.monitor-select select{padding:8px;font-size:10px}.monitor-recommendation strong{font-size:12px}}@media (max-width:380px){.monitor-condition-symbol{width:76px;height:76px}.monitor-condition-title{font-size:34px}.monitor-sensor-value{font-size:26px}.monitor-resource{font-size:11px}}@media (prefers-reduced-motion:reduce){.monitor-threshold>span{transition:none}}