/* Compact blue-and-gold app shell. Reuse the centre's existing Islamic artwork. */
.app-shell{--app-pad:18px;padding-inline:var(--app-pad);background:#f0f7ff}
.app-masthead{position:relative;isolation:isolate;margin:0 calc(-1 * var(--app-pad)) 22px;padding:14px var(--app-pad) 20px;border-radius:0 0 25px 25px;background:linear-gradient(115deg,#0758fa,#054bd8);color:#fff}
.app-masthead::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:0;width:53%;height:100%;border-radius:0 0 25px 0;background:url('/assets/brand/islamic-banner.webp') left top / auto 300px no-repeat;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%)}
.app-masthead::after{content:"";position:absolute;pointer-events:none;inset:0 0 6px;border-bottom:2px solid #f0cc6c;border-radius:0 0 23px 23px}
.app-header-ornament{position:absolute;z-index:1;bottom:-2px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:25px;height:20px;background:#0750e2;color:#f4d477;font-size:23px;line-height:1;border-radius:50%;pointer-events:none}
.app-masthead .app-header{padding:0;margin-bottom:11px;gap:12px;align-items:center}
.app-masthead .app-wordmark{font-size:1.75rem;line-height:1.12;letter-spacing:-.065em;color:#fff}
.app-masthead .app-wordmark span{color:#85d5ff}
.app-masthead .app-location{margin-top:3px;gap:5px;color:#edf5ff;font-size:.875rem;line-height:1.4}
.app-masthead .app-location .icon{width:16px;height:16px}
.app-masthead .icon-button{width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff12;color:#fff;flex-shrink:0}
.app-masthead .icon-button:hover{background:#ffffff26}
.app-masthead .icon-button .icon{width:25px;height:25px}
.app-masthead .app-actions{display:grid;grid-template-columns:1fr 1.38fr 1fr;gap:8px;margin:0}
.app-masthead .app-action{min-width:0;min-height:44px;padding:9px 7px;gap:6px;border:0;border-radius:10px;font-size:.875rem;font-weight:750;line-height:1.25;text-align:center}
.app-masthead .app-action .icon{width:21px;height:21px;stroke-width:1.9}
.app-masthead .app-action span{min-width:0;overflow-wrap:normal}
.app-masthead .shortcut-qibla{background:#102744;color:#fff}
.app-masthead .shortcut-involved{background:#fff;color:#0953df}
.app-masthead .donate{background:linear-gradient(115deg,#ffdd50,#ffd23f);color:#10243b}
.app-masthead a:focus-visible,.app-masthead button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #0d2853}
.app-spotlight{position:relative;isolation:isolate;overflow:hidden;border-radius:15px;margin-bottom:12px;padding:16px 17px;gap:10px;background:#0754ed;background-image:linear-gradient(90deg,#0754ed 12%,#0754edea 50%,#0754edaa),url('/assets/brand/islamic-banner.webp');background-size:cover,auto 100%;background-position:center,right center;background-repeat:no-repeat;box-shadow:0 5px 16px #19488d12}
.app-spotlight .spotlight-name{font-size:2rem}
.app-spotlight .countdown-digits{font-size:clamp(1.6rem,7vw,2.5rem)}
.app-spotlight #prayer-countdown{padding-left:10px;border-left:1px solid #ffffff30}
.prayer-card{background:#fff;border-color:#d9e5f5;box-shadow:0 4px 12px #19488d09}
.prayer-extras{background:#fff}
.app-board{box-shadow:0 4px 12px #19488d09}
.app-board>summary{min-height:50px;padding:11px 14px;background:linear-gradient(110deg,#102a43,#0d213b)}
.app-news-list{background:#fff}
.bottom-nav{border-top-color:#dce7f6}
@media(min-width:700px){.app-shell{--app-pad:26px}.app-masthead{border-radius:26px 26px 25px 25px;padding-top:18px}.app-masthead::before{border-top-right-radius:26px}.app-masthead .app-wordmark{font-size:1.9rem}.app-masthead .app-action{font-size:.9375rem;min-height:46px}.app-masthead .app-action .icon{width:23px;height:23px}}
@media(max-width:380px){.app-shell{--app-pad:12px}.app-masthead{margin-bottom:18px;padding-top:12px}.app-masthead .app-wordmark{font-size:1.65rem}.app-masthead .app-actions{gap:6px;grid-template-columns:1fr 1.44fr 1fr}.app-masthead .app-action{padding:8px 5px;gap:4px}.app-masthead .app-action .icon{width:18px;height:18px}.app-spotlight{padding:14px 12px}.app-spotlight .spotlight-name{font-size:1.8rem}.app-spotlight #prayer-countdown{padding-left:7px}}
@media(max-width:340px){.app-masthead .app-action{flex-direction:column;gap:3px}.app-masthead .app-action .icon{width:18px;height:18px}.app-masthead .app-action span{white-space:normal}.app-spotlight{grid-template-columns:1fr}.app-spotlight #prayer-countdown{padding-left:0;border-left:0}.app-spotlight .next-detail{grid-column:1}}