/* ClearlyHost MosqueOS — reference dashboard layout */
:root{--ref-gold:#f0b755;--ref-green:#65d86f;--ref-blue:#2799f2;--ref-panel:#071d32}
body{padding:10px;background:#03111f;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(30deg,transparent 48%,#c9953d 49%,transparent 51%),linear-gradient(-30deg,transparent 48%,#c9953d 49%,transparent 51%);background-size:56px 96px;mask-image:linear-gradient(to bottom,#000,transparent 44%)}
.kiosk-shell{max-width:1920px;gap:10px}
.glass-panel{border-radius:15px;border-color:rgba(220,188,126,.52);background:linear-gradient(145deg,rgba(7,30,53,.94),rgba(3,17,31,.96));box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.26);backdrop-filter:blur(10px)}
.topbar{position:relative;min-height:106px;grid-template-columns:290px 1fr auto 220px;direction:ltr;padding:8px 16px;background:transparent;border:0;box-shadow:none;overflow:visible}
.brand-stamp{height:104px;display:grid;place-items:center;direction:ltr}.brand-stamp img{width:220px;height:102px;object-fit:contain;filter:sepia(.3) saturate(1.25) drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.mosque-brand{justify-self:center;direction:rtl;text-align:center}.mosque-mark{display:none}.mosque-brand h1{font-size:clamp(2rem,3.4vw,4rem);color:var(--ref-gold);font-weight:900}.mosque-brand p{font-size:clamp(.85rem,1.25vw,1.25rem);color:#fff}
.top-center{direction:rtl;align-self:center}.status-pill{border:0;background:transparent;height:auto;padding:3px 8px}
.header-clock-block{direction:rtl;text-align:center;align-self:center}.header-clock-block strong{display:block;direction:ltr;font-size:clamp(2rem,3vw,3.5rem);font-weight:900;letter-spacing:.02em}.header-clock-block small{color:#fff}
.top-actions{align-self:center;border:1px solid rgba(220,188,126,.55);border-radius:14px;padding:5px;background:rgba(4,18,32,.55)}.round-button{border:0;background:transparent;box-shadow:none}
.hero-grid{grid-template-columns:345px minmax(560px,1fr) 390px;min-height:620px;gap:10px;direction:ltr}.hero-grid>*{direction:rtl}
.prayer-board{padding:12px}.panel-heading{padding:0 8px 10px}.panel-heading .eyebrow{display:none}.panel-heading strong{font-size:1.15rem}.prayer-list{gap:0;margin-top:5px}.prayer-item{min-height:67px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.16);padding:8px 9px;grid-template-columns:42px 1fr auto}.prayer-item .prayer-icon{background:transparent;font-size:1.55rem}.prayer-item .prayer-copy small{display:none}.prayer-item .prayer-copy b{font-size:1.35rem}.prayer-item .prayer-time{font-size:1.5rem}.prayer-item.current{border:1px solid #49df59;border-radius:9px;background:linear-gradient(90deg,rgba(37,151,72,.28),rgba(31,102,51,.12));box-shadow:inset 0 0 0 1px rgba(73,223,89,.2)}.source-row{font-size:.78rem}
.clock-stage{padding:20px 14px;background:radial-gradient(circle at 50% 48%,rgba(17,64,103,.78),rgba(4,20,36,.96) 67%)}.brand-watermark{inset:20% 23%;opacity:.08}.clock-stage::after{inset:0;border:0}.clock-date-row{display:none}.main-clock{font-size:clamp(3.8rem,6.5vw,7rem);margin:0 0 8px}.phase-chip{border:0;background:transparent;font-size:1.4rem;color:#fff}.stage-title{font-size:clamp(2.6rem,4vw,5rem);margin:0;color:var(--ref-gold)}
.countdown{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2vw,32px);margin:18px 0 10px;direction:ltr}.count-unit{width:clamp(112px,11vw,170px);aspect-ratio:1;display:grid;place-items:center;align-content:center;border-radius:50%;position:relative;background:radial-gradient(circle,#0b2540 56%,#07192c 57%);border:1px solid rgba(230,186,105,.7);box-shadow:inset 0 0 0 7px rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.32)}.count-unit::before{content:"";position:absolute;inset:-3px;border-radius:50%;border:8px solid transparent;border-top-color:var(--ref-green);transform:rotate(35deg)}.count-unit.unit-2::before{border-top-color:var(--ref-blue)}.count-unit b{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1}.count-unit small{font-size:1rem;color:#fff;margin-top:4px}.stage-subtitle{display:none}.progress-ring-wrap{display:none}.stage-stats{margin-top:10px;width:96%;gap:0;border:1px solid rgba(220,188,126,.45);border-radius:13px;overflow:hidden}.stage-stats article{border:0;border-inline-start:1px solid rgba(220,188,126,.35);border-radius:0;background:transparent;padding:12px}.stage-stats article:first-child{border-inline-start:0}.stage-stats strong{font-size:1.4rem;color:#67dc74}
.information-rail{gap:10px;grid-template-rows:auto auto 1fr auto}.date-card{padding:14px 18px}.date-card small{display:none}.date-card strong{font-size:1.22rem}.weather-card{min-height:160px}.weather-main{margin:6px}.weather-main strong{font-size:2.2rem}.jumua-card{background:linear-gradient(145deg,rgba(8,29,50,.96),rgba(4,18,32,.96))}
.content-grid{grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(220,188,126,.55);border-radius:14px;overflow:hidden;background:#061a2d}.content-card{border:0!important;border-inline-start:1px solid rgba(220,188,126,.35);border-radius:0!important;min-height:145px;box-shadow:none;background:transparent}.content-card:first-child{border-inline-start:0!important}.content-card-head{justify-content:center}.content-card blockquote,.content-card p{text-align:center}.content-card>small{display:block;text-align:center}
.bottom-bar{height:58px;border-radius:13px}.footer-brand img{width:86px}
@media(max-width:1280px){.topbar{grid-template-columns:210px 1fr auto 180px}.brand-stamp img{width:180px}.hero-grid{grid-template-columns:290px 1fr 310px}.count-unit{width:120px}.content-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body{padding:7px 7px 82px}.topbar{grid-template-columns:1fr auto;min-height:72px;padding:6px 10px}.brand-stamp{display:none}.mosque-brand{justify-self:start;text-align:right}.mosque-brand h1{font-size:1.35rem}.mosque-brand p{display:block;font-size:.75rem}.header-clock-block{display:none}.top-center{display:none}.hero-grid{display:flex;flex-direction:column}.clock-stage{order:1;min-height:500px}.prayer-board{order:2}.information-rail{order:3;display:grid;grid-template-columns:1fr 1fr}.countdown{gap:8px}.count-unit{width:min(27vw,145px)}.count-unit b{font-size:10vw}.content-grid{grid-template-columns:1fr}.content-card{border-inline-start:0!important;border-top:1px solid rgba(220,188,126,.25)!important}.content-card:first-child{border-top:0!important}}
@media(max-width:560px){.top-actions{padding:2px}.round-button{width:38px;height:38px}.clock-stage{min-height:430px;padding:12px 6px}.main-clock{font-size:15vw}.stage-title{font-size:7vw}.count-unit{width:28vw;border-width:1px}.count-unit::before{border-width:5px}.count-unit small{font-size:.65rem}.stage-stats{grid-template-columns:repeat(3,1fr)}.stage-stats small{font-size:.58rem}.stage-stats strong{font-size:.86rem}.prayer-list{grid-template-columns:1fr}.information-rail{grid-template-columns:1fr}.content-grid{border-radius:12px}}
@media(orientation:landscape) and (max-height:650px) and (max-width:1100px){.topbar{min-height:55px}.clock-stage{min-height:calc(100vh - 130px)}.main-clock{font-size:11vh}.stage-title{font-size:5.5vh}.count-unit{width:18vh}.count-unit b{font-size:7vh}.count-unit small{font-size:2.2vh}.stage-stats{margin-top:3px}.prayer-item{min-height:45px}.content-grid,.information-rail{display:none}}