/* MasjidScreen V19 — yüksek kontrast, salon mesafesinden okunabilir TV */
.screen-shell{--muted:rgba(255,255,255,.91)}
.mosque-brand small,.screen-note,.prayer-row small,.prayer-header{color:rgba(255,255,255,.90)!important}
.prayer-row{border-color:rgba(255,255,255,.20);transition:background .3s,border-color .3s}
.prayer-row.active{border-color:rgba(244,209,117,.85);box-shadow:inset 4px 0 0 #f3c867}
.prayer-row time{font-weight:800;font-variant-numeric:tabular-nums}
.prayer-row strong{font-weight:800}
.prayer-header{font-weight:750;letter-spacing:.035em}
.announcement p,.next-prayer-card p{color:#ecf6f2!important}
.screen-note .offline{color:#ffda9d!important;font-weight:800}
.screen-note .online{color:#c4f7da!important;font-weight:750}
.next-prayer-card{border-color:rgba(255,255,255,.24)}
@media(min-width:1100px){.prayer-row strong{font-size:clamp(18px,1.33vw,29px)}.prayer-row time{font-size:clamp(20px,1.63vw,35px)}.prayer-header{font-size:clamp(13px,.95vw,21px)}.prayer-row small{font-size:clamp(13px,.95vw,19px)}.screen-note{font-size:clamp(13px,.95vw,20px)}}
@media(max-width:700px){
 .screen-shell{overflow:visible}
 .mosque-brand p,.mosque-brand small,.clock-block p,.screen-note,.announcement p{font-size:clamp(12px,3vw,15px)!important;line-height:1.5}
 .mosque-brand h1{font-size:clamp(21px,5.4vw,32px)!important}
 .prayer-header{font-size:clamp(11px,2.6vw,14px)!important}
 .prayer-row{min-height:69px;padding:11px 9px}
 .prayer-row strong,.prayer-row time{font-size:clamp(15px,3.7vw,22px)!important;font-weight:800}
 .prayer-row small{font-size:clamp(11px,2.6vw,14px)!important}
 .next-prayer-card>p:first-child,.next-prayer-card>p:last-child{font-size:12px!important}
 .announcement h3{font-size:16px!important}
 .live-pill{font-size:11px!important}
 .clock-block time{font-size:clamp(30px,8vw,42px)!important}
}
@media(max-width:390px){.prayer-header,.prayer-row{grid-template-columns:minmax(88px,1.5fr) repeat(3,minmax(0,1fr));gap:4px}.prayer-row strong,.prayer-row time{font-size:clamp(13px,3.65vw,16px)!important}.prayer-row small{font-size:10.5px!important}}
@media(orientation:portrait) and (min-width:701px){.screen-shell{height:100dvh}.prayer-row time{font-size:clamp(18px,2.5vw,30px)}}
@media(prefers-reduced-motion:reduce){.screen-shell *{animation-duration:.01ms!important;transition-duration:.01ms!important}}