/* CannaGrow 0.14.37 – echte Temperatursteuerung */
.temperature-control{display:block!important;position:relative;overflow:visible!important;padding:16px!important}
.temperature-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.temperature-title-line{display:flex;align-items:center;gap:8px}
.temperature-title-line>span{margin:0!important}
.temperature-state{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:rgba(92,240,142,.08);border:1px solid rgba(92,240,142,.14);color:#aef3c2;font-size:10px;font-weight:800}
.temperature-state.limited{color:#ffd49a;background:rgba(255,188,92,.08);border-color:rgba(255,188,92,.18)}
.temperature-info{position:relative;z-index:40}
.temperature-info summary{list-style:none;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:11px;font-weight:900;color:#b9ffd0;border:1px solid rgba(92,240,142,.30);background:rgba(92,240,142,.08);user-select:none}
.temperature-info summary::-webkit-details-marker{display:none}
.temperature-info[open] summary{background:rgba(92,240,142,.18);color:#fff}
.temperature-info-popover{position:absolute;left:0;top:27px;width:min(390px,calc(100vw - 54px));padding:14px;border-radius:16px;background:rgba(6,16,11,.98);border:1px solid rgba(92,240,142,.22);box-shadow:0 18px 45px rgba(0,0,0,.55);z-index:80;color:#eafff0}
.temperature-info-popover>strong{display:block;font-size:13px;margin-bottom:5px}
.temperature-info-popover>p,.temperature-info-popover>small{display:block!important;font-size:10px!important;line-height:1.45;color:var(--muted);margin:0 0 9px!important}
.temperature-info-popover>small{margin:9px 0 0!important}
.temperature-impact-row{display:grid;grid-template-columns:92px 1fr;gap:9px;padding:7px 8px;border-radius:9px;margin-top:5px;font-size:10px;background:rgba(255,255,255,.025)}
.temperature-impact-row.good b{color:#9be9af}.temperature-impact-row.warn b{color:#ffd49a}.temperature-impact-row.bad b{color:#ff9c9c}
.temperature-impact-row span{color:#dfe9e2}
.temperature-slider-card{margin-top:14px;padding:13px 14px 11px;border-radius:15px;background:rgba(3,15,9,.48);border:1px solid rgba(92,240,142,.10)}
.temperature-slider-card.disabled{opacity:.48}
.temperature-slider-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:10px;color:var(--muted)}
.temperature-slider-meta output{font-size:18px;font-weight:900;color:var(--green);font-variant-numeric:tabular-nums}
.temperature-slider{width:100%;height:22px;accent-color:var(--green);cursor:pointer}
.temperature-slider:disabled{cursor:not-allowed}
.temperature-scale{display:flex;justify-content:space-between;margin-top:2px;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}
.temperature-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.temperature-live-grid>div{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}
.temperature-live-grid span{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}
.temperature-live-grid strong{display:block;font-size:12px;font-variant-numeric:tabular-nums}
.temperature-progress-wrap{width:100%!important}
@media(max-width:720px){
  .temperature-control-head{flex-direction:column;gap:8px}.temperature-state{align-self:flex-start}
  .temperature-live-grid{grid-template-columns:1fr 1fr}
  .temperature-info-popover{position:fixed;left:16px;right:16px;top:50%;transform:translateY(-50%);width:auto;max-height:72vh;overflow:auto}
}
@media(max-width:430px){.temperature-live-grid{grid-template-columns:1fr}.temperature-scale{font-size:8px}}


/* CannaGrow 0.14.44 – größere Temperaturanzeige */
.temperature-main-readout{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(560px,100%);margin-top:7px;font-variant-numeric:tabular-nums}
.temperature-main-readout strong{font-size:17px!important;line-height:1.2;color:#eafff0}
.temperature-main-readout strong:last-child{text-align:right}
.temperature-main-readout span{font-size:20px!important;color:var(--green);font-weight:900}
.temperature-copy>.climate-effect{font-size:11px!important;line-height:1.45;margin-top:6px!important}
.temperature-title-line>span{font-size:11px!important;letter-spacing:.08em}
.temperature-state{font-size:11px!important}
.temperature-recommendation span,.temperature-recommendation small{font-size:11px!important;line-height:1.45}
.temperature-recommendation strong{font-size:20px!important}
.temperature-slider-meta{font-size:11px!important}.temperature-scale{font-size:10px!important}
.temperature-live-grid span{font-size:10px!important}.temperature-live-grid strong{font-size:13px!important}
.temperature-info-popover>p,.temperature-info-popover>small,.temperature-impact-row{font-size:11px!important}
@media(max-width:520px){
  .temperature-main-readout{gap:12px}
  .temperature-main-readout strong{font-size:14px!important}
  .temperature-main-readout span{font-size:17px!important}
}