/* ============================================================
   V4.9L — NATIVE CLOCK STACK
   Uses the original live-updated .clock and .livechip.
   Only WAITING/DEMO is mirrored to a clean custom card.
   ============================================================ */

body:not([data-pixel-layout="9"]) header.top{
  position:absolute !important;
  overflow:visible !important;
}

/* New compact real stack */
body:not([data-pixel-layout="9"]) .v49lTopStack{
  position:absolute !important;
  top:8px !important;
  right:1.25% !important;

  width:154px !important;

  display:grid !important;
  grid-template-rows:26px 28px 34px !important;
  gap:4px !important;

  margin:0 !important;
  padding:0 !important;

  z-index:600 !important;
  pointer-events:none !important;

  font-family:"Courier New",monospace !important;
}

/* ORIGINAL clock — same DOM node broadcast engine updates */
body:not([data-pixel-layout="9"]) .v49lTopStack .clock{
  position:static !important;
  inset:auto !important;
  transform:none !important;

  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 8px !important;

  visibility:visible !important;
  opacity:1 !important;

  background:#041225 !important;
  border:2px solid #19e9ff !important;
  border-radius:0 !important;
  box-shadow:3px 3px 0 #000 !important;

  color:#fff !important;
  font:900 13px/1 "Courier New",monospace !important;
  font-variant-numeric:tabular-nums !important;
  letter-spacing:.045em !important;
  white-space:nowrap !important;
  text-align:center !important;
  text-shadow:2px 2px 0 #000 !important;
}

body:not([data-pixel-layout="9"]) .v49lTopStack .clock::before{
  content:"◷" !important;
  color:#ffe13d !important;
  margin-right:6px !important;
  font-size:11px !important;
}

/* ORIGINAL livechip */
body:not([data-pixel-layout="9"]) .v49lTopStack .livechip{
  position:static !important;
  inset:auto !important;
  transform:none !important;

  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 8px !important;

  visibility:visible !important;
  opacity:1 !important;

  background:#16091c !important;
  border:2px solid #ff2d9d !important;
  border-radius:0 !important;
  box-shadow:
    3px 3px 0 #000,
    inset 0 -3px 0 rgba(255,45,157,.16),
    0 0 10px rgba(255,45,157,.16) !important;

  color:#fff !important;
  font:1000 14px/1 "Courier New",monospace !important;
  letter-spacing:.06em !important;
  text-shadow:2px 2px 0 #000 !important;
  white-space:nowrap !important;
}

/* Custom status card */
body:not([data-pixel-layout="9"]) .v49lStatus{
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;

  padding:0 8px !important;

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

  color:#fff !important;
  font:900 11px/1 "Courier New",monospace !important;
  letter-spacing:.035em !important;
  text-shadow:2px 2px 0 #000 !important;

  overflow:hidden !important;
}

body:not([data-pixel-layout="9"]) .v49lStatus.isDemo{
  border-color:#ff2d9d !important;
}

body:not([data-pixel-layout="9"]) .v49lStatusKey{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;

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

  background:#19e9ff !important;
  border:1px solid #ffe13d !important;

  color:#06101e !important;
  font:1000 13px/1 "Courier New",monospace !important;
  text-shadow:none !important;
}

body:not([data-pixel-layout="9"]) .v49lStatus.isDemo .v49lStatusKey{
  background:#ffe13d !important;
  border-color:#ff2d9d !important;
}

body:not([data-pixel-layout="9"]) .v49lStatusText{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Original WAITING/DEMO card stays alive for its JS, but invisible */
body:not([data-pixel-layout="9"]) .v43safe-topstack.v49lOriginalStatus{
  position:absolute !important;
  left:-9999px !important;
  top:-9999px !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Status/source lane to the left */
body:not([data-pixel-layout="9"]) header.top .sourceText{
  position:absolute !important;
  top:47px !important;
  right:12.0% !important;
  left:auto !important;
  bottom:auto !important;

  width:31vw !important;
  max-width:31vw !important;

  transform:none !important;
  margin:0 !important;
  padding:0 !important;

  text-align:right !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;

  color:#dceeff !important;
  font:900 10px/1 "Courier New",monospace !important;
  letter-spacing:.04em !important;
  text-shadow:2px 2px 0 #000 !important;

  z-index:550 !important;
}

/* Previous runtime classes may still be on nodes after old scripts. Override them. */
body:not([data-pixel-layout="9"]) .v49lTopStack .v49jOriginal,
body:not([data-pixel-layout="9"]) .v49lTopStack .v49gClock,
body:not([data-pixel-layout="9"]) .v49lTopStack .v49gLive{
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  transform:none !important;
}

/* 9:16 intentionally unchanged */