.pRow.passed{
  opacity:.58;
}

.pRow.passed .pBg{
  filter:saturate(.18) brightness(1.04);
}

.pRow.passed .ico{
  opacity:.72;
}

.pRow.passed .pName,
.pRow.passed .pTime,
.pRow.passed .pTimeSub,
.pRow.passed .countdownPct{
  color:rgba(15,23,42,.52);
}


.pFx{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}

.pFxFajr{
  background:
    radial-gradient(120px 80px at 18% 18%, rgba(255,255,255,.10), transparent 70%),
    radial-gradient(220px 120px at 18% 100%, rgba(251,191,36,.10), transparent 72%),
    linear-gradient(180deg, rgba(8,15,40,.78) 0%, rgba(20,36,78,.52) 58%, rgba(245,158,11,.08) 100%);
}

.pFxStars{
  position:absolute;
  inset:0;
}

.pFxStars span{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 0 8px rgba(255,255,255,.45);
  animation:fajrTwinkle 3.8s ease-in-out infinite;
}

.pFxStars span:nth-child(1){ top:16%; left:14%; animation-delay:0s; }
.pFxStars span:nth-child(2){ top:24%; left:31%; animation-delay:.8s; }
.pFxStars span:nth-child(3){ top:11%; left:48%; animation-delay:1.6s; }
.pFxStars span:nth-child(4){ top:27%; left:62%; animation-delay:2.2s; }
.pFxStars span:nth-child(5){ top:18%; left:74%; animation-delay:1.1s; }
.pFxStars span:nth-child(6){ top:30%; left:84%; animation-delay:2.8s; }

.pFxMoon{
  position:absolute;
  top:14px;
  left:18px;
  font-size:28px;
  line-height:1;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.22));
  opacity:.92;
  animation:fajrMoonGlow 5.2s ease-in-out infinite;
}

.pFxName{
  position:absolute;
  left:108px;
  top:12px;
  font-size:28px;
  font-weight:950;
  letter-spacing:.4px;
  color:rgba(255,255,255,.12);
  text-shadow:0 1px 0 rgba(255,255,255,.05);
  user-select:none;
}

.pRow.active .pFx + .pInner{
  position:relative;
  z-index:2;
}

/* --- disable old sky effect for LCD redesign --- */
.pFx,
.pFxFajr{
  display:none !important;
}

.pRow.active .pFxFajr + .pInner .pNameTop{
  visibility:visible;
}

.pRow.passed{
  opacity:.46;
  filter:saturate(.55);
}

.pRow.passed .pNameTop,
.pRow.passed .pTime,
.pRow.passed .pTimeSub,
.pRow.passed .countdownPct{
  color:rgba(36, 48, 24, .58);
}


/* --- Fajr-only LCD panel treatment: 1.8.1.0 all states --- */
.pRow:has(.pBg.bg-fajr),
.pRow.tpl-lcd{
  border-radius:10px;
  border:1px solid rgba(69, 85, 46, .42);
  background:linear-gradient(180deg, #bcc8a0 0%, #aab78b 48%, #98a47a 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -10px 18px rgba(53, 67, 37, .12),
    0 10px 22px rgba(15,23,42,.07);
}

.pRow:has(.pBg.bg-fajr)::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.05) 0 2px,
      rgba(0,0,0,.02) 2px 4px
    );
  opacity:.26;
  mix-blend-mode:soft-light;
}

.pRow:has(.pBg.bg-fajr) .pBg{
  display:none;
}

.pRow:has(.pBg.bg-fajr) .pNameTop,
.pRow:has(.pBg.bg-fajr) .pTime,
.pRow:has(.pBg.bg-fajr) .pTimeSub,
.pRow:has(.pBg.bg-fajr) .countdownPct{
  color:#243018;
}

.pRow.upcoming:has(.pBg.bg-fajr){
  filter:saturate(.88) brightness(.99);
}

.pRow.active:has(.pBg.bg-fajr){
  filter:saturate(.96) brightness(1.01);
  border-color:rgba(56, 80, 33, .58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -12px 22px rgba(44, 61, 30, .14),
    0 14px 28px rgba(15,23,42,.10);
}

.pRow.passed:has(.pBg.bg-fajr){
  opacity:.62;
  filter:saturate(.55) brightness(.98);
}

.pRow.passed:has(.pBg.bg-fajr) .pNameTop,
.pRow.passed:has(.pBg.bg-fajr) .pTime,
.pRow.passed:has(.pBg.bg-fajr) .pTimeSub,
.pRow.passed:has(.pBg.bg-fajr) .countdownPct{
  color:rgba(36, 48, 24, .58);
}

.pFx,
.pFxFajr{
  display:none !important;
}


.pRow.tpl-lcd .pBg{
  display:none !important;
}