/* SALAH — EDITORIAL DARK REDESIGN
   Phase 1/2 presentation layer. Functional modules remain unchanged. */

:root{
  --ed-black:#050706;
  --ed-surface:#090c0a;
  --ed-surface-2:#0d100e;
  --ed-white:#f5f6f3;
  --ed-muted:#a9ada9;
  --ed-faint:#747975;
  --ed-rule:rgba(245,246,243,.28);
  --ed-rule-soft:rgba(245,246,243,.13);
  --ed-green:#95cdb5;
  --ed-green-deep:#0d241b;
  --ed-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --ed-ui:"DM Sans",system-ui,sans-serif;
  --ed-arabic:"Noto Naskh Arabic","Amiri",serif;
  --ed-max:1440px;
}
*{box-sizing:border-box}
html{background:var(--ed-black);scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ed-black)!important;
  color:var(--ed-white)!important;
  font-family:var(--ed-ui);
  font-size:16px;
  line-height:1.55;
}
button,input,select,textarea{font:inherit}
button{color:inherit}
.app-shell{max-width:none!important;min-height:100vh;background:var(--ed-black)!important}
.page{
  width:min(calc(100% - 48px),var(--ed-max));
  margin:0 auto;
  padding:0 0 120px!important;
  display:flex;
  flex-wrap:wrap;
  gap:0;
}
.page>section{width:100%}
.eyebrow,
.section-title>p:first-child{
  color:var(--ed-muted)!important;
  font:500 .72rem/1 var(--ed-ui)!important;
  letter-spacing:.26em!important;
  text-transform:uppercase;
}
h1,h2,h3,.panel h2,.section-title h2{
  color:var(--ed-white)!important;
  font-family:var(--ed-display)!important;
  font-weight:500!important;
  letter-spacing:.035em!important;
  text-transform:uppercase;
}
p,small{color:var(--ed-muted)}
a{color:inherit}

/* header */
.topbar{
  position:relative!important;
  z-index:20;
  width:min(calc(100% - 48px),var(--ed-max));
  min-height:94px;
  margin:0 auto;
  padding:20px 0!important;
  border-bottom:1px solid var(--ed-rule-soft);
  background:transparent!important;
  box-shadow:none!important;
}
.brand{width:210px!important;height:54px;display:flex!important;align-items:center}
.brand img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center;
  filter:none!important;
}
.desktop-nav{gap:38px!important}
.nav-link{
  position:relative;
  padding:14px 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--ed-muted)!important;
  border-radius:0!important;
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}
.nav-link::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:4px;
  height:1px;background:var(--ed-white);
  transition:right .2s ease;
}
.nav-link:hover,.nav-link.active{color:var(--ed-white)!important}
.nav-link.active::after,.nav-link:hover::after{right:0}
.topbar-tools{gap:14px!important}
.madhhab-pill{
  border:0!important;
  background:transparent!important;
  color:var(--ed-white)!important;
  font-size:.72rem!important;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.settings-button{
  width:42px!important;height:42px!important;
  border:1px solid var(--ed-rule)!important;
  background:transparent!important;
  color:var(--ed-white)!important;
  box-shadow:none!important;
}

/* hero */
.hero-shell{
  order:1;
  min-height:560px;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--ed-rule);
  border-radius:0!important;
  background:
    radial-gradient(circle at 82% 34%,rgba(255,255,255,.075),transparent 28%),
    linear-gradient(115deg,#050706 0%,#050706 61%,#090c0a 100%)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.hero-scene{
  min-height:475px!important;
  padding:64px 42px 48px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.85fr);
  align-items:center;
  gap:64px;
  background:transparent!important;
}
.hero-scene::after{
  content:"";
  position:absolute;
  right:-4%;top:4%;
  width:47%;height:92%;
  pointer-events:none;
  opacity:.38;
  background:
    radial-gradient(ellipse at 70% 30%,rgba(255,255,255,.16),transparent 2%),
    linear-gradient(128deg,transparent 48%,rgba(255,255,255,.09) 48.2%,transparent 48.7%),
    linear-gradient(145deg,transparent 58%,rgba(255,255,255,.06) 58.2%,transparent 58.7%);
  mask-image:linear-gradient(to left,#000,transparent);
}
.arch,.hero-sun,.mountain,.mosque-silhouette,.hero-search,.hero-prayers{display:none!important}
.hero-brand{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:680px;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  text-align:left!important;
  z-index:2;
}
.hero-brand::before{display:none!important}
.hero-brand img,.hero-brand>span{display:none!important}
.hero-kicker{
  margin:0 0 18px!important;
  color:var(--ed-muted)!important;
  font-size:.76rem!important;
  letter-spacing:.31em!important;
  text-transform:uppercase;
}
.hero-title{
  margin:0!important;
  color:var(--ed-white);
  font:500 clamp(5rem,8vw,8.6rem)/.78 var(--ed-display)!important;
  letter-spacing:.01em!important;
  text-transform:uppercase;
}
.hero-copy{
  max-width:540px;
  margin:30px 0 0!important;
  color:#d0d3d0!important;
  font-size:.82rem!important;
  line-height:1.7!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}
.hero-actions{display:flex;gap:18px;margin-top:30px}
.hero-action{
  min-width:184px;
  padding:15px 22px;
  border:1px solid var(--ed-rule);
  border-radius:0;
  background:transparent;
  color:var(--ed-white);
  font-size:.72rem;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.hero-action.primary{border-color:var(--ed-white);background:var(--ed-white);color:var(--ed-black)}
.hero-verse{
  position:relative;
  z-index:2;
  align-self:center;
  max-width:410px;
  padding:34px 0 34px 54px;
  border-left:1px solid var(--ed-rule);
}
.hero-verse-arabic{
  display:block;
  margin-bottom:18px;
  color:var(--ed-white);
  font:400 clamp(2rem,3.2vw,3.2rem)/1.7 var(--ed-arabic);
}
.hero-verse-translation{
  display:block;
  color:#d8dad8;
  font-size:.78rem;
  line-height:1.75;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.hero-verse-source{
  display:block;
  margin-top:20px;
  color:var(--ed-faint);
  font-size:.68rem;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.hero-bottom{display:none!important}

/* reorder existing working regions */
.dashboard-grid{display:contents!important}
.prayer-panel{order:2;width:100%}
.launcher{order:3}
.focus-panel,.counter-panel{order:4;width:calc(50% - 9px)}
.focus-panel{margin-right:9px!important}
.counter-panel{margin-left:9px!important}
.daily-adhkar-section{order:5}
.learn-section{order:6}

/* timetable */
.panel,.prayer-panel,.focus-panel,.counter-panel{
  border:1px solid var(--ed-rule)!important;
  border-radius:0!important;
  background:var(--ed-surface)!important;
  box-shadow:none!important;
  color:var(--ed-white)!important;
}
.prayer-panel{
  margin:0!important;
  padding:24px 26px!important;
  border-width:0 0 1px!important;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:26px;
}
.prayer-panel .panel-head{
  grid-column:1;
  grid-row:1;
  align-items:flex-start!important;
  margin:0!important;
  padding-right:24px;
  border-right:1px solid var(--ed-rule);
}
.prayer-panel .panel-head h2{margin:7px 0 18px!important;font-size:2rem!important}
.prayer-head-tools{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
.location-button,.tiny-button{
  border:1px solid var(--ed-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ed-white)!important;
  box-shadow:none!important;
  font-size:.68rem!important;
  letter-spacing:.09em;
}
.segmented{border:1px solid var(--ed-rule-soft)!important;border-radius:0!important;background:transparent!important}
.segment{
  border-radius:0!important;
  background:transparent!important;
  color:var(--ed-muted)!important;
}
.segment.active{background:var(--ed-white)!important;color:var(--ed-black)!important}
.prayer-list{
  grid-column:2;
  grid-row:1;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0!important;
}
.prayer-row{
  min-width:0;
  padding:14px 20px!important;
  border:0!important;
  border-left:1px solid var(--ed-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
}
.prayer-row:first-child{border-left:0!important}
.prayer-row .dashboard-prayer-icon,.prayer-row i{display:none!important}
.prayer-row span{order:1}
.prayer-row b{
  color:var(--ed-muted)!important;
  font-size:.69rem!important;
  font-weight:500!important;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.prayer-row small{display:none!important}
.prayer-row time{
  order:2;
  color:var(--ed-white)!important;
  font:500 2rem/1 var(--ed-display)!important;
}
.prayer-row.next-prayer,.prayer-row.current{
  border-left:1px solid var(--ed-rule)!important;
  background:var(--ed-green-deep)!important;
  box-shadow:inset 0 -2px 0 var(--ed-green)!important;
}
.prayer-row.next-prayer b::after{
  content:"  • NEXT";
  color:var(--ed-green);
  font-size:.6rem;
}
.more-prayers{grid-column:1/-1;margin:0!important;padding:16px 0 0!important;border-top:1px solid var(--ed-rule-soft)}
.more-prayers>b{color:var(--ed-muted)!important;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}
.pill-row button{
  border:0!important;border-bottom:1px solid var(--ed-rule)!important;border-radius:0!important;
  background:transparent!important;color:var(--ed-white)!important;
}

/* destination grid */
.launcher{
  margin:16px 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.launch-card,.learn-card{
  min-height:178px;
  padding:24px!important;
  border:1px solid var(--ed-rule)!important;
  border-radius:0!important;
  background:var(--ed-surface)!important;
  color:var(--ed-white)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.launch-card:hover,.learn-card:hover{border-color:var(--ed-white)!important;background:var(--ed-surface-2)!important;transform:none!important}
.launch-card b{
  color:var(--ed-white)!important;
  font:500 1.75rem/1 var(--ed-display)!important;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.launch-card small{font-size:.68rem!important;letter-spacing:.06em;text-transform:uppercase}
.launcher-icon{filter:grayscale(1) brightness(2.4)!important;opacity:.9}

/* focus + counter */
.focus-panel,.counter-panel{margin-top:0!important;min-height:420px;padding:30px!important}
.focus-panel h2,.counter-panel h2{font-size:2.25rem!important}
.contextual-title,.daily-adhkar-title{font-family:var(--ed-display)!important;text-transform:uppercase!important}
.counter-button{
  background:transparent!important;
  border:1px solid var(--ed-rule)!important;
  box-shadow:none!important;
  color:var(--ed-white)!important;
}
.counter-button #counter-value{font-family:var(--ed-display)!important;font-size:4rem!important}
.counter-presets button,.dhikr-arrow{
  border:1px solid var(--ed-rule)!important;
  background:transparent!important;
  color:var(--ed-white)!important;
}
.counter-verse{border-top:1px solid var(--ed-rule-soft)!important;background:transparent!important}
.counter-verse-arabic{font-family:var(--ed-arabic)!important;color:var(--ed-white)!important}

/* lower surfaces */
.daily-adhkar-section,.learn-section{
  margin-top:22px!important;
  padding:42px 0!important;
  border:0!important;
  border-top:1px solid var(--ed-rule)!important;
  border-radius:0!important;
  background:var(--ed-black)!important;
  box-shadow:none!important;
}
.daily-adhkar-card,.daily-adhkar-quick-counter{
  border:1px solid var(--ed-rule)!important;
  border-radius:0!important;
  background:var(--ed-surface)!important;
  box-shadow:none!important;
}
.daily-adhkar-card-copy>strong,.daily-adhkar-progress strong{color:var(--ed-white)!important}
.learn-section .section-title{max-width:660px}
.learn-section .section-title h2{font-size:3rem!important}
.learn-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.learn-card{min-width:0!important}
.learn-card .art-slot{height:72px!important;background:transparent!important;overflow:hidden}
.learn-card .art-slot img{display:none!important}
.learn-card h3{font-size:1.65rem!important}
.learn-card p{font-size:.72rem!important}
.learn-card button{
  padding:0!important;border:0!important;border-bottom:1px solid var(--ed-rule)!important;border-radius:0!important;
  background:transparent!important;color:var(--ed-white)!important;
}

/* drawer / footer / mobile */
.settings-drawer{background:var(--ed-surface)!important;color:var(--ed-white)!important;border-left:1px solid var(--ed-rule)!important}
.settings-drawer h2,.setting-group b{color:var(--ed-white)!important}
.site-footer{background:var(--ed-black)!important;color:var(--ed-white)!important;border-top:1px solid var(--ed-rule)!important}
.mobile-nav{background:rgba(5,7,6,.97)!important;border-top:1px solid var(--ed-rule)!important;box-shadow:none!important}
.mobile-nav button{color:var(--ed-muted)!important}
.mobile-nav button.active{color:var(--ed-green)!important}

@media(max-width:1050px){
  .desktop-nav{gap:22px!important}
  .launcher,.learn-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .prayer-panel{grid-template-columns:210px minmax(0,1fr)}
  .hero-scene{grid-template-columns:1fr .72fr;gap:34px}
  .hero-title{font-size:clamp(4.6rem,9vw,7rem)!important}
}
@media(max-width:760px){
  .page,.topbar{width:min(calc(100% - 28px),var(--ed-max))}
  .topbar{min-height:76px;padding:12px 0!important}
  .brand{width:158px!important;height:44px}
  .topbar-tools .madhhab-pill{display:none!important}
  .hero-shell{min-height:auto}
  .hero-scene{
    min-height:0!important;
    padding:54px 8px 44px!important;
    display:block!important;
  }
  .hero-title{font-size:clamp(4.5rem,22vw,6.6rem)!important;line-height:.8!important}
  .hero-copy{font-size:.72rem!important}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-action{min-width:0;padding:13px 10px}
  .hero-verse{margin-top:44px;padding:30px 0 0;border-left:0;border-top:1px solid var(--ed-rule)}
  .hero-verse-arabic{font-size:2rem}
  .prayer-panel{
    padding:22px 0!important;
    display:block;
  }
  .prayer-panel .panel-head{padding:0 0 18px;border-right:0;border-bottom:1px solid var(--ed-rule-soft)}
  .prayer-head-tools{flex-direction:row!important;flex-wrap:wrap!important}
  .prayer-list{
    margin-top:14px;
    display:flex!important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .prayer-list::-webkit-scrollbar{display:none}
  .prayer-row{flex:0 0 112px;min-height:94px;scroll-snap-align:start;padding:14px!important}
  .more-prayers{padding-inline:0!important}
  .launcher,.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .launch-card,.learn-card{min-height:148px;padding:18px!important}
  .focus-panel,.counter-panel{width:100%;margin:0 0 14px!important}
  .daily-adhkar-section,.learn-section{padding:34px 0!important}
  .learn-section .section-title h2{font-size:2.4rem!important}
}
@media(max-width:430px){
  .hero-actions{grid-template-columns:1fr}
  .launcher,.learn-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .launch-card,.learn-card{padding:15px!important}
  .launch-card b,.learn-card h3{font-size:1.42rem!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* Mockup fidelity pass: monochrome surfaces and footer */
.focus-panel .timeline-item,
.focus-panel .contextual-worship-disclaimer,
.focus-panel .contextual-madhhab-note,
.focus-panel .contextual-friday-note,
.daily-adhkar-section .daily-adhkar-card,
.daily-adhkar-section .daily-adhkar-quick-counter,
.daily-adhkar-section .daily-adhkar-note{
  background:#090c0a!important;
  border:1px solid var(--ed-rule-soft)!important;
  color:var(--ed-white)!important;
  box-shadow:none!important;
}
.focus-panel :is(h1,h2,h3,h4,b,strong),
.daily-adhkar-section :is(h1,h2,h3,h4,b,strong),
.learn-section :is(h1,h2,h3,h4,b,strong){
  color:var(--ed-white)!important;
}
.focus-panel :is(p,small,span),
.daily-adhkar-section :is(p,small,span),
.learn-section :is(p,small,span){
  color:var(--ed-muted)!important;
}
.focus-panel .timeline-item>span,
.daily-adhkar-section .is-complete,
.daily-adhkar-section [class*="progress"]{
  color:var(--ed-green)!important;
}
.daily-adhkar-section .daily-adhkar-card-icon{
  background:#111512!important;
  color:var(--ed-white)!important;
}
.daily-adhkar-section .daily-adhkar-card.personal .daily-adhkar-card-icon{
  background:#17150d!important;
  color:#c3aa6b!important;
}
.trust-strip{display:none!important}

.editorial-footer{
  order:20;
  width:100%;
  margin-top:38px;
  padding:36px 8px 8px;
  border-top:1px solid var(--ed-rule);
  display:grid;
  grid-template-columns:210px minmax(260px,1fr) 170px 100px;
  align-items:center;
  gap:42px;
  color:var(--ed-white);
}
.editorial-footer-brand{
  min-height:92px;
  padding-right:40px;
  border-right:1px solid var(--ed-rule);
  display:flex;
  align-items:center;
}
.editorial-footer-brand img{
  display:block;
  width:130px;
  max-height:84px;
  object-fit:contain;
  object-position:left center;
}
.editorial-footer blockquote{
  max-width:350px;
  margin:0;
  color:#d7d9d7;
  font-size:.82rem;
  font-style:italic;
  line-height:1.55;
}
.editorial-footer cite{
  display:block;
  margin-top:7px;
  color:var(--ed-muted);
  font-size:.65rem;
  font-style:normal;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.editorial-footer-intent,
.editorial-footer-words{
  margin:0!important;
  padding-left:30px;
  border-left:1px solid var(--ed-rule);
  color:var(--ed-white)!important;
  font-size:.68rem;
  line-height:1.8;
  letter-spacing:.24em;
  text-transform:uppercase;
}
@media(max-width:760px){
  .editorial-footer{
    grid-template-columns:1fr 1fr;
    gap:28px 18px;
    padding-bottom:84px;
  }
  .editorial-footer-brand{border-right:0;padding-right:0}
  .editorial-footer blockquote{grid-column:1/-1;grid-row:2}
  .editorial-footer-intent,.editorial-footer-words{padding-left:18px}
}


/* Mockup structure pass */
.page{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:12px;
}
.hero-shell,.prayer-panel,.launcher,.daily-adhkar-section,.learn-section,.editorial-footer{
  grid-column:1/-1;
}
.prayer-panel{
  min-height:164px!important;
  grid-template-columns:205px minmax(0,1fr)!important;
  padding:18px 0!important;
}
.prayer-panel .panel-head{
  padding:0 22px!important;
}
.prayer-panel .panel-head h2{
  font-size:1.8rem!important;
}
.prayer-head-tools{
  display:grid!important;
  grid-template-columns:1fr!important;
}
.location-button{
  width:100%;
  min-height:38px;
}
.prayer-list{
  align-self:stretch;
}
.prayer-row{
  min-height:112px!important;
  padding:18px!important;
}
.more-prayers{
  padding:12px 22px 0!important;
}

.launcher{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  margin:14px 0!important;
  gap:10px!important;
}
.launcher .launch-card:nth-child(6){display:none!important}
.launch-card{
  min-height:144px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-end;
}
.launch-card .launcher-icon{
  width:52px!important;
  height:56px!important;
  margin:0 0 auto!important;
  background-size:600% auto!important;
}
.launch-card b{font-size:1.55rem!important}

.focus-panel,.counter-panel,.progress-panel{
  order:4;
  grid-column:span 4;
  width:auto!important;
  min-height:390px!important;
  margin:0!important;
  padding:26px!important;
}
.focus-panel .timeline-item:nth-child(n+5){display:none!important}
.focus-panel .timeline-item{
  min-height:58px!important;
  border-radius:0!important;
  padding:10px 12px!important;
}
.focus-panel .contextual-worship-intro{margin-bottom:12px!important}
.focus-panel .contextual-worship-disclaimer{display:none!important}

.progress-panel{
  border:1px solid var(--ed-rule)!important;
  border-radius:0!important;
  background:var(--ed-surface)!important;
  box-shadow:none!important;
}
.progress-panel h2{font-size:2.25rem!important}
.homepage-progress-root{
  display:grid;
  gap:0;
  border-top:1px solid var(--ed-rule-soft);
}
.homepage-progress-row{
  width:100%;
  min-height:58px;
  padding:10px 0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:10px;
  border:0;
  border-bottom:1px solid var(--ed-rule-soft);
  background:transparent;
  color:var(--ed-white);
  text-align:left;
  cursor:pointer;
}
.homepage-progress-mark{
  width:19px;
  height:26px;
  border:1px solid var(--ed-white);
  border-radius:10px 10px 2px 2px;
}
.homepage-progress-copy strong{
  display:block;
  color:var(--ed-white)!important;
  font-size:.76rem;
}
.homepage-progress-copy small{
  display:block;
  color:var(--ed-muted)!important;
  font-size:.6rem;
}
.homepage-progress-value{
  color:var(--ed-white);
  font-size:.69rem;
}
.progress-empty{padding-top:18px}

.daily-adhkar-section{display:none!important}
.daily-adhkar-section.is-expanded{
  display:block!important;
  order:7;
}
.learn-section{
  order:6;
  margin-top:20px!important;
  padding:28px 0!important;
}
.learn-section .section-title{margin-bottom:14px!important}
.learn-section .section-title h2{
  margin-bottom:2px!important;
  font-size:2.5rem!important;
}
.learn-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.learn-card{
  min-height:138px!important;
  padding:18px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.learn-card .art-slot{display:none!important}
.learn-card h3{font-size:1.42rem!important;margin-top:0!important}

@media(max-width:1050px){
  .focus-panel,.counter-panel,.progress-panel{grid-column:span 6}
  .progress-panel{grid-column:1/-1}
}
@media(max-width:760px){
  .page{display:block!important}
  .launcher{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .launcher .launch-card:nth-child(5){grid-column:1/-1}
  .focus-panel,.counter-panel,.progress-panel{width:100%!important;margin-bottom:12px!important}
  .learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* Fidelity corrections: pure-black chrome, stable timetable, no footer tail */
[hidden]{display:none!important}
html,body,.app-shell,.topbar{background:#050505!important}
.page{padding-bottom:0!important}
.topbar{
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-shell,.hero-scene{background:#050505!important}
.hero-scene::before{
  background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 42%,rgba(8,9,8,.84) 100%)!important;
}
.hero-scene::after{opacity:.22!important}
.hero-title,.hero-copy,.hero-kicker,
.hero-verse-translation,.hero-verse-source{text-shadow:none!important}
.prayer-location-search[hidden]{display:none!important}
.prayer-panel{
  min-height:0!important;
  background:#070908!important;
}
.prayer-panel .panel-head{
  min-width:0;
  overflow:visible;
}
.prayer-head-tools{
  width:100%;
  min-width:0;
}
.location-button{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.prayer-row.next-prayer,.prayer-row.current{
  background:#0b1712!important;
  border-left:1px solid var(--ed-rule)!important;
  box-shadow:inset 0 -2px 0 #8fc7ae!important;
}
.prayer-row.next-prayer b::after{color:#8fc7ae!important}
.prayer-location-search{
  grid-column:1/-1;
  width:min(560px,100%);
  margin-top:10px!important;
  padding:12px!important;
  border:1px solid var(--ed-rule)!important;
  background:#090b0a!important;
  color:var(--ed-white)!important;
  position:relative!important;
  inset:auto!important;
  z-index:5;
}
.prayer-location-search-row{display:flex!important;gap:8px!important}
.prayer-location-search input{
  min-width:0!important;
  background:#050505!important;
  color:var(--ed-white)!important;
  border:1px solid var(--ed-rule)!important;
}
.prayer-location-search button{
  background:var(--ed-white)!important;
  color:#050505!important;
  border:1px solid var(--ed-white)!important;
}
.editorial-footer{
  margin-bottom:0!important;
  padding-bottom:28px!important;
}
.editorial-footer+*{margin-top:0!important}


/* Strict monochrome pass — approved palette is black, white and neutral greys only */
:root{
  --ed-black:#000;
  --ed-surface:#000;
  --ed-surface-2:#0a0a0a;
  --ed-white:#fff;
  --ed-muted:#b8b8b8;
  --ed-faint:#777;
  --ed-rule:rgba(255,255,255,.32);
  --ed-rule-soft:rgba(255,255,255,.14);
  --ed-green:#fff;
  --ed-green-deep:#000;
}
html,body,.app-shell,.page,.topbar,
.hero-shell,.hero-scene,.prayer-panel,
.panel,.focus-panel,.counter-panel,.progress-panel,
.launch-card,.learn-card,.daily-adhkar-section,.learn-section,
.daily-adhkar-card,.daily-adhkar-quick-counter,
.settings-drawer,.site-footer,.editorial-footer,.mobile-nav{
  background:#000!important;
}
.hero-scene::before{
  background:#000!important;
}
.hero-scene::after{
  filter:grayscale(1)!important;
  opacity:.16!important;
}
.drawer-backdrop{
  background:rgba(0,0,0,.72)!important;
}
:is(.eyebrow,.hero-kicker,.hero-copy,.hero-verse-source,
.nav-link,.launch-card small,.learn-card p,
.focus-panel p,.focus-panel small,.focus-panel span,
.daily-adhkar-section p,.daily-adhkar-section small,
.daily-adhkar-section span,.settings-drawer small){
  color:#aaa!important;
}
:is(.settings-drawer label,.settings-drawer .setting-group>label,
.settings-drawer .setting-group b,.settings-drawer .setting-group strong,
.focus-panel .timeline-item>span,.daily-adhkar-section .is-complete,
.daily-adhkar-section [class*="progress"],.mobile-nav button.active){
  color:#fff!important;
}
input[type="checkbox"],input[type="radio"]{
  accent-color:#fff!important;
}
.prayer-panel{
  grid-template-columns:260px minmax(0,1fr)!important;
  padding:18px 0!important;
}
.prayer-panel .panel-head{
  position:relative!important;
  min-width:0!important;
  padding:4px 24px!important;
  border-right:1px solid var(--ed-rule)!important;
  overflow:visible!important;
}
.prayer-panel .panel-head h2{
  margin:7px 0 16px!important;
  font-size:1.72rem!important;
  line-height:.95!important;
  white-space:nowrap!important;
}
.prayer-head-tools{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:100%!important;
}
.location-button{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:9px 10px!important;
  color:#fff!important;
  background:#000!important;
  border-color:var(--ed-rule)!important;
}
.prayer-location-search{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:auto!important;
  z-index:30!important;
  width:360px!important;
  max-width:min(360px,calc(100vw - 64px))!important;
  margin:0!important;
  background:#000!important;
  border:1px solid #fff!important;
  box-shadow:0 14px 36px rgba(0,0,0,.8)!important;
}
.prayer-location-search label,
.prayer-location-search small{
  color:#fff!important;
}
.prayer-row.next-prayer,.prayer-row.current{
  background:#000!important;
  border-left:1px solid var(--ed-rule)!important;
  box-shadow:inset 0 -2px 0 #fff!important;
}
.prayer-row.next-prayer b::after{
  color:#fff!important;
}
.segment.active,
.prayer-location-search button{
  color:#000!important;
  background:#fff!important;
  border-color:#fff!important;
}
.segment:not(.active),
.prayer-location-search input{
  color:#fff!important;
  background:#000!important;
}
.launcher-icon{
  filter:grayscale(1) brightness(2.5)!important;
}
.daily-adhkar-section .daily-adhkar-card-icon,
.daily-adhkar-section .daily-adhkar-card.personal .daily-adhkar-card-icon{
  color:#fff!important;
  background:#0a0a0a!important;
}
@media(max-width:760px){
  .prayer-panel{display:block!important}
  .prayer-panel .panel-head{
    padding:0 0 18px!important;
    border-right:0!important;
    border-bottom:1px solid var(--ed-rule-soft)!important;
  }
  .prayer-panel .panel-head h2{white-space:normal!important}
  .prayer-location-search{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:8px!important;
  }
}


/* Remove legacy Salah artwork from the pre-footer learning section */
.learn-section::before{
  content:none!important;
  display:none!important;
  background:none!important;
}


/* Timetable header flow and final legacy cream removal */
.prayer-panel{
  grid-template-columns:280px minmax(0,1fr)!important;
}
.prayer-panel .panel-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:14px!important;
}
.prayer-panel .panel-head>div:first-child,
.prayer-panel .panel-head>div:first-child h2{
  width:100%!important;
  min-width:0!important;
}
.prayer-panel .panel-head h2{
  margin:7px 0 0!important;
  white-space:normal!important;
}
.prayer-head-tools{
  flex:0 0 auto!important;
  width:100%!important;
}
.dhikr-copy strong,
.counter-verse-arabic,
.dhikr-picker-label,
.counter-button small,
.counter-goal,
.counter-goal strong{
  color:#fff!important;
}
.dhikr-copy span{
  color:#fff!important;
}
.dhikr-copy small,
.counter-verse-translation,
.counter-verse-source{
  color:#aaa!important;
}
.day-chip,
.contextual-today,
.focus-panel [class*="chip"]{
  color:#000!important;
  background:#fff!important;
  border-color:#fff!important;
}
.focus-panel .timeline-item>span,
.focus-panel [class*="dot"],
.daily-adhkar-section [class*="dot"]{
  color:#fff!important;
  background:#fff!important;
  border-color:#fff!important;
}
@media(max-width:1050px) and (min-width:761px){
  .prayer-panel{grid-template-columns:240px minmax(0,1fr)!important}
}


/* Complete legacy palette neutralisation across deferred views and modals */
:root{
  --green:#fff;
  --green2:#000;
  --sage:#fff;
  --cream:#000;
  --paper:#000;
  --sand:#aaa;
  --gold:#fff;
  --charcoal:#fff;
  --muted:#aaa;
  --line:rgba(255,255,255,.2);
  --shadow:none;
}
.counter-panel,
.counter-panel::before,
.counter-panel::after,
.focus-panel,
.focus-panel .timeline-item,
.focus-panel .contextual-madhhab-note,
.focus-panel .contextual-friday-note,
.daily-adhkar-card,
.daily-adhkar-note,
.daily-adhkar-quick-counter{
  background:#000!important;
}
.counter-panel .eyebrow,
.eyebrow,
.section-title>p:first-child,
.dhikr-picker-label,
.dhikr-copy strong,
.counter-verse-arabic,
.focus-panel :is(b,strong,h2,h3),
.daily-adhkar-section :is(b,strong,h2,h3){
  color:#fff!important;
}
.counter-button{
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:none!important;
}
.counter-presets button,
.dhikr-arrow,
.tiny-button{
  color:#fff!important;
  background:#000!important;
  border-color:rgba(255,255,255,.3)!important;
}
.prayer-guide-overlay,
[class*="worship-detail"][class*="overlay"],
[class*="quran"][class*="overlay"]{
  background:rgba(0,0,0,.82)!important;
}
.prayer-guide,
.pg-head,
.pg-map>button,
.pg-note,
.pg-step,
.pg-pose,
.pg-rakaah-tabs,
.pg-school-tabs,
.pg-arabic,
.pg-translit,
.pg-english,
.pg-quran,
.pg-quran-learning-head,
.pg-surah-picker,
.pg-surah-picker select,
[class*="worship-detail"],
[class*="quran-modal"],
[class*="quran-panel"],
[class*="quran-card"]{
  background:#000!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}
.prayer-guide :is(h1,h2,h3,h4,strong,b,.pg-arabic,.pg-quran-arabic,.pg-quran-verse),
[class*="worship-detail"] :is(h1,h2,h3,h4,strong,b,[lang="ar"]),
[class*="quran"] :is(h1,h2,h3,h4,strong,b,[lang="ar"]){
  color:#fff!important;
}
.prayer-guide :is(p,small,.pg-action,.pg-translit,.pg-english,.pg-quran-status,.pg-quran-translit,.pg-quran-english),
[class*="worship-detail"] :is(p,small,span),
[class*="quran"] :is(p,small,span){
  color:#aaa!important;
}
.pg-map>button.active,
.pg-rakaah-tabs button.active,
.pg-school-tabs button.active,
.pg-play-all,
.pg-ayah-play,
[class*="worship-detail"] button.active,
[class*="quran"] button.active{
  color:#000!important;
  background:#fff!important;
  border-color:#fff!important;
  outline-color:#fff!important;
}
.pg-map i,
.pg-step-title span,
.pg-quran-verse small,
.pg-quran-arabic small,
.pg-surah-picker small,
.pg-surah-picker label span{
  color:#fff!important;
  background:#000!important;
  border-color:rgba(255,255,255,.35)!important;
}


/* House of Khadija typography and learning-rail system */
:root{
  --ed-display:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  --ed-ui:Inter,"Helvetica Neue",Arial,sans-serif;
}
body,button,input,select,textarea{
  font-family:var(--ed-ui)!important;
}
h1,h2,h3,.panel h2,.section-title h2{
  font-family:var(--ed-display)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
.eyebrow,
.learn-category,
.nav-link,
.hero-copy,
.hero-action,
.location-button,
.segment,
.more-prayers,
.launch-card small,
.homepage-progress-root,
.editorial-footer{
  font-family:var(--ed-ui)!important;
}
.learn-section{
  overflow:hidden!important;
  padding-block:clamp(5rem,8vw,7.5rem)!important;
}
.learn-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:3rem;
  margin-bottom:2.2rem;
}
.learn-head .section-title{
  margin:0!important;
}
.learn-head .section-title h2{
  font-size:clamp(3.2rem,6vw,5.6rem)!important;
  line-height:.9!important;
}
.learn-head .section-title>p:last-child{
  max-width:35rem;
  margin-top:1.5rem!important;
  color:#9a9a9a!important;
  font-size:.92rem!important;
}
.learn-carousel-controls{
  display:flex;
  align-items:center;
  gap:.45rem;
  padding-bottom:.35rem;
}
.learn-carousel-controls button{
  width:2.5rem;
  height:2.5rem;
  padding:0!important;
  border:1px solid #3a3a3a!important;
  border-radius:0!important;
  background:#000!important;
  color:#aaa!important;
  font:inherit!important;
  cursor:pointer;
}
.learn-carousel-controls button:hover,
.learn-carousel-controls button:focus-visible{
  color:#000!important;
  background:#fff!important;
  border-color:#fff!important;
}
.learn-grid{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(250px,calc((100% - 2.1rem)/4))!important;
  gap:.7rem!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:0 0 .4rem!important;
}
.learn-grid::-webkit-scrollbar{display:none}
.learn-card{
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
  scroll-snap-align:start;
  display:block!important;
}
.learn-card .art-slot{
  position:relative;
  display:block!important;
  width:100%;
  height:auto!important;
  aspect-ratio:4/5;
  margin:0 0 1.25rem!important;
  overflow:hidden;
  border:1px solid #292929!important;
  border-radius:0!important;
  background:#111!important;
}
.learn-card .art-slot::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(to top,rgba(0,0,0,.72),transparent 45%);
  pointer-events:none;
}
.learn-card .art-slot img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:grayscale(1) contrast(1.08)!important;
}
.learn-number{
  position:absolute;
  z-index:2;
  left:.65rem;
  bottom:.45rem;
  color:#fff!important;
  font-family:var(--ed-display)!important;
  font-size:2rem;
  font-weight:800;
  line-height:1;
}
.learn-category{
  margin:0 0 .7rem!important;
  color:#747474!important;
  font-size:.68rem!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  text-transform:uppercase;
}
.learn-card h3{
  margin:0 0 .8rem!important;
  color:#fff!important;
  font-family:var(--ed-ui)!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  line-height:1.25!important;
}
.learn-card>p:not(.learn-category){
  margin:0!important;
  color:#9a9a9a!important;
  font-size:.84rem!important;
  line-height:1.6!important;
}
.learn-card button{
  margin-top:.8rem;
  padding:0 0 .15rem!important;
  border:0!important;
  border-bottom:1px solid #3a3a3a!important;
  background:transparent!important;
  color:#fff!important;
  font-size:.68rem!important;
}
@media(max-width:850px){
  .learn-grid{grid-auto-columns:minmax(240px,48%)!important}
}
@media(max-width:560px){
  .learn-head{align-items:flex-start;flex-direction:column;gap:1.2rem}
  .learn-carousel-controls{align-self:flex-end}
  .learn-grid{grid-auto-columns:84%!important}
}


/* Unified prayer preferences: madhhab and illustration guide */
.prayer-preference-row{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  width:100%;
  border:1px solid var(--ed-rule-soft);
}
.prayer-preference-row .segmented{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  width:100%;
  padding:0!important;
  border:0!important;
}
.prayer-preference-row .segmented+ .segmented{
  border-left:1px solid var(--ed-rule-soft)!important;
}
.prayer-preference-row .segment{
  min-width:0;
  padding:8px 5px!important;
  font-size:.58rem!important;
  white-space:nowrap;
}
.prayer-preference-row .segment+.segment{
  border-left:1px solid var(--ed-rule-soft)!important;
}
@media(max-width:760px){
  .prayer-preference-row{max-width:360px}
}


/* Editorial monochrome: adhkar destination and routine reader */
.daily-adhkar-section,
.daily-adhkar-layout,
.daily-adhkar-welcome,
.daily-adhkar-group,
.daily-adhkar-card,
.daily-adhkar-quick-counter,
.daily-adhkar-note{
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#292929!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.daily-adhkar-welcome,
.daily-adhkar-group,
.daily-adhkar-group-head,
.daily-adhkar-card-copy,
.daily-adhkar-card-meta,
.daily-adhkar-progress{
  font-family:var(--ed-ui)!important;
}
.daily-adhkar-welcome h2,
.daily-adhkar-group-head h3,
.daily-adhkar-card h3,
.daily-adhkar-card strong{
  color:#fff!important;
  font-family:var(--ed-display)!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.daily-adhkar-card p,
.daily-adhkar-card small,
.daily-adhkar-card-subtitle,
.daily-adhkar-group-head>p:last-child,
.daily-adhkar-welcome>div>p:last-child,
.daily-adhkar-progress{
  color:#999!important;
  font-family:var(--ed-ui)!important;
}
.daily-adhkar-card-icon,
.daily-adhkar-card-meta span,
.daily-adhkar-progress span,
.daily-adhkar-quick-counter>span{
  background:#111!important;
  color:#fff!important;
  border-color:#333!important;
}
.daily-adhkar-card:hover,
.daily-adhkar-card:focus-visible,
.daily-adhkar-quick-counter:hover,
.daily-adhkar-quick-counter:focus-visible{
  background:#090909!important;
  border-color:#fff!important;
  box-shadow:none!important;
}
.daily-adhkar-card *,
.daily-adhkar-quick-counter *{
  border-color:#333!important;
}
.worship-detail-overlay{
  background:rgba(0,0,0,.88)!important;
}
.worship-detail-card,
.worship-detail-head,
.worship-detail-body,
.worship-detail-recitation,
.worship-detail-collection,
.worship-detail-member,
.worship-detail-personal-note,
.worship-detail-practice,
.worship-reading-timer{
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#292929!important;
  box-shadow:none!important;
}
.worship-detail-card,
.worship-detail-card button,
.worship-detail-card input,
.worship-detail-card select{
  font-family:var(--ed-ui)!important;
}
.worship-detail-head h2,
.worship-detail-member-copy strong,
.worship-detail-recitation h3{
  color:#fff!important;
  font-family:var(--ed-display)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.worship-detail-meta,
.worship-detail-subtitle,
.worship-detail-translit,
.worship-detail-english,
.worship-detail-source,
.worship-detail-member-translit,
.worship-detail-member-english,
.worship-detail-action-note{
  color:#999!important;
  font-family:var(--ed-ui)!important;
}
.worship-detail-arabic,
.worship-detail-member-arabic{
  color:#fff!important;
}
.worship-detail-badge,
.worship-detail-member-count,
.worship-detail-close,
.worship-detail-primary-action,
.worship-reading-timer button{
  background:#000!important;
  color:#fff!important;
  border-color:#3a3a3a!important;
  box-shadow:none!important;
}
.worship-detail-primary-action:hover,
.worship-detail-close:hover,
.worship-reading-timer button:hover{
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}


/* Global monochrome controls and small-label typography audit */
:root{
  --ed-black:#000;
  --ed-surface:#000;
  --ed-surface-2:#0a0a0a;
  --ed-white:#fff;
  --ed-muted:#aaa;
  --ed-faint:#777;
  --ed-green:#fff;
  --ed-green-deep:#000;
  --ed-gold:#fff;
}
.hero-kicker,
.prayer-row b,
.prayer-row b::after,
.more-prayers,
.more-prayers button{
  font-family:var(--ed-ui)!important;
  font-style:normal!important;
}
.hero-kicker{
  color:#aaa!important;
  font-size:.72rem!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.3em!important;
}
.prayer-row b{
  color:#aaa!important;
  font-size:.67rem!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
}
:is(
  .settings-button,
  .location-button,
  .tiny-button,
  .contextual-worship-arrow,
  .contextual-return-button,
  .daily-adhkar-quick-counter,
  .worship-detail-close,
  .worship-detail-primary-action,
  .worship-reading-timer-actions button,
  .worship-detail-counter-button,
  [data-dhikr-reset],
  .salah-quran-close,
  .salah-quran-play-all,
  .salah-quran-pause,
  .salah-quran-stop,
  .salah-quran-ayah-play,
  .salah-quran-reading-session-toggle
){
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#3a3a3a!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
:is(
  .settings-button,
  .location-button,
  .tiny-button,
  .contextual-worship-arrow,
  .contextual-return-button,
  .daily-adhkar-quick-counter,
  .worship-detail-close,
  .worship-detail-primary-action,
  .worship-reading-timer-actions button,
  .worship-detail-counter-button,
  [data-dhikr-reset],
  .salah-quran-close,
  .salah-quran-play-all,
  .salah-quran-pause,
  .salah-quran-stop,
  .salah-quran-ayah-play,
  .salah-quran-reading-session-toggle
):hover,
:is(
  .settings-button,
  .location-button,
  .tiny-button,
  .contextual-worship-arrow,
  .contextual-return-button,
  .daily-adhkar-quick-counter,
  .worship-detail-close,
  .worship-detail-primary-action,
  .worship-reading-timer-actions button,
  .worship-detail-counter-button,
  [data-dhikr-reset],
  .salah-quran-close,
  .salah-quran-play-all,
  .salah-quran-pause,
  .salah-quran-stop,
  .salah-quran-ayah-play,
  .salah-quran-reading-session-toggle
):focus-visible{
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
  outline-color:#fff!important;
  box-shadow:none!important;
}
:is(.segment,.counter-presets button,.salah-quran-rate button){
  background:#000!important;
  color:#aaa!important;
  border-color:#333!important;
  box-shadow:none!important;
}
:is(.segment,.counter-presets button,.salah-quran-rate button).active,
:is(.segment,.counter-presets button,.salah-quran-rate button)[aria-pressed="true"]{
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}
.counter-panel,
.worship-detail-dhikr-counter .worship-detail-counter-button,
.worship-detail-dhikr-counter .worship-detail-counter-button[data-complete="true"]{
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#555!important;
  box-shadow:none!important;
}


/* Bright monochrome quick-counter icon and white-control contrast */
.daily-adhkar-counter-icon{
  display:grid!important;
  place-items:center!important;
  background:#111!important;
  color:#fff!important;
}
.daily-adhkar-counter-icon svg{
  display:block;
  width:24px;
  height:24px;
  overflow:visible;
  fill:none;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
:is(
  .hero-action.primary,
  .segment.active,
  .segment[aria-pressed="true"],
  .counter-presets button.active,
  .salah-quran-rate button.active,
  .pg-map>button.active,
  .pg-rakaah-tabs button.active,
  .pg-school-tabs button.active,
  .pg-quran-rate button.active,
  .pg-play-all,
  .qpc-play,
  .pg-ayah-play,
  .pg-memorise.is-memorised,
  .pg-rakah-next
),
:is(
  .hero-action.primary,
  .segment.active,
  .segment[aria-pressed="true"],
  .counter-presets button.active,
  .salah-quran-rate button.active,
  .pg-map>button.active,
  .pg-rakaah-tabs button.active,
  .pg-school-tabs button.active,
  .pg-quran-rate button.active,
  .pg-play-all,
  .qpc-play,
  .pg-ayah-play,
  .pg-memorise.is-memorised,
  .pg-rakah-next
) *{
  color:#050505!important;
  text-shadow:none!important;
}


/* Final computed-style palette leak: worship-card arrows */
.timeline-item.worship-item i,
.timeline-item.worship-item:hover i,
.timeline-item.worship-item:focus-visible i{
  color:#aaa!important;
  border-color:#aaa!important;
}


/* 2026-09-09 — isolated minimalist launcher icons (no sprite bleed) */
.launch-card .launcher-icon{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  margin:0 auto 14px!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:50% 50%!important;
  background-size:58px 58px!important;
  filter:none!important;
  opacity:1!important;
}
.launch-card:nth-child(1) .launcher-icon{background-image:url('/assets/icon-pray-minimal.svg')!important}
.launch-card:nth-child(2) .launcher-icon{background-image:url('/assets/icon-adhkar-minimal.svg')!important}
.launch-card:nth-child(3) .launcher-icon{background-image:url('/assets/icon-quran-minimal.svg')!important}
.launch-card:nth-child(4) .launcher-icon{background-image:url('/assets/icon-dua-minimal.svg')!important}
.launch-card:nth-child(5) .launcher-icon{background-image:url('/assets/icon-learn-minimal.svg')!important}
@media(max-width:760px){
  .launch-card .launcher-icon{
    width:60px!important;
    height:60px!important;
    flex-basis:60px!important;
    background-size:50px 50px!important;
    margin-bottom:11px!important;
  }
}

.launcher .launch-card:nth-child(-n+5) .launcher-icon{
  background-position:50% 50%!important;
}

/* Launcher icon artwork revision 2 — explicit cache bust */
.launch-card:nth-child(1) .launcher-icon{background-image:url('/assets/icon-pray-minimal.svg?v=approved1')!important}
.launch-card:nth-child(2) .launcher-icon{background-image:url('/assets/icon-adhkar-minimal.svg?v=approved1')!important}
.launch-card:nth-child(3) .launcher-icon{background-image:url('/assets/icon-quran-minimal.svg?v=approved1')!important}
.launch-card:nth-child(4) .launcher-icon{background-image:url('/assets/icon-dua-minimal.svg?v=approved2')!important}
.launch-card:nth-child(5) .launcher-icon{background-image:url('/assets/icon-learn-minimal.svg?v=approved2')!important}


/* Keep dhikr navigation chevrons optically centred, independent of font metrics. */
.dhikr-arrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important;
}
#dhikr-prev::before,
#dhikr-next::before{
  display:block;
  color:currentColor;
  font:400 1.35rem/1 Arial,sans-serif;
  transform:translateY(-1px);
}
#dhikr-prev::before{content:"‹"}
#dhikr-next::before{content:"›"}


/* Optical re-centering after removing contaminated left gutters. */
.launcher .launch-card:nth-child(4) .launcher-icon,
.launcher .launch-card:nth-child(5) .launcher-icon{
  background-position:calc(50% - 5px) 50%!important;
}


/* Approved SALAH identity: compact header lockup and right-weighted desktop nav. */
.brand{width:235px!important;flex:0 0 235px!important}
.desktop-nav{margin-left:auto!important;margin-right:clamp(24px,3vw,48px)!important}
.topbar-tools{margin-left:0!important}
.editorial-footer-brand img{width:165px!important;max-height:64px!important}
@media(max-width:1000px) and (min-width:761px){
  .brand{width:190px!important;flex-basis:190px!important}
  .desktop-nav{margin-right:20px!important}
}
@media(max-width:760px){
  .brand{width:158px!important;flex-basis:158px!important}
  .topbar-tools{margin-left:auto!important}
}


/* Tighter desktop header rhythm: retain right alignment while halving item spacing. */
@media(min-width:1001px){.desktop-nav{gap:19px!important}}
@media(max-width:1000px) and (min-width:761px){.desktop-nav{gap:11px!important}}