/* ============================================================
   V4.9D — PAPPSEN OPS DATAMONITOR
   ============================================================ */

.source.gpDatamonitorHost{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.source.gpDatamonitorHost > :not(.gpDatamonitor){
  display:none !important;
}

.gpDatamonitor{
  position:absolute !important;
  inset:0 !important;
  z-index:90 !important;

  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  gap:7px !important;

  padding:12px 14px !important;
  box-sizing:border-box !important;

  background:
    linear-gradient(90deg,rgba(255,45,157,.06),transparent 24%,transparent 75%,rgba(25,233,255,.05)),
    repeating-linear-gradient(0deg,rgba(25,233,255,.035) 0 1px,transparent 1px 8px),
    repeating-linear-gradient(90deg,rgba(25,233,255,.028) 0 1px,transparent 1px 8px),
    #061326 !important;

  color:#f7fbff !important;
  font-family:"Courier New",monospace !important;
  image-rendering:pixelated !important;
}

.gpDmTop{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
}

.gpDmBrand{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}

.gpDmPad{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;

  display:grid !important;
  place-items:center !important;

  background:#111d37 !important;
  border:2px solid #19e9ff !important;
  box-shadow:3px 3px 0 #000,inset 0 -4px 0 rgba(255,45,157,.18) !important;

  color:#ffe13d !important;
  font:900 14px/1 "Courier New",monospace !important;
}

.gpDmBrandText{
  min-width:0 !important;
}

.gpDmKicker{
  color:#19e9ff !important;
  font:900 8px/1 "Courier New",monospace !important;
  letter-spacing:.08em !important;
  text-shadow:1px 1px 0 #000 !important;
}

.gpDmTitle{
  margin-top:3px !important;
  color:#fff !important;
  font:900 14px/1 "Courier New",monospace !important;
  letter-spacing:.045em !important;
  text-shadow:2px 2px 0 #000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.gpDmTag{
  flex:0 0 auto !important;
  padding:5px 7px !important;

  border:2px solid #ff2d9d !important;
  background:#120923 !important;
  box-shadow:3px 3px 0 #000 !important;

  color:#ffe13d !important;
  font:900 8px/1 "Courier New",monospace !important;
  letter-spacing:.07em !important;
  text-shadow:1px 1px 0 #000 !important;
}

.gpDmBody{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
}

.gpDmScreen{
  min-height:0 !important;
  display:none !important;
  grid-template-rows:auto 1fr !important;
  gap:6px !important;
}

.gpDmScreen.isActive{
  display:grid !important;
}

.gpDmScreenHead{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;

  padding:3px 6px !important;
  border-left:3px solid #19e9ff !important;
  background:rgba(1,7,18,.72) !important;

  color:#c8e9f5 !important;
  font:900 8px/1 "Courier New",monospace !important;
}

.gpDmScreenHead b{
  color:#ffe13d !important;
}

.gpDmGrid{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:5px !important;
}

.gpDmCell{
  min-width:0 !important;
  min-height:0 !important;
  padding:5px 7px !important;

  background:rgba(1,8,20,.74) !important;
  border:1px solid rgba(25,233,255,.28) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.gpDmCell .l{
  color:#7da8bd !important;
  font:900 7px/1 "Courier New",monospace !important;
  letter-spacing:.065em !important;
  white-space:nowrap !important;
}

.gpDmCell .v{
  margin-top:4px !important;
  color:#fff !important;
  font:900 10px/1.05 "Courier New",monospace !important;
  text-shadow:1px 1px 0 #000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.gpDmCell .v.good{color:#51ff9b !important;}
.gpDmCell .v.warn{color:#ffe13d !important;}
.gpDmCell .v.bad{color:#ff4f76 !important;}
.gpDmCell .v.cyan{color:#19e9ff !important;}

.gpDmSignal{
  min-height:0 !important;
  padding:7px 9px !important;

  display:grid !important;
  align-content:center !important;

  border:1px solid rgba(255,225,61,.50) !important;
  background:
    linear-gradient(90deg,rgba(255,225,61,.06),transparent 28%),
    rgba(1,8,20,.78) !important;
}

.gpDmSignalLabel{
  color:#ffe13d !important;
  font:900 7px/1 "Courier New",monospace !important;
  letter-spacing:.08em !important;
}

.gpDmSignalText{
  margin-top:5px !important;
  color:#fff !important;
  font:900 11px/1.1 "Courier New",monospace !important;
  text-shadow:2px 2px 0 #000 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

.gpDmNews{
  min-height:0 !important;
  padding:7px 9px !important;

  display:grid !important;
  grid-template-rows:auto 1fr !important;
  gap:5px !important;

  border:1px solid rgba(255,45,157,.44) !important;
  background:
    linear-gradient(90deg,rgba(255,45,157,.08),transparent 34%),
    rgba(1,8,20,.80) !important;
}

.gpDmNewsMeta{
  display:flex !important;
  justify-content:space-between !important;
  gap:8px !important;

  color:#ff7fc6 !important;
  font:900 7px/1 "Courier New",monospace !important;
}

.gpDmNewsTitle{
  color:#fff !important;
  font:900 10px/1.12 "Courier New",monospace !important;
  text-shadow:1px 1px 0 #000 !important;

  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
}

.gpDmFoot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;

  min-width:0 !important;
  padding-top:5px !important;
  border-top:1px solid rgba(25,233,255,.22) !important;

  color:#7fa3b8 !important;
  font:900 7px/1 "Courier New",monospace !important;
}

.gpDmDots{
  display:flex !important;
  gap:4px !important;
}

.gpDmDot{
  width:5px !important;
  height:5px !important;
  background:#183146 !important;
  border:1px solid #000 !important;
}

.gpDmDot.on{
  background:#19e9ff !important;
  box-shadow:0 0 5px rgba(25,233,255,.5) !important;
}

body[data-pixel-layout="9"] .gpDatamonitor{
  padding:18px !important;
  gap:10px !important;
}
body[data-pixel-layout="9"] .gpDmPad{
  width:38px !important;height:38px !important;flex-basis:38px !important;font-size:18px !important;
}
body[data-pixel-layout="9"] .gpDmKicker{font-size:10px !important;}
body[data-pixel-layout="9"] .gpDmTitle{font-size:18px !important;}
body[data-pixel-layout="9"] .gpDmTag{font-size:10px !important;padding:7px 9px !important;}
body[data-pixel-layout="9"] .gpDmScreenHead{font-size:10px !important;padding:5px 8px !important;}
body[data-pixel-layout="9"] .gpDmCell .l{font-size:9px !important;}
body[data-pixel-layout="9"] .gpDmCell .v{font-size:13px !important;}
body[data-pixel-layout="9"] .gpDmSignalLabel,
body[data-pixel-layout="9"] .gpDmNewsMeta,
body[data-pixel-layout="9"] .gpDmFoot{font-size:9px !important;}
body[data-pixel-layout="9"] .gpDmSignalText{font-size:15px !important;}
body[data-pixel-layout="9"] .gpDmNewsTitle{font-size:14px !important;}