/* MijnSerenity 7.19.6 — Serenity Victron Live polish */
#msVictronDiagnosis,.ms-victron-legacy-hidden{display:none!important}
#msVictronEnergy,#msVictronEnergy.ms-victron-live-host{position:relative!important;inset:auto!important;float:none!important;transform:none!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;min-block-size:0!important;aspect-ratio:auto!important;align-self:start!important;justify-self:stretch!important;grid-row:auto!important;margin:0 0 18px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;grid-column:1/-1!important}
#msMarineGlass{--mg-bg:#061522;--mg-card:#0a1d2b;--mg-line:rgba(116,190,230,.25);--mg-line2:rgba(116,190,230,.12);--mg-white:#f5fbff;--mg-muted:#9fb7c7;--mg-green:#46d879;--mg-blue:#33a9ef;--mg-yellow:#ffc43d;--mg-red:#ff625c;box-sizing:border-box!important;position:relative!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;min-block-size:0!important;aspect-ratio:auto!important;align-self:start!important;margin:0!important;padding:14px!important;overflow:hidden!important;border:1px solid rgba(62,164,218,.34)!important;border-radius:24px!important;color:var(--mg-white)!important;background:radial-gradient(circle at 50% 22%,rgba(23,118,163,.16),transparent 34%),linear-gradient(180deg,#071927,#06131f 100%)!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;font-family:inherit!important}
#msMarineGlass *{box-sizing:border-box!important;min-width:0}
#msMarineGlass .mg-live-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 14px}
#msMarineGlass .mg-brand{display:flex;align-items:center;gap:10px}
#msMarineGlass .mg-boat{display:grid;place-items:center;width:42px;height:42px;font-size:29px;line-height:1}
#msMarineGlass .mg-brand-copy{display:grid;gap:1px}
#msMarineGlass .mg-brand-copy strong{font-size:21px;line-height:1.05;letter-spacing:.01em}
#msMarineGlass .mg-brand-copy small{color:var(--mg-blue);font-size:12px;font-weight:800}
#msMarineGlass .mg-live-pill{display:flex;align-items:center;gap:7px;color:var(--mg-green);font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
#msMarineGlass .mg-live-pill i{width:8px;height:8px;border-radius:50%;background:var(--mg-green);box-shadow:0 0 11px rgba(70,216,121,.85)}
#msMarineGlass .mg-live-pill.offline{color:#879dac}#msMarineGlass .mg-live-pill.offline i{background:#667d8c;box-shadow:none}
#msMarineGlass .mg-main{display:grid;grid-template-columns:minmax(0,.86fr) minmax(150px,1.22fr) minmax(0,.86fr);grid-template-areas:"solar battery use" "shore battery dc";gap:8px;padding:10px;border:1px solid var(--mg-line);border-radius:18px;background:rgba(255,255,255,.012)}
#msMarineGlass .mg-mini,#msMarineGlass .mg-info-card,#msMarineGlass .mg-system,#msMarineGlass .mg-climate-mini button{border:1px solid var(--mg-line);background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.01));box-shadow:inset 0 1px rgba(255,255,255,.025)}
#msMarineGlass .mg-mini{padding:10px;border-radius:14px;min-height:84px}
#msMarineGlass .mg-mini.solar{grid-area:solar;border-color:transparent;background:transparent;box-shadow:none}
#msMarineGlass .mg-mini.use{grid-area:use;border-color:transparent;background:transparent;box-shadow:none}
#msMarineGlass .mg-mini.shore{grid-area:shore}#msMarineGlass .mg-mini.dc{grid-area:dc}
#msMarineGlass .mg-mini small,#msMarineGlass .mg-info-card small,#msMarineGlass .mg-system small,#msMarineGlass .mg-climate-mini small{display:block;color:var(--mg-muted);font-size:9px;font-weight:800;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
#msMarineGlass .mg-mini strong{display:block;margin-top:7px;font-size:20px;line-height:1.08;font-weight:900;overflow-wrap:normal;word-break:normal;hyphens:none}
#msMarineGlass .mg-mini.shore strong{font-size:15px;line-height:1.12;text-wrap:balance}
#msMarineGlass .mg-mini em{display:block;margin-top:6px;color:var(--mg-muted);font-size:8px;line-height:1.25;font-style:normal}
#msMarineGlass .mg-battery{grid-area:battery;display:flex;align-items:center;justify-content:center;min-height:224px;padding:5px 2px;overflow:visible}
#msMarineGlass .mg-ring{--p:0;position:relative;display:grid;place-items:center;width:min(188px,100%);aspect-ratio:auto;border-radius:0;overflow:visible;background:none!important;filter:none}
#msMarineGlass .mg-ring:before{content:none!important;display:none!important}
#msMarineGlass .mg-ring-copy{position:relative;z-index:1;display:grid;justify-items:center;align-content:center;text-align:center;width:100%;transform:none!important}
#msMarineGlass .mg-ring-copy small{margin:0 0 2px;color:var(--mg-muted);font-size:8px;line-height:1;letter-spacing:.035em;white-space:nowrap}
#msMarineGlass .mg-ring-copy strong{display:block;margin:4px 0 5px;font-size:38px;line-height:1;font-weight:950;letter-spacing:-.035em;white-space:nowrap;transition:color .25s ease}
#msMarineGlass .mg-ring-copy>b{font-size:14px;line-height:1.1;font-weight:700;color:#c7d7e2}
#msMarineGlass .mg-ring-copy em{margin-top:7px;color:var(--mg-green);font-size:10px;line-height:1.2;font-style:normal;font-weight:800;white-space:nowrap}
#msMarineGlass .mg-charge-pill{display:inline-flex;align-items:center;justify-content:center;margin-top:7px;padding:5px 9px;border:1px solid rgba(70,216,121,.22);border-radius:999px;color:var(--mg-green);background:rgba(70,216,121,.08);font-size:9px;line-height:1;font-weight:850;white-space:nowrap}
#msMarineGlass .mg-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
#msMarineGlass .mg-info-card{padding:11px;border-radius:14px;min-height:108px}
#msMarineGlass .mg-info-card .mg-icon{display:inline-block;margin-right:4px;font-size:14px}
#msMarineGlass .mg-info-card strong{display:block;margin-top:9px;font-size:20px;line-height:1;font-weight:900}
#msMarineGlass .mg-info-card em{display:block;margin-top:6px;color:#d0dde5;font-size:9px;font-style:normal}
#msMarineGlass .mg-info-card .state{display:block;margin-top:7px;color:var(--mg-green);font-size:9px;font-weight:850}.mg-info-card .state.warn{color:var(--mg-yellow)!important}.mg-info-card .state.bad{color:var(--mg-red)!important}
#msMarineGlass .mg-level-bar{height:5px;margin-top:9px;border-radius:999px;background:#173149;overflow:hidden}
#msMarineGlass .mg-level-bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--mg-blue);transition:width .3s ease}#msMarineGlass .fuel .mg-level-bar i{background:var(--mg-yellow)}
#msMarineGlass .mg-systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;margin-top:8px}
#msMarineGlass .mg-system{height:100%;padding:11px;border-radius:14px;min-height:96px}
#msMarineGlass .mg-system-row{display:flex;align-items:flex-start;gap:8px}
#msMarineGlass .mg-system-row>div{min-width:0;flex:1}
#msMarineGlass .mg-system-icon{display:grid;place-items:center;width:29px;height:40px;font-size:22px;flex:0 0 29px}
#msMarineGlass .mg-system small{white-space:nowrap}
#msMarineGlass .mg-system strong{display:block;margin-top:7px;color:var(--mg-green);font-size:15px;line-height:1.08;white-space:nowrap;overflow:visible;word-break:normal;hyphens:none}
#msMarineGlass .mg-system em{display:block;margin-top:6px;color:var(--mg-muted);font-size:9px;font-style:normal}
#msMarineGlass .mg-climate-mini{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#msMarineGlass .mg-climate-mini button{appearance:none;width:100%;margin:0;padding:10px;border-radius:13px;color:inherit;text-align:left;font:inherit}
#msMarineGlass .mg-climate-values{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:7px}
#msMarineGlass .mg-climate-values strong{font-size:16px;white-space:nowrap}#msMarineGlass .mg-climate-values b{color:var(--mg-blue);font-size:11px;white-space:nowrap}
#msMarineGlass .mg-climate-mini em{display:block;margin-top:6px;color:#718c9e;font-size:8px;font-style:normal}
#msMarineGlass .mg-flow-card{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;margin-top:8px;padding:11px 8px;border:1px solid var(--mg-line);border-radius:14px;background:rgba(255,255,255,.01)}
#msMarineGlass .mg-flow-node{text-align:center}#msMarineGlass .mg-flow-node small{display:block;color:var(--mg-muted);font-size:8px;font-weight:800;text-transform:uppercase}#msMarineGlass .mg-flow-node strong{display:block;margin-top:4px;font-size:14px;white-space:nowrap}
#msMarineGlass .mg-flow-arrow{color:var(--mg-green);font-size:20px;line-height:1}#msMarineGlass .mg-flow-card[data-dir="idle"] .mg-flow-arrow{opacity:.25}
#msMarineGlass .mg-foot{display:flex;align-items:center;gap:7px;padding:11px 3px 1px;color:var(--mg-muted);font-size:9px}
#msMarineGlass .mg-foot i{width:7px;height:7px;border-radius:50%;background:var(--mg-green);box-shadow:0 0 9px rgba(70,216,121,.6)}#msMarineGlass .mg-foot.offline i{background:#657d8d;box-shadow:none}
@media(max-width:500px){#msMarineGlass{padding:10px!important;border-radius:21px!important;height:auto!important;min-height:0!important}#msMarineGlass .mg-live-head{padding:2px 2px 11px}#msMarineGlass .mg-brand-copy strong{font-size:19px}#msMarineGlass .mg-brand-copy small{font-size:11px}#msMarineGlass .mg-main{grid-template-columns:minmax(0,.9fr) minmax(125px,1.16fr) minmax(0,.9fr);gap:5px;padding:7px}#msMarineGlass .mg-mini{padding:7px;min-height:74px;border-radius:11px}#msMarineGlass .mg-mini small{font-size:7.5px}#msMarineGlass .mg-mini strong{font-size:15px}#msMarineGlass .mg-mini.shore strong{font-size:12px;line-height:1.14}#msMarineGlass .mg-mini em{font-size:7px}#msMarineGlass .mg-battery{min-height:194px;padding:8px 2px 2px}#msMarineGlass .mg-ring{width:min(164px,100%)}#msMarineGlass .mg-ring:before{display:none!important}#msMarineGlass .mg-ring-copy{transform:none!important}#msMarineGlass .mg-ring-copy small{font-size:6.8px;margin-bottom:1px}#msMarineGlass .mg-ring-copy strong{font-size:30px;line-height:1;margin:3px 0 5px}#msMarineGlass .mg-ring-copy>b{font-size:12px}#msMarineGlass .mg-ring-copy em{font-size:8.2px;margin-top:6px}#msMarineGlass .mg-charge-pill{padding:4px 7px;font-size:7.5px;margin-top:6px}#msMarineGlass .mg-three{gap:5px}#msMarineGlass .mg-info-card{padding:8px;min-height:98px;border-radius:11px}#msMarineGlass .mg-info-card small{font-size:7.5px}#msMarineGlass .mg-info-card strong{font-size:17px}#msMarineGlass .mg-info-card em,#msMarineGlass .mg-info-card .state{font-size:8px}#msMarineGlass .mg-systems{gap:5px}#msMarineGlass .mg-system{padding:9px;min-height:90px;border-radius:11px}#msMarineGlass .mg-system-icon{width:22px;flex-basis:22px;font-size:18px}#msMarineGlass .mg-system small{font-size:7.2px;letter-spacing:.025em;white-space:nowrap}#msMarineGlass .mg-system strong{font-size:12.5px;line-height:1.08;white-space:nowrap;letter-spacing:-.01em}#msMarineGlass .mg-climate-mini{gap:5px}#msMarineGlass .mg-climate-mini button{padding:8px}#msMarineGlass .mg-climate-values strong{font-size:14px}#msMarineGlass .mg-climate-values b{font-size:9px}#msMarineGlass .mg-flow-card{padding:9px 5px;gap:3px}#msMarineGlass .mg-flow-node strong{font-size:12px}#msMarineGlass .mg-flow-arrow{font-size:17px}}
@media(max-width:360px){#msMarineGlass .mg-main{grid-template-columns:1fr 1.08fr 1fr}#msMarineGlass .mg-ring-copy strong{font-size:28px}#msMarineGlass .mg-three{grid-template-columns:1fr 1fr}#msMarineGlass .mg-info-card.start{grid-column:1/-1}#msMarineGlass .mg-flow-card{grid-template-columns:1fr auto 1fr}#msMarineGlass .mg-flow-node:last-child,#msMarineGlass .mg-flow-arrow:last-of-type{display:none}}