/* Tema PLN: putih, biru, cyan, dan aksen kuning. Dimuat setelah style.css. */
.monitor-shell{
  background:
    radial-gradient(circle at 12% 5%,rgba(47,201,232,.24),transparent 25%),
    radial-gradient(circle at 92% 95%,rgba(0,169,206,.18),transparent 28%),
    linear-gradient(145deg,#087ca7 0%,#075a91 48%,#063d72 100%);
  border-color:#07517e;
  box-shadow:0 20px 48px rgba(5,70,116,.3),inset 0 1px rgba(255,255,255,.35);
}
.monitor-title h1{color:#fff200;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.monitor-title p,.side-column h2{color:#d8f7ff}
.refresh-badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff}
.live-ring{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.32)}
.meter-card{
  background:linear-gradient(145deg,#fff 0%,#edf9fd 100%);
  color:#073d67;
  border:1px solid rgba(5,120,166,.35);
  box-shadow:0 9px 20px rgba(1,39,76,.24),inset 0 1px #fff;
}
.meter-card:after{
  content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-34px;top:-38px;
  border:13px solid rgba(0,169,206,.08);pointer-events:none
}
.meter-card:hover{box-shadow:0 13px 27px rgba(1,39,76,.32),inset 0 1px #fff}
.meter-card span{color:#087ca7;text-shadow:none}
.meter-card strong{color:#063d72;text-shadow:none}
.meter-card em{color:#43829e}
.meter-card small{color:#6b94a8}
.meter-card.small{background:linear-gradient(145deg,#fff,#dff5fb);border-left:4px solid #00a9ce}
.meter-card.small span{color:#087ca7}.meter-card.small strong{color:#063d72}
.meter-card.metric:nth-child(1){border-top:5px solid #0077a9}
.meter-card.metric:nth-child(2){border-top:5px solid #00a9ce}
.meter-card.metric:nth-child(3){border-top:5px solid #f5c400}
.meter-card.metric:nth-child(3) span{color:#8b6c00}
.meter-card.current{border-width:1px;border-top-width:5px}
.meter-card.current.phase-r{background:linear-gradient(145deg,#fff,#eaf7fb);border-color:#0b78aa}
.meter-card.current.phase-s{background:linear-gradient(145deg,#f8fdff,#d7f4fa);border-color:#00a9ce}
.meter-card.current.phase-t{background:linear-gradient(145deg,#0a94bd,#056c9b);border-color:#5bd6ec;box-shadow:0 10px 22px rgba(0,38,73,.34),inset 0 1px rgba(255,255,255,.3)}
.meter-card.current.phase-t span{color:#fff200}.meter-card.current.phase-t strong{color:#fff}.meter-card.current.phase-t em{color:#d9f8ff}
.meter-card.current.phase-n{background:linear-gradient(145deg,#fff,#e9f5f8);border-color:#f5c400}
.meter-card.current.phase-n span{color:#8b6c00}
.meter-card.value-change{box-shadow:0 0 0 3px rgba(255,242,0,.5),0 13px 27px rgba(1,39,76,.32)}
.monitor-footer{color:#d9f3ff;border-top-color:rgba(255,255,255,.25)}
@media(max-width:720px){.meter-card:after{width:58px;height:58px;right:-30px;top:-30px}}