/* VERSION 7 — restrained editorial mosque interface; all legacy pages retain their behaviour. */
:root{--forest:#123d34;--forest2:#0b2a24;--ink:#1d3730;--gold:#aa864e;--gold2:#e6d6b5;--muted:#738379;--light:#f5f5ef;--border:#e7e9e1;--paper:#fffdf9;--radius:17px;--shadow:0 8px 26px rgba(30,56,37,.047)}
html{scroll-behavior:smooth}body{background:#f5f5f0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body,*{scrollbar-color:#c9d7c9 #f3f5ef}
:focus-visible{outline:3px solid #b59661!important;outline-offset:3px!important}button,a,input,select{touch-action:manipulation}button:disabled{opacity:.52;cursor:not-allowed}
.v7-skip{position:fixed;top:-100px;left:16px;z-index:999;background:#163f32;color:#fff;padding:12px 18px;border-radius:9px}.v7-skip:focus{top:12px}
.sidebar{background:linear-gradient(170deg,#0c2b25,#143e32 55%,#153a30);box-shadow:5px 0 30px #0b302513;border-right:1px solid #bba37720}
.sidebar:before{content:'';position:absolute;right:0;top:0;width:100%;height:245px;background:radial-gradient(circle at 20% 0%,#d6b77c14,transparent 62%);pointer-events:none}
.brand{padding:27px 19px 31px;gap:12px}.brand-mark{width:49px;height:49px;flex:0 0 49px;background:linear-gradient(145deg,#e9d39a22,#fff0);border:1px solid #d2b57988;color:#e4cc9d;box-shadow:0 2px 0 #d0b77c1c}.brand-mark svg{width:30px;height:30px}.brand strong{letter-spacing:1px;font-size:12px}.brand small{font-size:9px;letter-spacing:1.5px;color:#c1d0c5}
.side-label{color:#c4af85;font-size:9px;letter-spacing:2.3px;padding-left:24px}
.nav{gap:4px}.nav-item{margin:0 11px;border-radius:10px;padding:12px 14px;color:#c9d8cd;font-size:12px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s}.nav-item:hover{background:#f5fffa0f;color:#fff;transform:none}.nav-item.active{background:#d8b67e21;color:#efdaa9;box-shadow:inset 3px 0 #d8b57f}.nav-item svg{width:17px;height:17px}
.side-bottom{border-top:1px solid #e3d4ad24;margin:28px 17px 0;padding:23px 5px}.side-bottom p{font:400 14px/1.8 'DM Sans',sans-serif;color:#d1decf}.side-ornament{color:#d5b57d;font-size:41px}.side-social{color:#ead7b1;font-size:11px}
.app-content{background:#f6f7f3}.topbar{background:#fffdfaed;backdrop-filter:blur(13px);border-bottom:1px solid #e9eee6;min-height:75px;padding-left:clamp(20px,3vw,46px);padding-right:clamp(20px,3vw,46px)}
#breadcrumb{color:#829286;font-weight:600;font-size:11px}.topbar-monogram{background:#ecf0e8;color:#194433;border:1px solid #dbe4d6;border-radius:11px;font-size:11px}.location-tag{color:#566e5c;font-size:11px;font-weight:700}
#page-root{max-width:1430px;margin:0 auto;padding:clamp(19px,3vw,44px) clamp(18px,3vw,45px) 48px;min-height:calc(100vh - 144px)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#ad8851}.page-header{margin-bottom:25px}.page-header h1{font:800 clamp(27px,3vw,39px)/1.14 'Manrope','DM Sans',sans-serif;letter-spacing:-1.6px;color:#1b3c32}.page-header .muted{font-size:13px}
.v4-home-kicker{margin:0 0 15px;color:#8b9e8c}.v4-live-indicator{font-size:10px;letter-spacing:1.25px}.v4-live-indicator span{background:#648e6c}
.home-hero.v4-hero{min-height:358px;border-radius:22px;background:radial-gradient(circle at 84% 20%,#66846e27,transparent 54%),linear-gradient(118deg,#092d26 0%,#154434 52%,#285b42 100%);box-shadow:0 24px 54px #123c3020;border:1px solid #39634d;gap:clamp(17px,3vw,35px);padding:clamp(24px,3vw,43px)}
.home-hero.v4-hero:before{border:1px solid #d6b78237;border-radius:15px;inset:12px}.v4-starfield{opacity:.34}.v4-arch{opacity:.55;filter:sepia(.2)}
.v4-hero-copy{flex:1.15;min-width:260px}.hero-label{font-size:9px;letter-spacing:2.5px;color:#e5c98e}.hero-heading.arabic-greeting{font:normal clamp(27px,3.2vw,43px)/1.85 'Amiri','Times New Roman',serif;text-align:left;color:#fff;margin:12px 0 3px;max-width:640px}.v4-hero-meaning{color:#d7e6d7!important;font-size:12px}.v4-hero-meta{gap:clamp(16px,3vw,36px);padding-top:23px;border-top:1px solid #e8e3c331;margin-top:25px}.v4-hero-meta div span{color:#d6c49f;letter-spacing:1.3px;font-size:9px}.v4-hero-meta div strong{color:#e8efe9;font-size:11px;line-height:1.6}
.v4-next-card{border:1px solid #f0e9d5;border-radius:17px;background:#fffcf5;color:#204234;padding:27px clamp(20px,2.8vw,31px);box-shadow:0 20px 40px #0a2e251b;min-width:285px;flex:0.8}.v4-kicker{font-size:9px;letter-spacing:1.25px;color:#6a846f;font-weight:800}.v4-prayer-name{font:800 clamp(22px,2.5vw,31px) 'Manrope',sans-serif;letter-spacing:-1px;margin-top:27px}.v4-count{font:800 clamp(32px,3.5vw,47px)/1.28 'Manrope',sans-serif;color:#163d31;letter-spacing:-1.7px;font-variant-numeric:tabular-nums}.v4-count-label{color:#91a18f}.v4-next-foot{border-top:1px solid #e9e6dc;margin-top:20px;padding-top:21px}.v4-next-foot strong{color:#214a34;font-weight:800}.v4-next-foot a{color:#96713d;font-weight:700}
.status-note{border-radius:11px;background:#fbf6e9;border:1px solid #e9d9b9;color:#725d39;margin:15px 0;padding:14px 17px;font-size:11px}
.v4-home-actions{gap:13px;margin-top:14px}.v4-home-actions a{border-radius:12px;border:1px solid #e3e9df;background:#fff;box-shadow:0 6px 16px #163f3008;padding:18px;min-height:76px;transition:border-color .16s,box-shadow .16s!important}.v4-home-actions a:hover{transform:none!important;border-color:#b7cbb6;box-shadow:0 9px 22px #163b3020}.v4-home-actions strong{font-size:12px;color:#254d3a}.v4-home-actions span{color:#819383;font-size:11px}
.v6-reminder-shortcut{background:#edf2eb;border:1px solid #e1e9df;border-radius:11px;color:#55735b;margin-top:14px;padding:14px 18px}
.v4-section-head{margin-top:33px}.v4-section-head h2,.section-header h2{font:800 22px/1.25 'Manrope',sans-serif;letter-spacing:-.8px;color:#244235}.v4-section-note{font-size:11px;color:#8c9b8e}
.panel{border-radius:15px;border:1px solid #e4eae2;background:#fff;box-shadow:var(--shadow)}.prayers-panel,.hijri-card{padding:25px}.prayer-row{border-radius:7px;min-height:48px}.prayer-header{border-radius:7px}.prayer-row.active{background:#e9f2e8;color:#1c573b}.jummah-box{background:#f9f5eb;border:1px solid #ebdfc8;border-radius:12px;padding:8px 16px}.jummah-entry strong{font-size:21px;color:#265141}.jummah-entry b{color:#635d51}.jummah-entry small{color:#967b50}
.dua-panel{background:linear-gradient(125deg,#fffef9,#f8f5ed);border:1px solid #ede2cc!important;border-radius:17px;padding:32px!important}.dua-arabic,.verse-arabic,.dhikr-arabic{font-family:'Amiri','Times New Roman',serif;direction:rtl;unicode-bidi:plaintext}.dua-arabic{font-size:clamp(27px,3vw,35px);line-height:2.15}.dua-english{font-size:13px;line-height:1.9;color:#5d7767}.source-pill{border-radius:30px}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.quick-link{background:#fff;border-color:#e2e9e0;min-height:156px;border-radius:13px;padding:21px}.quick-link:hover{transform:none!important;box-shadow:0 8px 25px #173e2a11;border-color:#bbd0bc}.quick-link strong{color:#275342}.quick-icon{background:#eff4ed;border-radius:11px}
.btn{border-radius:9px;font-size:12px;font-weight:750;padding:10px 15px;background:#1b4b39;border-color:#1b4b39;transition:background .13s ease,box-shadow .13s ease!important}.btn:hover{background:#2b634c;transform:none!important}.btn.ghost{background:#fff;color:#235841;border-color:#d6e4d6}.btn.ghost:hover{background:#f2f7f0}.tab{border-radius:8px;transition:background .15s,color .15s}.tab:hover{transform:none!important}.tab.active{background:#214f3d;color:white}.field{background:white;border:1px solid #dce5d9;border-radius:9px;font-size:12px;color:#294a3a;padding:11px 12px}
.time-card{border:1px solid #e4e9e1;box-shadow:none;border-radius:12px;background:#fffdfa;padding:19px}.time-card h3{font:800 15px 'Manrope',sans-serif}.time-card strong{color:#204a39}.time-card:hover{border-color:#c6d8c5;transform:none!important}
.v7-timetable-actions{display:flex;gap:9px;flex-wrap:wrap}.v6-schedule-scroll{border:1px solid #dbe6d9;max-height:590px;border-radius:13px;scroll-padding-top:76px}.v6-schedule-table{min-width:1110px}.v6-schedule-table thead th{background:#173f31!important;border-bottom:2px solid #c4a36b;height:69px;line-height:1.5;font-size:11px;font-weight:800;top:0}.v6-schedule-table tbody td,.v6-schedule-table tbody th{font-weight:650;font-size:11px;padding:13px 10px}.v6-schedule-table tbody tr.v6-friday-row td,.v6-schedule-table tbody tr.v6-friday-row th{background:#f5e7c5!important;color:#674f26}.v6-schedule-table tbody tr.v6-current-row:not(.v6-friday-row) td,.v6-schedule-table tbody tr.v6-current-row:not(.v6-friday-row) th{background:#e8f3e9!important}.v6-schedule-table tbody th.v6-sticky-date{border-right:2px solid #dde7df}.v6-day-label{display:inline-block;min-width:25px;font-size:11px}.v6-schedule-caption{margin-bottom:11px}
.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.surah-card{min-height:114px;background:#fff;border-radius:12px;border-color:#e3eae1;box-shadow:none}.surah-open{padding:16px}.surah-number{background:#f1f4ec!important;color:#567450!important;border-radius:9px!important}.surah-content strong{font-size:13px!important;color:#244c3b}.surah-meaning{font-size:11px!important;color:#829282}.surah-card-arabic{font-size:22px!important;color:#2d5844}.surah-card:hover{border-color:#adc3ad;box-shadow:0 6px 18px #214b3420}.surah-heart{border-left:1px solid #f0f1eb;background:#fff;min-width:52px;flex-basis:52px}.surah-heart.is-favorite{background:#fff5ee;color:#ad795e}
.juz-button{background:#fff;border-radius:12px;border:1px solid #e5ebe2;min-height:82px}.juz-button:hover{transform:none!important;border-color:#9bbda6}
.quran-banner{background:linear-gradient(105deg,#143e32,#2a694c);border-radius:14px;padding:25px}.quran-banner span{font-size:19px}.offline-box{border-radius:11px;background:#faf9f2}.v4-continue-reading{background:#f5f8f2;border:1px solid #dce7db;border-radius:10px}.reader{border-radius:14px;padding:clamp(15px,2.4vw,28px)}.reader .verse{padding:25px 0}.reader .verse-arabic{font-size:clamp(28px,3.2vw,37px);line-height:2.25}.reader .translation{color:#506d5a;line-height:1.9;font-size:13px}.reader-intro{background:#f9f7ef;border-radius:12px;border:1px solid #efe5d1}.verse-num{background:#ecf2e9;color:#315c40}
.audio-panel{grid-template-columns:minmax(210px,0.65fr) minmax(270px,1.35fr);background:#fff;border-radius:14px}.qari-list{gap:8px}.qari-option,.qari-option:hover{transform:none!important;translate:none!important;scale:none!important;top:auto!important;left:auto!important;margin:0!important;min-height:48px!important;border:1px solid #e0e9de;transition:background .13s,border-color .13s!important}.qari-option:hover{border-color:#a1bba2;background:#f5faf3}.qari-option.selected{background:#e7f1e6;border:1px solid #619076}.qari-text{font-size:12px}.audio-controls{gap:11px}
.v6-dhikr-intro{background:linear-gradient(120deg,#fffef8,#eff5ee);border-radius:15px}.v6-dhikr-card{border-radius:14px}.v6-dhikr-card .dhikr-arabic{color:#24513b}.v6-repetitions{background:#f7f0e2;border-color:#e9d7b9}
.v4-dua-card{border-radius:14px;background:white}.v4-dua-card h2{color:#284a3b}.v4-dua-card .dua-arabic{font-size:29px}.v4-dua-tools{border-top:1px solid #eef0e9;padding-top:14px}
.qibla-main{background:radial-gradient(circle at 50% 42%,#f7fbf5,#fff 68%);border-radius:15px}.compass-ring{border-color:#e8eee4;background:radial-gradient(circle,#fff 22%,#f3f8f2 65%,#fefefb 66%);box-shadow:0 12px 35px #23432b15,inset 0 0 0 1px #d5e0d0}.qibla-main h2{color:#1d4736}
.v4-tv-shell{border-radius:15px}.v4-tv-body{background:#fff}.v4-tv-next{border-radius:13px}
.v4-more-grid .quick-link{min-height:136px}.v4-pref-row{border-color:#e9eee8}.v4-pref-row strong{font-size:13px}.v4-pref-row small{font-size:11px}
.footer{background:#fffcf9;border-top:1px solid #e5e8e0;padding:18px 35px;font-size:10px}.footer .creator{color:#8b806d}.footer .creator strong{font-weight:800;color:#987545}
.toast{background:#123b2c;color:#f7f7ec;border:1px solid #336447;border-radius:10px;box-shadow:0 15px 32px #123a2c30}
@media(max-width:1150px){.home-hero.v4-hero{padding:25px}.v4-next-card{min-width:250px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-panel{grid-template-columns:1fr}.sidebar{background:#10382d}}
@media(max-width:820px){.sidebar{display:none}.app-content{margin-left:0}.topbar{min-height:66px;padding:0 18px}.topbar-monogram{display:none}.location-tag{font-size:10px}.mobile-tabbar{background:#fffefa;box-shadow:0 -8px 25px #1a3b2c0b}.mobile-tabbar a{min-height:58px;justify-content:center;gap:4px}.mobile-tabbar a.active{color:#22533c}.footer{padding:16px 18px}.home-hero.v4-hero{flex-direction:column}.v4-next-card{max-width:none;min-width:0;width:100%}.v4-hero-copy{min-width:0}.v4-hero-meta{margin-top:14px}.v4-prayer-name{margin-top:15px}.v4-count{font-size:40px}.v6-schedule-scroll{max-height:500px}}
@media(max-width:590px){#page-root{padding:18px 14px 34px}.topbar{padding:0 13px}.topbar .location-tag{display:none}.v4-home-kicker{display:flex;flex-wrap:wrap;gap:8px}.home-hero.v4-hero{padding:23px 21px;border-radius:16px;min-height:0}.home-hero.v4-hero:before{inset:9px}.hero-heading.arabic-greeting{font-size:27px;line-height:1.9}.v4-hero-meta{display:flex;gap:13px}.v4-hero-meta div strong{font-size:10px}.v4-next-card{padding:20px;border-radius:12px}.v4-prayer-name{font-size:24px}.v4-count{font-size:36px}.v4-home-actions{display:grid;grid-template-columns:1fr;gap:9px}.v4-home-actions a{min-height:60px}.v4-section-head h2{font-size:19px}.home-overview,.side-panel-stack,.times-grid,.quick-grid{grid-template-columns:1fr}.v6-reminder-shortcut{padding:12px}.v4-section-head{margin-top:27px}.prayers-panel,.hijri-card{padding:18px}.dua-panel{padding:22px 17px!important}.dua-arabic{font-size:28px}.quran-banner{padding:18px}.surah-grid,.v4-dua-grid{grid-template-columns:1fr}.surah-card{min-height:97px}.surah-open{padding:12px}.surah-card-arabic{font-size:20px!important}.v7-timetable-actions{flex-direction:column}.v7-timetable-actions .btn{width:100%}.section-header{flex-wrap:wrap;gap:11px}.audio-controls #audio-play{width:100%}.v6-dhikr-intro{padding:18px}.v6-dhikr-intro h2{font-size:20px}.mobile-tabbar{padding-bottom:env(safe-area-inset-bottom)}.page-header h1{font-size:28px}.footer{font-size:9px}.footer .creator{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}
@media print{.v6-schedule-scroll{max-height:none;overflow:visible}.v6-schedule-table{min-width:0;font-size:9px}.v6-schedule-table thead th{position:static;background:#193e32!important;print-color-adjust:exact}.v6-schedule-table tbody th.v6-sticky-date{position:static}.v6-schedule-table tbody tr.v6-friday-row td,.v6-schedule-table tbody tr.v6-friday-row th{background:#f5e7c5!important;print-color-adjust:exact}}