/* Live Sensors tool (desktop companion). Light theme, mobile first. */
.smgpu-sensors__status { margin: 0.75rem 0; padding: 0.7rem 0.9rem; border-radius: 10px; background: #f5f8ff; border: 1px solid #e1e7f3; color: #0b1220; min-height: 44px; display: flex; align-items: center; }
.smgpu-sensors__status.is-ok { background: #eefaf3; border-color: #bfe6cf; }
.smgpu-sensors__status.is-warn { background: #fff8e6; border-color: #f1d98f; }
.smgpu-sensors__status.is-bad { background: #fff1f0; border-color: #f3c0bb; }
.smgpu-sensors__form input { min-height: 44px; width: 100%; box-sizing: border-box; font: inherit; padding: 0.5rem 0.7rem; border: 1px solid #e1e7f3; border-radius: 10px; background: #fff; color: #0b1220; }
.smgpu-sensors__form input:focus-visible { outline: 3px solid #0b5cff; outline-offset: 1px; }
.smgpu-sensors__gpu { font-weight: 600; margin: 0.5rem 0; color: #0b1220; overflow-wrap: anywhere; }
.smgpu-sensors__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; margin: 0.5rem 0 1rem; }
.smgpu-sensors__tile { background: #fff; border: 1px solid #e1e7f3; border-radius: 12px; padding: 0.7rem 0.8rem; box-shadow: 0 1px 3px rgba(11, 18, 32, 0.06); display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.smgpu-sensors__tile span { color: #5b6475; font-size: 0.82rem; }
.smgpu-sensors__tile strong { font-size: 1.3rem; color: #0b1220; overflow-wrap: anywhere; }
.smgpu-sensors__tile em { font-style: normal; font-size: 0.8rem; color: #5b6475; min-height: 1em; }
.smgpu-sensors__tile.is-ok { border-color: #bfe6cf; background: #f4fbf7; }
.smgpu-sensors__tile.is-warm { border-color: #f1d98f; background: #fff8e6; }
.smgpu-sensors__tile.is-warm em { color: #8a5a00; font-weight: 600; }
.smgpu-sensors__tile.is-hot { border-color: #f3a39b; background: #fff1f0; }
.smgpu-sensors__tile.is-hot em { color: #b42318; font-weight: 700; }
.smgpu-sensors__chart { display: block; width: 100%; max-width: 760px; height: auto; border-radius: 12px; border: 1px solid #e1e7f3; }
.smgpu-sensors__steps { padding-left: 1.2rem; }
.smgpu-sensors__steps li { margin: 0.4rem 0; overflow-wrap: anywhere; }
.smgpu-runsensors { margin-top: 1.25rem; padding: 1rem; border: 1px solid #e1e7f3; border-radius: 14px; background: #f5f8ff; }
.smgpu-runsensors h4 { margin: 0 0 0.5rem; }
@media (min-width: 760px) { .smgpu-sensors__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
