/* ATHAR Today — strict November 4 reference image visual implementation.
   Scoped to the Today page/dark presentation; all prayer, date, storage and tab logic remains in app.js. */
body[data-theme='dark']:has(#view-today.active){background:#030b13!important}
body[data-theme='dark'] #view-today{--athar-today-bg:#030b13}
body[data-theme='dark'] #view-today .athar-today-top::before{background:radial-gradient(ellipse 42% 55% at 91% 33%,rgba(120,78,26,.10),transparent 94%)}
body[data-theme='dark'] #view-today .athar-sky{opacity:.89;filter:saturate(.86);}
body[data-theme='dark'] #view-today .athar-date-controls{border-color:#2b3641!important;background:rgba(5,14,23,.81)!important}
body[data-theme='dark'] #view-today .athar-miladi-date{border-color:#2a3540!important;background:rgba(8,17,27,.8)!important}
body[data-theme='dark'] #view-today .today-subrow{border-bottom-color:#29333e!important;padding-bottom:11px!important}
/* The original reference has a continuous, finely drawn golden perimeter and a deeply shaded interior.
   No scenic-overlay mask and no large yellow patch on the right edge. */
body[data-theme='dark'] #view-today .athar-prayer-hero{
 border:1px solid #c88e21!important;
 border-right-color:#e8b800!important;
 border-top-color:#d49e2b!important;
 border-radius:23px!important;
 background:radial-gradient(ellipse 37% 58% at 96% 2%,rgba(161,111,31,.28),transparent 91%),linear-gradient(111deg,#071019 0%,#09131c 60%,#07111a 100%)!important;
 box-shadow:none!important;
}
body[data-theme='dark'] #view-today .athar-prayer-hero::before,
body[data-theme='dark'] #view-today .athar-prayer-hero::after{display:none!important;content:none!important}
body[data-theme='dark'] #view-today .athar-prayer-hero .ring{
 width:97px!important;height:97px!important;
 background:conic-gradient(from -11deg,var(--accent) 0 max(5.5%,calc(var(--pct)*1%)),#2d3640 0)!important;
}
body[data-theme='dark'] #view-today .athar-prayer-hero .ring::before{background:#071019!important;inset:8px!important}
body[data-theme='dark'] #view-today .athar-prayer-hero .athar-hero-divider{background:#36404b!important}
body[data-theme='dark'] #view-today .athar-prayer-row{
 min-height:61px!important;height:61px!important;
 background:linear-gradient(110deg,#0b141d,#0c151e)!important;
 border-color:#303b46!important;border-radius:21px!important;
}
body[data-theme='dark'] #view-today .prayer-stack{gap:8px!important}
body[data-theme='dark'] #view-today .athar-prayer-symbol{width:39px!important;height:39px!important;flex-basis:39px!important;background:rgba(255,201,0,.13)!important}
body[data-theme='dark'] #view-today .athar-symbol-3{background:rgba(245,131,79,.15)!important}
body[data-theme='dark'] #view-today .athar-symbol-4{background:rgba(135,130,225,.19)!important}
body[data-theme='dark'] #view-today .athar-prayer-divider{background:#35414b!important;height:20px!important}
body[data-theme='dark'] #view-today .status-switch .state-btn{border-color:#3c4855!important}
body[data-theme='dark'] #view-today .status-switch .state-btn[aria-pressed='true']{border-color:var(--accent)!important}
body[data-theme='dark']:has(#view-today.active) .glass-nav{background:rgba(3,11,19,.91)!important;border-color:#28333e!important}
body[data-theme='dark']:has(#view-today.active) .glass-nav .nav-glider{background:#242e38!important;border-color:#3b4651!important}
body[data-theme='dark']:has(#view-today.active) .glass-nav,
body[data-theme='dark']:has(#view-today.active) .glass-nav.compact{bottom:calc(env(safe-area-inset-bottom) + 66px)!important}
@media(max-width:375px){
 body[data-theme='dark'] #view-today .athar-prayer-row{height:59px!important;min-height:59px!important}
 body[data-theme='dark'] #view-today .athar-prayer-symbol{width:33px!important;height:33px!important;flex-basis:33px!important}
 body[data-theme='dark']:has(#view-today.active) .glass-nav,
 body[data-theme='dark']:has(#view-today.active) .glass-nav.compact{bottom:calc(env(safe-area-inset-bottom) + 20px)!important}
}
@media(max-height:750px){
 body[data-theme='dark']:has(#view-today.active) .glass-nav,
 body[data-theme='dark']:has(#view-today.active) .glass-nav.compact{bottom:calc(env(safe-area-inset-bottom) + 8px)!important}
}