/* MijnSerenity 7.14.8 — Ruuvi klimaat */
.ms7102-ruuvi-group{border-color:rgba(65,196,255,.32)!important;background:linear-gradient(145deg,rgba(3,24,43,.94),rgba(5,40,62,.72))!important}
.ms7102-ruuvi-help{margin:0 0 12px;color:#adc4d6;font-size:12px;line-height:1.45}
.ms7102-ruuvi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ms7102-ruuvi-grid label{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(1,14,28,.45)}
.ms7102-ruuvi-grid label>strong{font-size:13px;color:#f6fbff}
.ms7102-ruuvi-grid select{width:100%;min-height:44px;border-radius:11px;border:1px solid rgba(78,196,255,.35);background:#071b2f;color:#f5fbff;padding:0 11px;font-size:13px}
.ms7102-ruuvi-grid small{min-height:32px;color:#85d4ff;line-height:1.35}
.ms7102-ruuvi-actions{align-items:center;justify-content:space-between;margin-top:12px}
.ms7102-ruuvi-actions span{color:#9eb5c8;font-size:11px}
.ivms-temperature.ivms-climate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:12px}
.ivms-temperature.ivms-climate-grid>div{min-width:0;padding:0 6px}
.ivms-temperature.ivms-climate-grid>div+div{border-left:1px solid rgba(255,255,255,.12)}
.ivms-temperature.ivms-climate-grid strong{font-size:18px;white-space:nowrap}
.ivms-temperature.ivms-climate-grid em{display:block;margin-top:4px;color:#8fa9bd;font-style:normal;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ivms-climate-pressure{margin-top:10px;text-align:center;color:#8fa9bd;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:720px){
  .ms7102-ruuvi-grid{grid-template-columns:1fr}
  .ivms-temperature.ivms-climate-grid strong{font-size:16px}
  .ivms-temperature.ivms-climate-grid em{font-size:9px}
}

/* 7.14.8: vaste VRM-invoerkaart op iPhone/iPad */
.ms7148-vrm-card{margin-top:14px}
.ms7148-vrm-token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.ms7148-vrm-token-row input{width:100%;min-width:0;min-height:46px;font-size:16px;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important}
.ms7148-vrm-card .status{margin-top:10px}
@media(max-width:560px){.ms7148-vrm-token-row{grid-template-columns:1fr auto}.ms7148-vrm-token-row input{font-size:16px}}

/* 7.15.1 — Energie en klimaat samengevoegd tot één dashboardkaart */
.ivms-energy-climate-card{cursor:pointer}
.ivms-energy-climate-card .ivms-combined-climate{margin-top:14px;padding-top:12px;border-top:1px solid rgba(139,168,196,.18)}
.ivms-energy-climate-card .ivms-combined-climate-title{display:flex;align-items:center;gap:7px;color:#eef7ff;font-size:11px;font-weight:750;letter-spacing:.08em}
.ivms-energy-climate-card .ivms-climate-grid{margin-top:9px}
.ivms-energy-climate-card .ivms-climate-pressure{margin-top:8px;text-align:center}
@media (max-width:900px){.ivms-energy-climate-card .ivms-climate-grid strong{font-size:15px}.ivms-energy-climate-card .ivms-climate-grid em{font-size:9px}}


/* 7.15.2 — laadbronnen afzonderlijk tonen */
.ivms-charge-sources-card .ivms-charge-source-list{display:grid;gap:9px;margin-top:10px}
.ivms-charge-source-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(139,168,196,.14);border-radius:11px;background:rgba(5,22,39,.30)}
.ivms-charge-source-row>div{display:flex;align-items:center;gap:9px;min-width:0}
.ivms-charge-source-row div>span:last-child{min-width:0}
.ivms-charge-source-row small{display:block;color:#8fa9bd;font-size:9px;letter-spacing:.08em}
.ivms-charge-source-row strong{display:block;margin-top:2px;color:#f5fbff;font-size:16px;white-space:nowrap}
.ivms-charge-source-row>em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.05em;color:#9ddcff;text-align:right;max-width:42%}
.ivms-charge-icon{font-size:17px}
@media(max-width:900px){.ivms-charge-source-row{padding:8px}.ivms-charge-source-row strong{font-size:14px}.ivms-charge-source-row>em{font-size:8px}}