/* Prayer rail stays on the physical left in every interface language. */
#home .clock-block{position:absolute;top:22vh;right:5vw;width:48vw;margin:0;text-align:right}
#home .clock{font-size:clamp(90px,10vw,180px);margin-inline-start:auto}
#home #date{font-size:28px;margin-top:12px}#home #hijri{font-size:23px;margin-top:6px}
#home .information{position:absolute;left:5vw;top:14vh;bottom:9vh;width:29vw;max-width:440px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:6px;scrollbar-width:thin}
#home .prayer{flex:none;min-width:0}
#home #prayer-label{font-size:20px;margin:0 8px 10px;color:#f4eedb}
#home .prayer-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:12px;border-radius:18px}
#home #next-prayer{display:block;min-height:0;margin:0;font-size:21px;line-height:1.6;font-weight:500}
#home #countdown{font-size:26px;font-weight:500;line-height:1.25;white-space:nowrap;color:#f1dca0}
#home .prayer-times{display:flex;flex-direction:column;gap:9px;margin:0}
#home .prayer-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;padding:9px 20px;border-radius:17px;background:rgba(18,34,40,.6)}
#home .prayer-card-name{display:block;font-size:25px;line-height:1.3}
#home .prayer-card-time{font-size:27px;font-weight:500;direction:ltr;font-variant-numeric:tabular-nums;line-height:1.3}
#home .prayer-card.current{background:rgba(232,213,160,.18);border-color:#ead9aa;box-shadow:inset 3px 0 0 #ead9aa}
#home .prayer-card.current .prayer-card-name,#home .prayer-card.current .prayer-card-time{color:#ffe9ac}
#home .current-badge{position:absolute;left:92px;top:50%;transform:translateY(-50%);font-size:13px;color:#ead9aa;border:1px solid #ead9aa66;border-radius:20px;padding:2px 8px}
#home .prayer-card.sunrise{background:rgba(18,34,40,.35);min-height:54px;color:#d2dddd}
#home .prayer-card.sunrise .prayer-card-name{font-size:21px}
#home .prayer-card.next:not(.current){color:#f5f5ee;border-bottom:1px solid #ffffff3d}
#home #prayer-source{display:block;margin:9px 8px 0;font-size:13px;color:#d0dcda}
#home .information .appointment{flex:none;padding:20px 22px;background:rgba(223,234,230,.1);border:1px solid #f4f7ed55;border-radius:22px;box-shadow:0 10px 35px #03131530}
#home .appointment h2{font-size:24px;line-height:1.45;margin:7px 0}
#home #event-time{font-size:17px;margin:7px 0;color:#dce7e2}
#home .appointment button{font-size:17px;min-height:42px;padding:5px 14px}
#home .dock{position:absolute;right:5vw;bottom:16vh;max-width:54vw;gap:10px;padding:10px;margin:0}
#home .dock button{min-width:125px;font-size:21px;padding:8px 16px;min-height:50px}
#home .apps{position:absolute;right:5vw;bottom:5.5vh;width:54vw;display:flex;justify-content:flex-start;gap:16px;margin:0;padding:8px;min-height:78px;overflow-x:auto}
#home .app-icon{width:68px;height:68px;min-height:68px;flex:0 0 68px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:18px;overflow:hidden;background:#102b3699;border:1px solid #ffffff35}
#home .app-icon img{display:block;width:100%;height:100%;object-fit:contain}
.location-note{max-width:850px;padding:18px 0;color:#dce7e2}
@supports(backdrop-filter:blur(16px)){#home .prayer-card,#home .appointment{backdrop-filter:blur(20px)}}
@media(max-height:800px){
 #home .information{top:13vh;bottom:6vh;gap:12px;width:30vw;padding:5px}
 #home #prayer-label{font-size:17px;margin-bottom:6px}
 #home .prayer-summary{padding:9px 12px;margin-bottom:8px;gap:8px;border-radius:14px}
 #home #next-prayer{font-size:17px}#home #countdown{font-size:21px}
 #home .prayer-times{gap:7px}#home .prayer-card{min-height:45px;padding:7px 14px;border-radius:13px}
 #home .prayer-card-name{font-size:21px}#home .prayer-card-time{font-size:23px}
 #home .prayer-card.sunrise{min-height:40px}#home .prayer-card.sunrise .prayer-card-name{font-size:18px}
 #home .current-badge{left:76px;font-size:11px;padding:1px 6px}
 #home #prayer-source{font-size:11px;margin-top:6px}
 #home .information .appointment{padding:12px 16px;border-radius:17px}#home .appointment .eyebrow{font-size:15px}
 #home .appointment h2{font-size:21px;margin:4px 0}#home #event-time{font-size:14px;margin:4px 0}
 #home .appointment button{font-size:15px;min-height:34px;padding:3px 12px}
 #home .clock-block{top:23vh;width:48vw}#home .clock{font-size:112px}#home #date{font-size:23px}#home #hijri{font-size:20px}
 #home .dock{bottom:18vh;padding:8px;gap:8px}#home .dock button{min-width:100px;font-size:18px;padding:6px 12px;min-height:42px}
 #home .apps{bottom:6vh;min-height:64px;gap:12px}#home .app-icon{width:52px;height:52px;min-height:52px;flex-basis:52px;border-radius:14px}
 #home .information{top:12vh}
 #home .prayer-summary{padding:7px 12px}#home #next-prayer{font-size:16px;line-height:1.4}
 #home .information .appointment{padding:10px 14px}#home .appointment h2{font-size:20px;line-height:1.3}
 #home .appointment .eyebrow{line-height:1.3}#home #event-time{line-height:1.3}
}
/* Keep every launcher at the bottom, starting at the physical left edge. */
#home .bottom-controls{position:absolute;left:5vw;bottom:4.5vh;max-width:90vw;display:flex;align-items:center;gap:24px;direction:ltr}
#home .bottom-controls .dock{position:static;bottom:auto;right:auto;max-width:none;flex-shrink:0;direction:rtl}
#home .bottom-controls .apps{position:static;bottom:auto;right:auto;width:auto;min-width:0;max-width:48vw;min-height:0;direction:ltr;justify-content:flex-start}
#home .information{bottom:15vh}
#home .prayer-card{min-height:60px;padding-top:8px;padding-bottom:8px}
#home .information .appointment{padding:16px 20px}
#home .appointment button.action-icon{display:flex}
footer{bottom:1vh;font-size:12px;line-height:1.3}
@media(max-height:800px){
 #home .bottom-controls{bottom:4.5vh;gap:18px}
 #home .bottom-controls .apps{max-width:50vw}
 #home .information{bottom:18vh;gap:8px}
 #home .prayer-times{gap:5px}
 #home .prayer-card{min-height:39px;padding:5px 14px}
 #home .prayer-card-name{font-size:20px}#home .prayer-card-time{font-size:21px}
 #home .prayer-card.sunrise{min-height:34px}
 #home .prayer-summary{padding:5px 12px;margin-bottom:6px}
 #home .information .appointment{padding:8px 14px}
 #home .appointment h2{font-size:19px;margin:3px 0}
 #home #event-time{font-size:13px;margin:3px 0}
}

/* Time and calendars occupy the space freed by the removed brand header. */
header{justify-content:flex-end}
#home .clock-block{top:8vh}
#home #date{margin-top:10px}
#home #hijri{margin-top:4px}
@media(max-height:800px){#home .clock-block{top:8vh}}
/* Compact prayer rail; make the active prayer's time the strongest cue. */
#home .information{width:22vw;min-width:270px;max-width:330px;padding-bottom:0}
#home .prayer-card.current{background:rgba(232,213,160,.23);border:2px solid #ead9aa;box-shadow:inset 4px 0 0 #ead9aa,0 4px 20px #e8d5a012}
#home .prayer-card.current .prayer-card-name{color:#fff4d5;font-weight:700}
#home .prayer-card.current .prayer-card-time{background:#ead9aa;color:#173440;padding:3px 8px;border-radius:9px;font-weight:700;white-space:nowrap}
#home .current-badge{position:static;transform:none;display:inline-block;vertical-align:middle;margin-inline-start:7px;font-size:11px;line-height:1.5;padding:1px 6px;border:0;background:#ead9aa24;color:#fff0c3;white-space:nowrap}
@media(max-height:800px){#home .information{width:22vw;min-width:270px;max-width:300px;padding-bottom:0;bottom:calc(18vh - 4px)}#home .prayer-card.current .prayer-card-time{padding:2px 7px}#home .current-badge{font-size:10px;margin-inline-start:6px;padding:1px 5px}}
@font-face{font-family:ClockOutfit;src:url('assets/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
#home #clock{font-family:ClockOutfit,Tajawal,sans-serif;font-weight:300;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.045em;line-height:1.08;color:#fff;-webkit-mask-image:linear-gradient(to bottom,#000 12%,#000 46%,rgba(0,0,0,.82)63%,rgba(0,0,0,.32)81%,transparent 97%);mask-image:linear-gradient(to bottom,#000 12%,#000 46%,rgba(0,0,0,.82)63%,rgba(0,0,0,.32)81%,transparent 97%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}