/* Supplied artwork, unchanged. All surfaces follow existing appearance preferences. */
#view-today .athar-prayer-row{height:auto!important;min-height:76px!important;padding:0 10px 0 0!important;display:flex!important;gap:0!important;direction:ltr!important;overflow:hidden;border-radius:20px!important;background:var(--athar-card-color)!important;border:1px solid var(--athar-card-border)!important}
#view-today .athar-prayer-identity{align-self:stretch;display:flex!important;flex:1!important;gap:0!important;padding:0!important;min-width:0!important;direction:ltr!important;overflow:hidden;background:none!important;border:0!important;border-radius:0!important}
#view-today .athar-card-art{width:clamp(82px,23vw,112px);align-self:stretch;flex-shrink:0;position:relative;overflow:hidden;mask-image:linear-gradient(to right,#000 73%,transparent 100%)}
#view-today .athar-card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:none!important;mix-blend-mode:normal!important}
#view-today .athar-prayer-divider{display:none!important}
#view-today .athar-prayer-identity-label{align-items:center!important;flex:1;padding:9px 4px!important;gap:5px;overflow:visible}
#view-today .athar-prayer-identity-label .prayer-name{color:var(--text)!important;font-size:clamp(16px,4.4vw,21px)!important;white-space:nowrap;font-weight:700!important;line-height:1.45!important}
#view-today .athar-main-time{font-size:11px!important;line-height:1.5;white-space:nowrap;font-weight:500!important;text-align:center;display:flex;flex-direction:column;align-items:center}
#view-today .virtue-label{font-size:8px;color:var(--muted);line-height:1.3}
#view-today .status-switch{border-left:1px solid var(--line)!important;padding-left:8px!important;margin:0!important;gap:4px!important;flex-shrink:0;direction:ltr!important}
#view-today .status-switch .state-btn{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;border-radius:50%!important}
#view-today .status-switch .state-btn svg{width:21px!important;height:21px!important}
#view-today .athar-prayer-row.athar-full-activity{background:#193e30!important;border-color:#478c67!important;color:#f3fff7}
#view-today .athar-full-activity .prayer-name,#view-today .athar-full-activity .athar-main-time{color:#f3fff7!important}
body[data-theme=light] #view-today .athar-prayer-row.athar-full-activity{background:#e0f4e8!important;border-color:#70b88c!important}
body[data-theme=light] #view-today .athar-full-activity .prayer-name,body[data-theme=light] #view-today .athar-full-activity .athar-main-time{color:#163d28!important}
#view-today .athar-sky{background-image:url('./assets/Athar_Mosque_Dark.png')!important;background-size:cover!important;background-position:center center!important;left:auto!important;right:-14px!important;top:-20px!important;width:78%!important;height:215px!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 72%,transparent 100%),linear-gradient(to right,transparent 0%,#000 45%,#000 90%,transparent 100%)!important;mask-composite:intersect!important;-webkit-mask-composite:source-in!important}
body[data-theme=light] #view-today .athar-sky{background-image:url('./assets/Athar_Mosque_Light.png')!important;opacity:1!important;mix-blend-mode:normal!important}
.athar-quote{display:flex;flex-direction:column;gap:5px;text-align:center;align-items:center;padding:12px 0;line-height:1.7;overflow-wrap:anywhere;color:var(--muted)}
.athar-quote strong{color:var(--text)}
#view-today .athar-quote{border-top:0!important}
.app-shell{padding-bottom:calc(150px + var(--nav-clearance-offset,0px) + env(safe-area-inset-bottom))!important}
.modal{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain}
#quran-reader{z-index:30}.quran-bismillah{text-align:center;font-size:25px;line-height:2}.quran-ayah p{font-family:var(--font-arabic)!important;font-size:calc(25px * var(--arabic-scale,1))!important}
body,button,input,textarea,select{font-family:var(--font-english),var(--font-arabic),sans-serif!important}
.athar-font-ar{font-family:var(--font-arabic),sans-serif!important;letter-spacing:normal!important}
.athar-font-en{font-family:var(--font-english),sans-serif!important}
input[dir=rtl],textarea[dir=rtl],input[lang=ar],textarea[lang=ar]{font-family:var(--font-arabic),var(--font-english),sans-serif!important}
[lang=ar] input,[lang=ar] textarea{font-family:var(--font-arabic),var(--font-english),sans-serif!important}
@media(min-width:430px){#view-today .status-switch{gap:7px!important;padding-left:12px!important}#view-today .status-switch .state-btn{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}}
#view-today .athar-sky{transform:none!important}
.khatma-progress{width:100%;accent-color:var(--accent);height:12px;margin:10px 0}
#tafsir-chapter-select{display:block;max-width:100%;width:100%;padding:12px;margin:10px 0;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px}
body :where(h1,h2,h3,h4,p,span,strong,small,a,label,button,input,textarea,select,option,div,time,summary){font-family:var(--font-english),var(--font-arabic),sans-serif!important}
body .athar-font-ar{font-family:var(--font-arabic),sans-serif!important}
body :is(input,textarea)[dir=rtl],body :is(input,textarea)[lang=ar]{font-family:var(--font-arabic),var(--font-english),sans-serif!important}