/* Generated by deploy/prepare-release.mjs. Edit design/*.css and public/screens.css. */
/* Prayer Time foundations. Canonical contract: ../DESIGN.md */
@font-face{font-family:Geologica;src:url('/qaza-glass/fonts/Geologica-Regular.ttf');font-display:swap}
@font-face{font-family:Geologica;src:url('/qaza-glass/fonts/Geologica-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Geologica;src:url('/qaza-glass/fonts/Geologica-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:'Geologica Auto';src:url('/qaza-glass/fonts/Geologica_Auto-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:'Google Sans';font-weight:500;font-style:normal;font-display:swap;src:url('./fonts/GoogleSans-Medium.ttf') format('truetype')}
@font-face{font-family:Geologica;font-weight:500;font-display:swap;src:url('/qaza-glass/fonts/Geologica-Medium.ttf')}
@font-face{font-family:'Geologica Auto';font-weight:500;font-display:swap;src:url('/qaza-glass/fonts/Geologica_Auto-Medium.ttf')}
:root{--ink:#0E0E0C;--soft:#4A4A42;--muted:#6E6E63;--canvas:#FAFAF7;--limestone:#F2F2EC;--white:#FFF;--subtle:#F7F7F2;--line:#E5E5DC;--strong:#DADACE;--disabled:#C9C9BD;--emerald:#00C196;--deep:#007F64;--dark:#005C49;--mint:#8DEACE;--mint-soft:#C2F4E4;--mint-wash:#E6FAF4;--orange:#F26419;--orange-deep:#A8400B;--apricot:#FFBA8C;--apricot-soft:#FFDABF;--apricot-wash:#FFF0E6;--danger:#A33B28;--shadow:0 24px 60px -34px rgba(46,46,41,.34),0 4px 14px rgba(46,46,41,.06)}
:root{--surface-page:var(--canvas);--surface-panel:var(--white);--surface-subtle:var(--subtle);--surface-stage:var(--limestone);--text-primary:var(--ink);--text-on-dark-muted:#B8B8AF;--text-secondary:var(--soft);--text-muted:var(--muted);--action-fill:var(--deep);--action-foreground:var(--white);--action-hover:var(--dark);--state-positive-text:var(--dark);--state-positive-fill:var(--mint-wash);--state-attention-text:var(--orange-deep);--state-attention-fill:var(--apricot-wash);--state-unavailable-text:var(--muted);--state-unavailable-fill:var(--limestone);--state-unavailable-border:var(--strong)}
:root{--orange-deep:#A8400B}
:root{
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
 --radius-control:10px;--radius-cell:8px;--radius-card:12px;--radius-panel:20px;--radius-sheet:24px;--radius-pill:999px;
 --target-min:44px;--font-caption:11px;--font-label:12px;--font-action:13px;--font-body:14px;--font-title:16px;--font-page:28px;
 --border-default:var(--line);--border-control:var(--strong);--focus-color:var(--apricot);--focus-keyline:var(--dark);
}

/* Shared primitives. Feature files own composition, not duplicate control definitions. */
.button{
 min-height:var(--target-min);max-width:100%;border:1px solid transparent;border-radius:var(--radius-pill);
 padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
 font-weight:600;font-size:var(--font-action);line-height:1.4;background:var(--surface-panel);text-align:center;
 overflow-wrap:break-word;text-decoration:none;
}
.button.small{padding:8px 13px;font-size:var(--font-label)}
.button.primary,.button.dark{background:var(--action-fill);color:var(--action-foreground)}
.button.primary:not(:disabled):hover,.button.dark:not(:disabled):hover{background:var(--action-hover)}
.button.quiet{border-color:var(--border-default);color:var(--text-secondary)}
.button.quiet:not(:disabled):not([aria-pressed=true]):hover{background:var(--surface-subtle);border-color:var(--border-control)}
.button.attention{background:var(--state-attention-fill);color:var(--state-attention-text)}
.button.danger{background:var(--danger);color:var(--action-foreground)}
.button.full{width:100%}
.button-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.icon-button{width:var(--target-min);min-width:var(--target-min);height:var(--target-min);padding:0;border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-panel);display:grid;place-items:center;flex-shrink:0}
.text-link{min-height:var(--target-min);border:0;background:none;color:var(--action-fill);font-size:var(--font-label);font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1.4}
button:disabled{opacity:1;background:var(--state-unavailable-fill);color:var(--state-unavailable-text);border-color:var(--state-unavailable-border);cursor:default}
.button:disabled,.prayer-check:disabled,.quick-prayers .prayer-check:disabled,.reminder-actions .button:disabled,.oraza-day-actions .button:disabled{background:var(--state-unavailable-fill);color:var(--state-unavailable-text);border-color:var(--state-unavailable-border)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus-color)!important;outline-offset:2px!important;box-shadow:0 0 0 2px var(--focus-keyline)}
.field,.mini-field{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-3);min-width:0}
.field>span,.mini-field>span{font-size:var(--font-label);font-weight:500;color:var(--text-secondary);line-height:1.5}
input,select{width:100%;min-width:0;height:var(--target-min);border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface-panel);color:var(--text-primary);padding:0 12px}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.prayer-list,.section-block,.settings-card,.insight-card,.summary-strip,.stat-details{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-panel);overflow:hidden}
.section-block,.settings-card{padding:var(--space-5)}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);min-width:0}
.section-heading>div,.view-header>div{min-width:0}
.section-heading>.button,.view-header>.button{flex-shrink:0}
.section-heading:has(>.button){flex-wrap:wrap}
.section-heading:has(>.button)>div{flex:1 1 180px}
.list-heading{padding:15px 16px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--surface-stage)}
.list-heading h2{font-size:var(--font-title)}
.list-heading p{font-size:var(--font-caption);color:var(--text-muted);margin-top:3px;line-height:1.5}
.sheet-backdrop{position:fixed;inset:0;background:rgba(14,14,12,.28);display:grid;place-items:center;padding:20px;z-index:30}
.sheet{width:min(500px,100%);max-height:calc(100dvh - 40px);min-width:0;overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-sheet);background:var(--surface-panel);padding:26px;position:relative;box-shadow:var(--shadow)}
.sheet-close{position:absolute;right:8px;top:6px;width:var(--target-min);height:var(--target-min);min-width:var(--target-min);min-height:var(--target-min);border:0;border-radius:var(--radius-control);background:none;font-size:24px;display:grid;place-items:center}
.sheet-close:hover{background:var(--surface-subtle)}
@media(max-width:760px){
 .section-block,.settings-card{padding:var(--space-4)}
 .field-row{grid-template-columns:1fr}
 .sheet-backdrop{place-items:end center;padding:0}
 .sheet{max-height:calc(100dvh - 12px);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding-bottom:calc(26px + env(safe-area-inset-bottom))}
}

/* Shared content links and page-heading scale; Today clock has its own compact scale. */
a{color:var(--action-fill);text-underline-offset:3px}
a:hover{color:var(--action-hover)}
.view-header h1,.week-head h1,.history-title h1,.care-view h1,.oraza-view>header h1{font-size:var(--font-page);line-height:1.15;letter-spacing:-.025em}
@media(max-width:760px){.view-header h1,.week-head h1,.history-title h1,.care-view h1,.oraza-view>header h1{font-size:26px}}

.goal-weekdays input:focus-visible+span{outline:3px solid var(--focus-color);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-keyline)}

/* Screen composition only. Shared primitives live in design/components.css. */


/* Semantic roles retain the approved palette; optional themes can override roles. */

*{box-sizing:border-box}html,body{margin:0;background:var(--surface-stage);color:var(--text-primary);font-family:Geologica,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,select{outline:none}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.08;letter-spacing:-.035em}h2{font-size:20px;line-height:1.2;letter-spacing:-.02em}h3{font-size:18px;line-height:1.2}.kicker{text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:600;color:var(--muted)}.muted{color:var(--muted);font-size:13px;line-height:1.55}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}
.app-stage{min-height:100vh;padding:22px;display:flex;align-items:center;justify-content:center}.app-shell{width:min(1280px,100%);height:min(800px,calc(100vh - 44px));min-height:700px;display:grid;grid-template-columns:212px minmax(0,1fr) 320px;background:var(--canvas);border:1px solid var(--strong);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.sidebar{background:var(--limestone);border-right:1px solid var(--line);padding:30px 20px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px}.brand>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--emerald);color:white}.brand>b{font-size:13px;line-height:1.05}.navigation{display:flex;flex-direction:column;gap:4px;margin-top:44px}.nav-item{height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500}.nav-item:hover{background:rgba(255,255,255,.62);color:var(--ink)}.nav-item.active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(46,46,41,.05)}.nav-item.active svg{color:var(--deep)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px 8px}.sidebar-foot div{min-width:0;display:flex;flex-direction:column}.sidebar-foot b{font-size:11px}.sidebar-foot small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot,.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);flex:0 0 auto}.status-dot.warn,.sync-dot.warn{background:var(--orange)}
.workspace{min-width:0;overflow-y:auto;background:var(--canvas)}.content{max-width:720px;margin:0 auto;padding:38px 34px 48px}.view-stack{display:flex;flex-direction:column;gap:14px}.view-header{display:flex;align-items:flex-start;justify-content:space-between}.view-header>div>p{font-size:12px;color:var(--muted);margin-bottom:5px}.view-header h1{}.streak-pill{height:30px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:white;color:var(--soft);font-size:12px;white-space:nowrap}.streak-pill i{width:7px;height:7px;border-radius:50%;background:var(--emerald)}

.notice{padding:12px 14px;border:1px solid var(--mint);border-radius:10px;background:var(--mint-wash);font-size:13px;color:var(--dark)}.unresolved-card{border:1px solid var(--apricot);border-radius:12px;background:white;padding:12px 14px 12px 16px;display:flex;align-items:center;gap:8px}.unresolved-card>div{flex:1;display:flex;flex-direction:column}.unresolved-card b{font-size:14px}.unresolved-card span{font-size:11px;color:var(--muted);margin-top:3px}.source-line{font-size:11px!important}.sync-pill{height:24px;padding:0 9px;border-radius:99px;background:var(--mint-wash);color:var(--dark);display:flex;align-items:center;font-size:11px;font-weight:600}.sync-pill.pending{background:var(--apricot-wash);color:var(--orange-deep)}
.prayer-row{min-height:73px;display:grid;grid-template-columns:minmax(120px,1.25fr) minmax(102px,1fr) minmax(104px,.9fr) auto;gap:12px;align-items:center;padding:10px 12px 10px 16px;border-bottom:1px solid var(--limestone)}.prayer-row:last-child{border-bottom:0}.prayer-copy p,.prayer-window span{font-size:11px;color:var(--muted);margin-top:3px}.prayer-window{display:flex;flex-direction:column}.prayer-window b{font-family:'Geologica Auto';font-size:14px}.prayer-state{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.prayer-state i{width:8px;height:8px;border-radius:50%;background:var(--disabled)}.status-early .prayer-state i,.status-on_time .prayer-state i,.status-late .prayer-state i{background:var(--emerald)}.status-missed .prayer-state i,.status-unlogged .prayer-state i{background:var(--orange)}.prayer-action{display:flex;justify-content:flex-end}.prayer-check{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--strong);background:white;color:var(--disabled);display:grid;place-items:center}.prayer-check:not(:disabled):hover{transform:translateY(-1px);border-color:var(--emerald);color:var(--deep)}.prayer-check.complete{background:var(--deep);border-color:var(--deep);color:white}.resolve-actions{display:flex;gap:6px}.jumuah-card,.qaza-promo{border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.jumuah-card{border:1px solid var(--line);background:white}.jumuah-card p:not(.kicker){color:var(--muted);font-size:12px;margin-top:4px}.qaza-promo{background:var(--ink);color:white}.qaza-promo h2{font-size:25px;margin:3px 0}.qaza-promo span{font-size:11px;color:var(--text-on-dark-muted)}
.context-rail{background:white;border-left:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column;gap:12px;overflow:auto}.rail-card{border:1px solid var(--line);border-radius:var(--radius-card);padding:17px;background:white}.rail-card.accent-card,.next-card{background:var(--apricot-wash);border-color:var(--apricot-soft)}.rail-card>p:not(.kicker),.mini-copy{font-size:11px;line-height:1.5;color:var(--muted);margin-top:6px}.rail-card>b{font-family:'Geologica Auto';font-size:31px}.rail-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.rail-head span{color:var(--muted);font-size:11px}.balance-number{font-family:'Geologica Auto';font-size:40px;font-weight:700;line-height:1.05;margin-top:10px}.qaza-rail-card strong{font-family:'Geologica Auto';font-size:30px;display:block;margin-top:12px}.qaza-rail-card .button{margin-top:14px}.rail-meter{height:6px;background:var(--limestone);border-radius:99px;overflow:hidden;margin-top:14px}.rail-meter i{display:block;height:100%;border-radius:99px;background:var(--emerald)}.sync-rail{margin-top:auto;display:flex;align-items:center;gap:8px;padding:12px 14px}.sync-rail small{color:var(--muted)}.section-heading p{margin-top:4px}.page-title p:last-child{font-size:12px;color:var(--muted);margin-top:7px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr)}.summary-strip article,.stat-details article{padding:20px;border-right:1px solid var(--limestone);display:flex;flex-direction:column}.summary-strip article:last-child,.stat-details article:last-child{border-right:0}.summary-strip span,.stat-details span{font-size:11px;color:var(--muted)}.summary-strip b,.stat-details b{font-family:'Geologica Auto';font-size:30px;margin:12px 0 3px}.summary-strip small,.stat-details small{font-size:11px;color:var(--muted)}.insight-card .list-heading{border-bottom:0}.timing-bars{padding:4px 18px 20px;display:grid;gap:14px}.timing-bars>div{display:grid;grid-template-columns:82px 1fr 40px;align-items:center;gap:12px;font-size:11px}.timing-bars i{height:8px;border-radius:99px;background:var(--limestone);overflow:hidden}.timing-bars i b{display:block;height:100%;background:var(--emerald);border-radius:99px}.timing-bars i b.apricot{background:var(--apricot)}.timing-bars em{text-align:right;font-style:normal;color:var(--muted)}.stat-details{display:grid;grid-template-columns:1fr 1fr}.empty-card{text-align:center;padding:54px 28px;border:1px solid var(--line);border-radius:var(--radius-card);background:white}.empty-card p{max-width:460px;margin:8px auto 20px;color:var(--muted);font-size:13px;line-height:1.5}
.week-head h1{}.week-grid{display:grid;grid-template-columns:76px repeat(7,minmax(42px,1fr));overflow:auto;border:1px solid var(--line);border-radius:10px}.week-corner,.week-prayer,.week-day,.week-cell{min-height:45px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--limestone);border-bottom:1px solid var(--limestone)}.week-corner,.week-prayer{justify-content:flex-start;padding-left:10px;font-size:11px;color:var(--muted)}.week-day{flex-direction:column;font-size:11px}.week-day span{color:var(--muted);font-size:11px}.week-day.today{background:var(--mint-wash)}.week-cell{border-top:0;border-left:0;background:white;color:var(--disabled)}.week-cell.has-early,.week-cell.has-on_time,.week-cell.has-late{background:var(--mint-wash);color:var(--dark)}.week-cell.has-missed{background:var(--apricot-wash);color:var(--orange-deep)}.legend{display:flex;gap:18px;margin-top:14px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px;background:var(--mint)}.legend i.missed{background:var(--apricot)}.legend i.none{background:var(--limestone)}
.subpage-head{min-height:116px;padding:22px;border-radius:18px;background:var(--ink);color:white;display:flex;gap:16px}.subpage-head .icon-button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:white}.subpage-head h1{margin:3px 0}.subpage-head span{font-size:12px;color:var(--text-on-dark-muted)}.qaza-list{border-top:1px solid var(--limestone)}.qaza-row{display:grid;grid-template-columns:minmax(140px,1fr) 58px auto;align-items:center;gap:12px;min-height:70px;border-bottom:1px solid var(--limestone)}.qaza-row:last-child{border-bottom:0}.qaza-name{display:flex;align-items:center;gap:11px}.qaza-name>span{width:34px;height:34px;border-radius:9px;background:var(--mint-wash);color:var(--dark);display:grid;place-items:center;font-weight:700}.qaza-name p{font-size:11px;color:var(--muted);margin-top:2px}.qaza-row>b{font-family:'Geologica Auto';font-size:20px}.qaza-actions{display:flex;gap:7px}.balance-edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.recent-list>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;min-height:48px;border-bottom:1px solid var(--limestone);font-size:12px}.recent-list small{color:var(--muted)}
.settings-form{display:grid;gap:14px}.settings-card h2{padding-bottom:13px;border-bottom:1px solid var(--limestone)}.switch-row,.location-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;border-bottom:1px solid var(--limestone)}.switch-row span{display:flex;flex-direction:column}.switch-row b{font-size:13px}.switch-row small{font-size:11px;color:var(--muted);margin-top:2px}.switch-row input{appearance:none;width:42px;height:24px;border:0;border-radius:99px;background:var(--disabled);padding:0;position:relative}.switch-row input:after{content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:white;transition:transform .18s}.switch-row input:checked{background:var(--emerald)}.switch-row input:checked:after{transform:translateX(18px)}.source-note{padding:13px 14px;background:var(--subtle);border-radius:10px;margin-top:12px}.source-note>div{display:flex;justify-content:space-between;gap:14px}.source-note span{font-size:11px;color:var(--muted);text-align:right}.source-note small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:6px}.danger-zone{margin-top:2px}.danger-actions{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.reset-form{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.reset-form p{font-size:11px;color:var(--danger)}.design-link{color:var(--muted);font-size:11px;text-decoration:none}.qaza-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.witr-note,.secure-note{font-size:11px;color:var(--muted)}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--canvas)}.auth-story{background:var(--limestone);padding:48px;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:48px;margin:10px 0}.auth-story>div>p:not(.kicker){max-width:440px;color:var(--muted);line-height:1.6}.auth-quote{font-size:13px;color:var(--muted)}.auth-form-wrap{display:grid;place-items:center;padding:28px}.auth-card,.setup-card{width:min(440px,100%);padding:30px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}.auth-card h2{font-size:28px;margin:5px 0}.auth-card>.muted{margin-bottom:20px}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px}.form-error{color:var(--danger);font-size:12px;margin-top:10px}.mobile-brand{display:none}.setup-page{min-height:100vh;background:var(--canvas)}.setup-header{height:74px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.step-label{font-size:12px;color:var(--muted)}.step-progress{height:3px;background:var(--line)}.step-progress span{display:block;width:100%;height:100%;transform-origin:left;background:var(--emerald);transition:transform .25s}.setup-content{padding:46px 20px;display:grid;place-items:start center}.setup-card>h1{font-size:34px;margin:6px 0 10px}.setup-card>.lead{font-size:13px;color:var(--muted);line-height:1.55}.location-button{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--subtle);padding:0 14px;margin:20px 0 10px;text-align:left}.location-button>span{flex:1;display:flex;flex-direction:column}.location-button b{font-size:13px}.location-button small{font-size:11px;color:var(--muted)}.divider{display:flex;align-items:center;color:var(--muted);font-size:11px;margin:15px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.divider span{padding:0 10px}.sheet>p:not(.kicker){font-size:13px;color:var(--muted);margin-top:8px}.sheet-actions{display:grid;gap:8px;margin-top:18px}
@media(max-width:1050px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.context-rail{display:none}.sidebar{padding:28px 12px}.sidebar .brand b,.sidebar-foot div,.sidebar .nav-item span{display:none}.sidebar .brand{justify-content:center}.nav-item{justify-content:center;padding:0}.content{max-width:760px}}
@media(max-width:760px){html,body{background:var(--canvas)}.app-stage{display:block;padding:0}.app-shell{display:block;width:100%;height:auto;min-height:100vh;border:0;border-radius:0;box-shadow:none;overflow:visible}.sidebar{display:none}.workspace{overflow:visible;padding-bottom:88px}.content{max-width:none;padding:62px 20px 30px}.mobile-nav{display:block;position:static;z-index:25;left:0;right:0;height:88px;padding:8px 12px calc(20px + env(safe-area-inset-bottom));background:rgba(250,250,247,.88);backdrop-filter:blur(20px);border-top:1px solid var(--line)}.mobile-nav .navigation{height:58px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.mobile-nav .nav-item{height:58px;min-height:44px;padding:2px;border-radius:0;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:11px}.mobile-nav .nav-item svg{width:23px;height:23px}.mobile-nav .nav-item.active{background:transparent;box-shadow:none;color:var(--deep)}.view-header h1{}.prayer-row{min-height:72px;grid-template-columns:1fr auto;padding:11px 12px 11px 16px}.prayer-window{display:none}.prayer-state{grid-column:1;grid-row:2}.prayer-copy{grid-column:1;grid-row:1}.prayer-copy p{display:none}.prayer-action{grid-column:2;grid-row:1/3}.resolve-actions{flex-direction:column}.resolve-actions .button{min-height:var(--target-min)}.qaza-promo{align-items:flex-start;flex-direction:column}.qaza-promo .button{width:100%}.unresolved-card{align-items:flex-start;flex-wrap:wrap}.unresolved-card>div{flex-basis:100%}.unresolved-card .button{flex:1}.summary-strip{grid-template-columns:1fr}.summary-strip article{border-right:0;border-bottom:1px solid var(--limestone);display:grid;grid-template-columns:1fr auto;gap:3px}.summary-strip article:last-child{border-bottom:0}.summary-strip b{grid-row:1/3;grid-column:2;margin:0}.week-grid{grid-template-columns:62px repeat(7,44px)}.section-heading.week-head{flex-direction:column}.week-head .button-row{width:100%;justify-content:flex-end}.qaza-row{grid-template-columns:1fr 42px}.qaza-actions{grid-column:1/-1;display:grid;grid-template-columns:44px 44px 1fr;padding-bottom:12px}.balance-edit-grid,.qaza-inputs{grid-template-columns:1fr 1fr}.auth-page{display:block}.auth-story{display:none}.auth-form-wrap{min-height:100vh;padding:20px}.auth-card{padding:24px 20px;box-shadow:none}.mobile-brand{display:flex;margin-bottom:70px}.setup-header{height:64px;padding:0 18px}.setup-content{padding:28px 12px}.setup-card{padding:23px 18px;box-shadow:none}.danger-actions{flex-direction:column}}
@media(min-width:761px){.mobile-nav{display:none}}@media(max-width:390px){.content{padding-left:14px;padding-right:14px}.streak-pill{padding:0 9px;font-size:11px}.timing-bars>div{grid-template-columns:68px 1fr 34px}.stat-details{grid-template-columns:1fr}.stat-details article{border-right:0;border-bottom:1px solid var(--limestone)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:760px){.jumuah-card{align-items:stretch;flex-direction:column}.jumuah-card .button-row{display:grid;grid-template-columns:repeat(3,1fr)}.jumuah-card .button{min-width:0;padding-left:8px;padding-right:8px}}

/* Complete history, Jumu'ah, and statistics surfaces */
.app-shell.settings-shell{grid-template-columns:212px minmax(0,1fr)}.settings-shell .content{max-width:840px}.history-title{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.history-title>div:first-child>p,.history-title>div:first-child>span,.stats-title p{font-size:12px;color:var(--muted);margin-top:4px}.history-toggle{display:flex;padding:3px;border-radius:99px;background:var(--limestone)}.history-toggle button{height:30px;padding:0 13px;border:0;border-radius:99px;background:transparent;color:var(--muted);font-size:11px}.history-toggle button.active{background:white;color:var(--ink);box-shadow:0 1px 3px rgba(46,46,41,.08)}.history-arrows{display:flex;gap:6px}.history-arrows .icon-button{width:38px;height:var(--target-min);border-radius:99px}.week-panel,.month-calendar,.day-review,.today-log{background:white;border:1px solid var(--line);border-radius:12px;padding:16px}.history-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}.history-section-head>b,.history-section-head>div>b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}.history-section-head>span,.history-section-head>div>span{font-size:11px;color:var(--muted)}.week-panel .week-grid{display:grid;grid-template-columns:64px repeat(7,minmax(36px,1fr));gap:6px;border:0;border-radius:0;overflow:visible}.week-panel .week-corner,.week-panel .week-prayer,.week-panel .week-day,.week-panel .week-cell{min-height:0;border:0}.week-panel .week-prayer{padding:0;font-size:12px;font-weight:600;color:var(--ink)}.week-panel .week-day{height:30px}.week-panel .week-cell{aspect-ratio:1;border:1.5px solid var(--limestone);border-radius:8px;background:transparent}.week-panel .week-cell.has-early{background:var(--emerald);border-color:var(--emerald)}.week-panel .week-cell.has-on_time{background:var(--mint);border-color:var(--mint)}.week-panel .week-cell.has-late{background:var(--apricot);border-color:var(--apricot)}.week-panel .week-cell.has-missed{background:var(--orange);border-color:var(--orange)}.legend{padding-top:14px;border-top:1px solid var(--limestone)}.legend i.early{background:var(--emerald)}.legend i.on_time{background:var(--mint)}.legend i.late{background:var(--apricot)}.today-log{padding:0;overflow:hidden}.today-log>.history-section-head{padding:15px 16px 0}.today-log-list article{display:grid;grid-template-columns:10px 1fr auto 38px;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--limestone)}.today-log-list article>i{width:9px;height:9px;border-radius:50%;background:var(--disabled)}.today-log-list article>i.early{background:var(--emerald)}.today-log-list article>i.on_time{background:var(--mint)}.today-log-list article>i.late{background:var(--apricot)}.today-log-list article>i.missed{background:var(--orange)}.today-log-list article>div{display:flex;flex-direction:column}.today-log-list article>div b{font-size:13px}.today-log-list article>div span,.today-log-list time{font-size:11px;color:var(--muted)}.today-log-list .icon-button{width:36px;height:var(--target-min);border:0;border-radius:99px}.empty-line{padding:16px;text-align:center;color:var(--muted);font-size:12px}
.month-calendar{padding:14px 12px}.month-weekdays,.month-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.month-weekdays{margin-bottom:6px}.month-weekdays span{text-align:center;font-size:11px;font-weight:600;color:var(--muted)}.month-day{aspect-ratio:1;border:1.5px solid var(--line);border-radius:10px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.month-day>b{font-family:'Geologica Auto';font-size:13px}.month-day>span{height:5px;display:flex;gap:2px}.month-day>span i{width:4px;height:4px;border-radius:50%;background:var(--line)}.month-day>span i.early{background:var(--emerald)}.month-day>span i.on_time{background:var(--mint)}.month-day>span i.late{background:var(--apricot)}.month-day>span i.missed{background:var(--orange)}.month-day.outside{opacity:0}.month-day.future{border-color:transparent;background:transparent;color:var(--disabled)}.month-day.future>span{opacity:0}.month-day.complete{background:var(--mint-wash);border-color:var(--emerald)}.month-day.today{background:var(--ink);border-color:var(--ink);color:white}.month-day.selected{border-color:var(--orange);background:var(--apricot-wash)}.day-review-prayers{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.day-review-prayers button{height:48px;border:0;border-radius:8px;background:var(--limestone);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.day-review-prayers button b{font-size:11px}.day-review-prayers button span{font-size:11px}.day-review-prayers button.early{background:var(--emerald);color:white}.day-review-prayers button.on_time{background:var(--mint-soft);color:var(--dark)}.day-review-prayers button.late{background:var(--apricot-soft);color:var(--orange-deep)}.day-review-prayers button.missed{background:var(--orange);color:white}
.jumuah-tracker{background:white;border:1px solid var(--line);border-radius:12px;padding:15px 16px}.jumuah-head{display:flex;align-items:flex-start;justify-content:space-between}.jumuah-head strong{font-size:11px;color:var(--deep)}.jumuah-head strong.warning{color:var(--orange-deep)}.jumuah-hint{font-size:11px;color:var(--muted);margin-top:5px}.jumuah-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.jumuah-slot{border:0;background:transparent;padding:0;display:grid;grid-template-columns:1fr auto;gap:4px;text-align:left}.jumuah-slot i{grid-column:1/-1;height:8px;border-radius:99px;background:var(--line)}.jumuah-slot.attended i{background:var(--emerald)}.jumuah-slot.missed i{background:var(--orange)}.jumuah-slot.excused i{border:1.5px dashed var(--muted);background:var(--limestone)}.jumuah-slot span,.jumuah-slot small{font-size:11px;color:var(--muted)}.jumuah-slot small{text-align:right}.jumuah-prompt{margin-top:13px;padding-top:12px;border-top:1px solid var(--limestone);display:flex;align-items:center;justify-content:space-between;gap:10px}.jumuah-prompt>b{font-size:12px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 10px}:is(.congregation-toggle,.mosque-toggle){width:100%;height:54px;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:var(--canvas);padding:0 14px;display:flex;align-items:center;justify-content:space-between}:is(.congregation-toggle,.mosque-toggle) span{font-weight:500}:is(.congregation-toggle,.mosque-toggle) i{width:44px;height:26px;border-radius:99px;background:var(--disabled);position:relative}:is(.congregation-toggle,.mosque-toggle) i:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;transition:transform .18s}:is(.congregation-toggle,.mosque-toggle).active i{background:var(--emerald)}:is(.congregation-toggle,.mosque-toggle).active i:after{transform:translateX(18px)}.prayer-feedback>.button+.button{margin-top:8px}
.rail-stat-line{display:flex;align-items:flex-start;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--limestone)}.rail-stat-line:last-child{border-bottom:0}.rail-stat-line>div{display:flex;flex-direction:column}.rail-stat-line b{font-family:'Geologica Auto';font-size:18px}.rail-stat-line span{font-size:11px;color:var(--muted);margin-top:2px}.rail-stat-line>strong{font-size:12px;color:var(--deep)}.rail-jumuah>div{display:flex;gap:6px;margin-top:14px}.rail-jumuah i{height:8px;flex:1;border-radius:99px;background:var(--line)}.rail-jumuah i.attended{background:var(--emerald)}.rail-jumuah i.missed{background:var(--orange)}.rail-jumuah i.excused{border:1.5px dashed var(--muted);background:var(--limestone)}
.stats-title h1{font-size:32px}.stats-mobile-hero{display:none}.stats-desktop-summary{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:22px;border-bottom:1px solid var(--line)}.stats-desktop-summary article{display:flex;flex-direction:column;padding-right:20px}.stats-desktop-summary b{font-family:'Geologica Auto';font-size:32px}.stats-desktop-summary span{font-size:11px;color:var(--muted);margin-top:4px}.stats-chips{display:none}.delay-section{margin-top:10px}.delay-card{background:white;border:1px solid var(--line);border-radius:12px;padding:6px 16px}.delay-row{display:grid;grid-template-columns:70px 1fr 54px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--limestone)}.delay-row>b{font-size:13px}.delay-row>em{font-family:'Geologica Auto';font-size:11px;font-style:normal;text-align:right;color:var(--muted)}.delay-track{height:10px;border-radius:99px;background:var(--limestone);position:relative;overflow:hidden}.delay-track>i{position:absolute;left:33%;top:0;bottom:0;width:1px;background:var(--disabled);z-index:1}.delay-track>span{display:block;height:100%;border-radius:99px;background:var(--mint)}.delay-track>span.early{background:var(--emerald)}.delay-card>p{font-size:11px;color:var(--muted);padding:9px 0 4px}.stats-qadha{display:none}
@media(max-width:760px){.app-shell.settings-shell{display:block}.history-title{grid-template-columns:1fr auto}.history-title .history-toggle{grid-row:2;grid-column:1}.history-title .history-arrows{grid-column:2;grid-row:1/3}.history-title h1{}.week-panel{padding:14px 12px}.week-panel .week-grid{grid-template-columns:58px repeat(7,1fr);gap:5px}.week-panel .week-cell{border-radius:7px}.legend{gap:10px;flex-wrap:wrap}.today-log-list article{grid-template-columns:9px 1fr auto 36px}.month-calendar{padding:12px 8px}.month-weekdays,.month-days{gap:5px}.month-day{border-radius:8px}.jumuah-prompt{align-items:flex-start;flex-direction:column}.jumuah-prompt .button-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.jumuah-prompt .button{min-width:0;padding:0 7px}.jumuah-slot{display:flex;flex-direction:column}.jumuah-slot small{text-align:left}.stats-desktop-summary{display:none}.stats-mobile-hero{display:block;background:var(--dark);color:white;border-radius:18px;padding:20px}.stats-mobile-hero .kicker{color:var(--mint-soft)}.stats-mobile-hero strong{display:block;font-family:'Geologica Auto';font-size:44px;line-height:1;margin-top:5px}.stats-mobile-hero strong span{font-size:21px;color:var(--mint-soft)}.stats-mobile-hero>p:last-of-type{font-size:12px;color:var(--mint-wash);margin-top:7px}.stats-mobile-hero>div{height:8px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden;margin-top:13px}.stats-mobile-hero>div i{display:block;height:100%;background:white}.stats-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats-chips article{background:white;border:1px solid var(--line);border-radius:12px;padding:12px}.stats-chips span{font-size:11px;color:var(--muted)}.stats-chips b{display:block;font-family:'Geologica Auto';font-size:23px;margin-top:2px}.delay-section{margin-top:8px}.delay-section .history-section-head{align-items:flex-end}.delay-section .history-section-head>b{font-size:12px}.delay-row{grid-template-columns:58px 1fr 48px;gap:9px}.stats-qadha{display:block;background:var(--ink);color:white;border-radius:18px;padding:18px 20px}.stats-qadha h2{font-size:28px;margin:4px 0 12px}.stats-qaza-meta{display:flex;justify-content:space-between;color:var(--disabled);font-size:11px}.stats-qaza-meta b{font-family:'Geologica Auto';font-size:17px;color:white}.qaza-progress{height:6px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;margin:10px 0 14px}.qaza-progress i{display:block;height:100%;background:var(--emerald)}.reason-grid{grid-template-columns:1fr}}

/* Prayer Time: readable states, shared day history, and actionable forecasts. */

::selection{background:var(--mint-soft);color:var(--ink)}input{caret-color:var(--deep)}a{text-underline-offset:3px}button,input,select{font-variant-numeric:tabular-nums}.workspace{scrollbar-color:var(--strong) var(--canvas);scrollbar-width:thin}.brand>span{background:var(--deep)}

.prayer-row{grid-template-columns:minmax(85px,1fr) 86px minmax(125px,1.2fr) auto;gap:10px;min-height:88px}.prayer-state{font-size:12px;line-height:1.5;align-items:flex-start}.prayer-state i{margin-top:5px;flex:none}.prayer-state small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}.prayer-action{gap:7px;align-items:center}.prayer-check.open-action{background:var(--deep);border-color:var(--deep);color:white}.prayer-check.recorded{background:var(--mint-wash);border-color:var(--mint-soft);color:var(--dark)}.status-missed .prayer-check.recorded{background:var(--apricot-wash);border-color:var(--apricot);color:var(--orange-deep)}.status-late .prayer-check.recorded{background:var(--apricot-soft);border-color:var(--apricot);color:var(--orange-deep)}.status-on_time .prayer-state i{background:var(--deep)}.status-late .prayer-state i{background:var(--orange-deep)}.status-unknown .prayer-state i{background:var(--soft)}.prayer-action .button{font-size:12px;padding:0 12px;white-space:nowrap}
.projection-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--mint-wash);color:var(--dark)}.projection-card h2{font-size:18px}.projection-date{font-size:28px;line-height:1.2;display:block;margin:12px 0 8px;letter-spacing:-.025em}.projection-card p{font-size:13px;line-height:1.55}.projection-evidence{margin-top:10px;color:var(--soft)}.projection-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--mint-soft);border-bottom:1px solid var(--mint-soft);margin-top:18px;padding:16px 0}.projection-comparison span{display:block;color:var(--soft);margin-top:4px}.goal-form{display:flex;align-items:flex-end;gap:12px;margin:4px 0 16px}.goal-form .field{flex:1}.goal-form input{max-width:180px}.projection-note{color:var(--soft)}.projection-card.compact .projection-date{font-size:22px}.projection-card.compact .button{margin-top:16px}.context-rail .projection-card{padding:18px}.context-rail .projection-card .button{width:100%;padding:0 10px}.context-rail h2{font-size:16px}.context-rail .next-card>b{display:block;margin-top:12px}.context-rail .next-card p{font-size:12px;line-height:1.5;margin-top:8px}
.history-title h1{}.history-toggle button,.history-arrows .icon-button{min-width:44px;height:44px}.back-today{align-self:flex-start;min-height:44px;display:flex;align-items:center}.week-panel{overflow-x:auto}.week-panel .week-grid{min-width:400px;grid-template-columns:60px repeat(7,minmax(40px,1fr))}.week-panel .week-day{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:8px}.week-panel .week-day.selected{background:var(--mint-wash);box-shadow:inset 0 0 0 2px var(--deep)}.week-panel .week-day.today{color:var(--deep);font-weight:700}.week-panel .week-cell{min-height:40px;color:var(--ink);font-size:14px}.week-panel .week-cell.has-early{background:var(--deep);border-color:var(--deep);color:white}.week-panel .week-cell.has-missed{background:var(--apricot-soft);border-color:var(--orange);color:var(--orange-deep)}.week-panel .week-cell.has-unknown{background:var(--limestone);border-color:var(--strong);color:var(--soft)}.legend{font-size:12px;line-height:1.5;display:flex;flex-wrap:wrap;gap:12px;min-width:0}
.history-section-head>div{display:flex;flex-direction:column;gap:5px}.history-section-head>div>b{font-size:15px;text-transform:none;letter-spacing:0;color:var(--ink)}.history-section-head>div>span{font-size:12px}.today-log-list article{grid-template-columns:9px minmax(0,1fr) auto;min-height:82px;gap:10px}.today-log-list article:has(.button){grid-template-columns:9px minmax(0,1fr) auto auto}.today-log-list article>div b{font-size:15px}.today-log-list article>div span,.today-log-list article>div small{font-size:12px;line-height:1.45;color:var(--soft)}.today-log-list .icon-button{width:44px;height:44px}.today-log-list .button{font-size:12px;white-space:nowrap}.month-day{min-height:44px}.month-day.selected{outline:3px solid var(--apricot);outline-offset:-2px;background:var(--mint-wash);border-color:var(--deep);color:var(--dark)}.month-day.today.selected{background:var(--dark);color:white}.month-weekdays span{font-size:11px}
.qaza-row{grid-template-columns:minmax(90px,1fr) 45px auto}.qaza-actions{display:flex;grid-column:auto;padding:0}.qaza-row .button{min-height:44px}.recent-list .text-link{min-width:44px;min-height:44px}.subpage-head{min-height:0}.stats-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-chips article{padding:12px;background:white;border:1px solid var(--line);border-radius:12px}.stats-chips b{display:block;font-size:23px;margin-top:5px}.stats-chips span{font-size:12px;color:var(--soft)}.delay-card>p{font-size:12px;line-height:1.5;padding:12px 0}.delay-track>span{background:var(--deep)}.sheet h2{padding-right:32px}.sheet-actions .text-link{min-height:44px}.sheet form .button{margin-top:12px}.sheet .field>span{font-size:13px}.sheet p.form-error{color:var(--danger)}.advanced-settings{margin-top:16px}.advanced-settings summary{min-height:44px;display:list-item;cursor:pointer;font-size:13px;padding:12px 0}.advanced-settings summary:focus-visible{}.source-note small,.switch-row small,.jumuah-hint{font-size:12px}.jumuah-slot{min-height:44px}.jumuah-slot span,.jumuah-slot small{font-size:11px}
@media(max-width:1050px) and (min-width:761px){.app-shell.settings-shell{grid-template-columns:82px minmax(0,1fr)}}
@media(max-width:760px){.content{padding-top:32px}.prayer-row{grid-template-columns:minmax(0,1fr) auto;min-height:104px;gap:7px 10px;padding:14px}.prayer-copy{grid-column:1;grid-row:1}.prayer-copy h3{font-size:17px}.prayer-window{display:flex;flex-direction:row;gap:5px;align-items:baseline;grid-column:1;grid-row:2}.prayer-window b,.prayer-window span{font-size:12px;margin:0}.prayer-state{grid-column:1;grid-row:3;font-size:12px}.prayer-action{grid-column:2;grid-row:1/4;flex-direction:column;align-items:flex-end}.prayer-action .button{padding:0 10px;min-height:44px}.projection-card{padding:18px}.projection-comparison{grid-template-columns:1fr;gap:12px}.projection-date{font-size:26px}.stats-mobile-hero{background:var(--dark);color:white}.stats-mobile-hero h2{font-size:16px;color:var(--mint-soft)}.today-log-list article:has(.button){grid-template-columns:9px minmax(0,1fr) auto}.today-log-list article>.button{grid-column:2;grid-row:2;justify-self:start}.today-log-list article:has(.button)>.icon-button{grid-column:3;grid-row:1/3}.qaza-row{grid-template-columns:minmax(76px,1fr) 32px auto;gap:9px;min-height:85px}.qaza-actions{display:flex;grid-column:3;padding:0}.qaza-name{gap:8px}.qaza-name>span{display:none}.qaza-name h3{font-size:16px}.qaza-actions .button{padding:0 12px;font-size:12px}.history-title h1{}.month-days,.month-weekdays{gap:3px}.month-day{min-height:44px;aspect-ratio:auto;height:48px}.month-calendar{padding:12px 6px}.month-day>span{gap:1px}.view-header{gap:10px}.view-header h1{}.streak-pill{font-size:11px}.today-log-list article>div small{font-size:11px}.workspace{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}
@media(max-width:760px){.week-panel .week-grid{min-width:0;grid-template-columns:52px repeat(7,minmax(0,1fr));gap:4px}.week-panel .week-cell{min-width:0;min-height:44px;aspect-ratio:auto;padding:0}.week-panel .week-prayer{font-size:11px}.week-panel .week-day{padding:0;font-size:11px}.legend{gap:9px;font-size:11px}}

/* Live time and recent completion evidence */
.next-countdown{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--border-default)}.next-countdown>div{display:grid;gap:4px}.next-countdown>div:last-child{text-align:right}.next-countdown span{font-size:14px;font-weight:600}.next-countdown small{font-size:11px;color:var(--muted,var(--text-muted))}.next-countdown [data-countdown]{font-size:30px;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-weight:600;color:#005C49}.next-card .next-countdown{display:grid}.next-card .next-countdown>div:last-child{text-align:left}.pace-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.pace-days>div{display:grid;gap:6px;padding:12px 8px;border:1px solid var(--border-default);border-radius:12px;text-align:center}.pace-days span,.pace-days small{font-size:11px;color:var(--text-secondary)}.pace-days b{font-size:25px;color:#005C49}.reminder-card fieldset{position:relative;padding:0;border:0;margin:0;min-width:0}.reminder-offsets{display:grid;gap:12px;padding:8px 0 16px}.reminder-offsets label{display:flex;align-items:center;gap:8px;min-height:32px;font-size:13px}.reminder-note{font-size:12px;line-height:1.6;color:var(--text-muted)}.reminder-status{font-size:13px;line-height:1.5}.reminder-card .button-row{flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reminder-offsets input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;accent-color:#007F64}.reminder-offsets label{min-height:44px;justify-content:flex-start;gap:12px}

.reminder-footer{margin-top:16px;padding-top:18px;border-top:1px solid var(--line)}.reminder-footer .reminder-note{margin:0;line-height:1.5}.reminder-actions{margin-top:16px;gap:10px;min-height:44px}.reminder-actions .button{}.reminder-off{margin-left:auto;min-height:44px;padding:0 8px;border:0;background:transparent;font-size:12px;font-weight:500;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}.reminder-off:hover{color:var(--danger)}.reminder-delivery-note{margin:18px 0 0;font-size:11px;line-height:1.6;color:var(--text-muted)}.reminder-status{margin:12px 0 6px}.reminder-card>.muted{font-size:13px;line-height:1.6;margin-top:10px}@media(max-width:760px){.reminder-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reminder-actions>.button:only-child{grid-column:1/-1}.reminder-off{grid-column:1/-1;justify-self:center;margin:0}.reminder-delivery-note{margin-top:16px}}
.switch-row input{flex:0 0 42px}.reminder-card fieldset>.switch-row:last-of-type{border-bottom:0}@media(min-width:761px){.reminder-offsets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
/* Today history, quick qadha completion, and flexible targets */
.quick-catchup-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:var(--mint-wash);border:1px solid var(--mint-soft);border-radius:12px}.quick-catchup-entry>div{display:grid;gap:5px;min-width:0}.quick-catchup-entry b{font-size:14px;color:var(--dark)}.quick-catchup-entry span{font-size:12px;line-height:1.5;color:var(--dark)}.quick-catchup-entry .button{flex:none;white-space:nowrap}
.today-calendar{padding:14px 16px;background:white;border:1px solid var(--line);border-radius:var(--radius-card)}.today-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.today-calendar-head>div:first-child{display:grid;gap:5px}.today-calendar-head>div:last-child{display:flex;gap:6px}.today-calendar-head b{font-size:12px;color:var(--soft)}.today-calendar-head .text-link{text-align:left;min-height:var(--target-min);padding:0}.today-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.today-day{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:76px;border-radius:12px;border:1px solid var(--line);background:var(--canvas,#FAFAF7);color:var(--soft);padding:8px 2px}.today-day span{font-size:11px}.today-day b{font-size:20px;line-height:1.2;font-variant-numeric:tabular-nums}.today-day i{width:4px;height:4px;border-radius:50%;background:transparent}.today-day.is-today i{background:currentColor}.today-day.selected{background:var(--deep);border-color:var(--deep);color:white}.today-day:disabled{opacity:1;color:var(--text-muted);background:#f7f7f4;border-color:#eeeeea}.today-day:not(:disabled):hover{border-color:var(--deep)}.today-day:focus-visible,.goal-weekdays input:focus-visible+span{}
.quick-sheet{width:min(560px,100%)}.quick-progress{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0 16px;padding:12px 0;border-block:1px solid var(--line)}.quick-progress b{font-size:14px}.quick-progress span{font-size:12px;color:var(--muted);text-align:right}.quick-prayers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-prayers article{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:90px;padding:12px 10px;border:1px solid var(--line);border-radius:12px}.quick-prayers h3{font-size:13px}.quick-prayers article span{display:block;margin-top:7px;font-size:12px;color:var(--muted)}.quick-prayers .qaza-count{color:var(--dark);font-variant-numeric:tabular-nums}.quick-prayers .prayer-check{flex:0 0 44px}.quick-prayers .open-action{background:var(--deep);border-color:var(--deep);color:white}.quick-result{min-height:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.quick-result p{font-size:12px;color:var(--dark);line-height:1.5}.quick-result .text-link{display:flex;align-items:center;gap:6px;min-height:44px;white-space:nowrap}.quick-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:8px}.quick-empty{padding:0 0 16px}.quick-footer .button{min-width:92px}
.goal-form.catchup-plan{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;padding:20px 0 0}.catchup-plan h3{grid-column:1/-1;font-size:15px}.catchup-plan .field{min-width:0}.catchup-plan .field small{font-size:11px;color:var(--dark);margin-top:5px}.catchup-plan .button{justify-self:end;grid-column:1/-1;margin:0}.catchup-plan .plan-hint,.catchup-plan .form-error{grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}.goal-weekdays{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;border:0;margin:0;padding:0;min-width:0}.goal-weekdays legend{font-size:12px;padding:0;margin-bottom:10px}.goal-weekdays label{position:relative;min-width:0}.goal-weekdays input{position:absolute;opacity:0;width:100%;height:100%;margin:0;inset:0;cursor:pointer}.goal-weekdays span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--border-control);border-radius:9px;font-size:12px;color:var(--dark);background:white;pointer-events:none}.goal-weekdays input:checked+span{background:var(--deep);color:white;border-color:var(--deep)}
@media(min-width:761px){.quick-sheet{align-self:center}.quick-result .text-link{font-size:12px}}
@media(max-width:760px){.quick-catchup-entry{padding:14px;gap:10px}.quick-catchup-entry .button{padding:0 12px;font-size:12px}.quick-catchup-entry .button svg{display:none}.quick-catchup-entry b{font-size:13px}.quick-catchup-entry span{font-size:11px}.today-calendar{padding:12px}.today-days{gap:4px}.today-day{min-height:68px;border-radius:9px}.today-day span{font-size:11px}.today-day b{font-size:18px}.today-calendar-head b{font-size:11px}.today-calendar-head .icon-button{width:44px;min-width:44px;height:44px}.quick-prayers{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-result{align-items:flex-start;flex-direction:column;gap:0}.quick-result .text-link{align-self:flex-end}.quick-progress span{font-size:11px}.goal-form.catchup-plan{grid-template-columns:1fr}.catchup-plan .button{width:100%}.goal-weekdays{gap:4px}.goal-weekdays span{font-size:11px}}
.catchup-plan .field input{width:100%}
.prayer-check.open-action:not(:disabled):hover{background:var(--dark);border-color:var(--dark);color:white}

/* Thumb-reachable catch-up action shares the mobile navigation safe area. */
@media(max-width:760px){
 .quick-catchup-entry{display:none}
 .mobile-nav{--nav-height:calc(76px + env(safe-area-inset-bottom));height:var(--nav-height);top:auto;bottom:auto;left:0;right:0;width:auto;padding:8px 12px calc(10px + env(safe-area-inset-bottom))}
 .mobile-nav .navigation.with-catchup{grid-template-columns:repeat(5,minmax(0,1fr))}
 .mobile-nav .nav-catchup{color:var(--muted);font-weight:400}
 .nav-catchup:focus-visible{border-radius:12px}
}

.sheet .jamaah-note{font-size:12px;line-height:1.5;margin:8px 0 16px;color:var(--muted)}.jumuah-link{margin-top:12px}

.pull-refresh{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%,var(--pull-y,0px));z-index:29;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;background:var(--deep);color:white;box-shadow:0 4px 16px rgba(14,14,12,.12);font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none}.pull-refresh[hidden]{display:none}.pull-gesture-active{overscroll-behavior-y:contain}
.pull-refresh-icon{width:18px;height:18px;flex-shrink:0;transform:rotate(var(--pull-turn,0deg))}.pull-refresh[data-state=refreshing] .pull-refresh-icon{animation:refresh-turn .8s linear infinite}
@keyframes refresh-turn{from{transform:rotate(var(--pull-turn,0deg))}to{transform:rotate(calc(var(--pull-turn,0deg) + 360deg))}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.pull-motion-active .workspace>.content{transform:translateY(var(--pull-distance,0px));will-change:transform}}
@media(prefers-reduced-motion:reduce){.pull-refresh{transform:translateX(-50%)}.pull-refresh-icon{transform:none}}

.recent-list .recent-completion{display:flex;justify-content:space-between;align-items:center;gap:16px}
.recent-completion>div:first-child{display:grid;gap:6px;min-width:0}.recent-completion small{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.recent-completion-actions{display:flex;gap:16px;flex:none}.recent-completion-actions .text-link{min-width:44px;min-height:44px}
@media(max-width:390px){.recent-list .recent-completion{align-items:flex-start;gap:8px}.recent-completion-actions{gap:4px}.recent-completion small{max-width:170px}}

/* One countdown per layout: compact above the list, or in the desktop timetable. */
.prayer-summary{display:none}
.schedule-card{padding:16px;background:var(--canvas);overflow:hidden}
.schedule-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.schedule-heading time{font-size:12px;color:var(--soft);font-variant-numeric:tabular-nums}
.schedule-card .schedule-date{font-size:11px;margin:5px 0 12px;color:var(--soft)}
.schedule-card table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums}
.schedule-card th,.schedule-card td{padding:10px 8px;border:0;line-height:1.25}
.schedule-card tbody th{text-align:left;font-weight:500;white-space:nowrap}
.schedule-card td{text-align:right;font-weight:500}
.schedule-card .schedule-sunrise{color:var(--soft)}
.schedule-card .schedule-sunrise th{font-weight:400}
.schedule-upcoming{background:var(--mint-soft);color:var(--dark)}
.schedule-upcoming th{border-radius:8px 0 0 8px}
.schedule-upcoming td{border-radius:0 8px 8px 0}
.schedule-next{font-size:11px;font-weight:500;margin-left:6px}
.schedule-card .next-countdown{margin:12px -16px -16px;padding:14px 16px;background:var(--deep);color:white;border:0;gap:10px}
.schedule-card .next-countdown span{font-size:12px}
.schedule-card .next-countdown small{font-size:11px;color:white;opacity:.85}
.schedule-card .next-countdown [data-countdown]{font-size:23px;letter-spacing:-.025em;color:white;white-space:nowrap}
@media(max-width:1050px){.prayer-summary{display:block;padding:16px 18px;border:1px solid var(--apricot-soft);border-radius:14px;background:var(--apricot-wash)}.prayer-summary .next-countdown{border:0;padding:0}.prayer-summary .next-countdown [data-countdown]{font-size:26px;letter-spacing:-.025em}.prayer-summary .next-countdown span{font-size:14px}}

.sidebar .nav-catchup{margin-top:16px;font-weight:400;color:var(--muted)}

.language-control{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.language-control select{width:auto;min-width:126px;min-height:44px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;color:var(--ink)}.auth-card>.language-control{margin-bottom:28px}.account-card>p{overflow-wrap:anywhere;margin:8px 0 18px;color:var(--soft);font-size:13px}.account-card>h2{margin-bottom:14px}.google-signin{margin:28px 0 16px;width:100%;border:1px solid #747775;background:white;color:#1f1f1f;border-radius:20px;min-height:44px;font-size:14px;font-weight:500;text-decoration:none;gap:10px}.google-signin img{flex:none}.privacy-link{display:block;text-align:center;font-size:12px;color:var(--soft);margin-top:18px}.auth-card h2{overflow-wrap:break-word}html[lang=ru] .nav-item,html[lang=kk] .nav-item{font-size:12px}html[lang=ru] .mobile-nav .nav-item,html[lang=kk] .mobile-nav .nav-item{font-size:11px}.nav-catchup span{white-space:normal}.schedule-card th{white-space:normal}.schedule-card .next-countdown>div{min-width:0}.schedule-card .next-countdown span{overflow-wrap:break-word}

.google-signin{font-family:'Google Sans',Arial,sans-serif}

.pace-details{border-top:1px solid var(--line);margin-top:16px}.pace-details>summary{min-height:44px;padding:14px 0;cursor:pointer;font-size:13px;font-weight:600;color:var(--dark)}.pace-details>summary:focus-visible{}.pace-details[open]>summary{padding-bottom:0}.jumuah-slot.upcoming{opacity:1}.jumuah-slot.upcoming i{background:transparent;border:1px dashed var(--strong)}
/* Oraza uses the same quiet surfaces and controls as daily prayer tracking. */
.oraza-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:20px 4px}.oraza-entry>div{display:flex;align-items:center;gap:12px;min-width:0}.oraza-entry svg{flex-shrink:0;color:var(--deep)}.oraza-entry h2{font-size:16px}.oraza-entry p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.oraza-entry .button{flex-shrink:0}.oraza-onboarding>svg{color:var(--deep);width:40px;height:40px;margin-bottom:16px}.oraza-onboarding .button{margin-top:8px}.oraza-view .section-heading{align-items:center}.oraza-view>.section-heading{margin-bottom:4px}.oraza-view h1{}.oraza-view h2{font-size:18px}.oraza-view .muted{font-size:12px;line-height:1.6}.oraza-tabs{display:flex;gap:8px}.oraza-tabs .button{flex:1;min-width:0;white-space:normal;padding:12px}.oraza-tabs [aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:white}.oraza-calendar .section-heading{gap:8px}.oraza-calendar .section-heading .button-row{flex-wrap:nowrap;gap:4px;margin:0}.oraza-calendar .section-heading .button{padding:0;width:44px;min-width:44px}.oraza-weekdays,.oraza-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.oraza-weekdays{margin:12px 0 8px;text-align:center;font-size:11px;color:var(--muted)}.oraza-date{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:56px;border:1px solid transparent;border-radius:10px;background:var(--subtle);color:var(--ink)}.oraza-date b{font-size:15px}.oraza-date small{font-size:11px;color:var(--muted)}.oraza-date i{position:absolute;right:4px;bottom:3px;font-size:11px;font-style:normal}.oraza-date.outside{background:white;color:var(--muted)}.oraza-date.ramadan{background:var(--mint-wash)}.oraza-date.selected{background:var(--dark);border-color:var(--dark);color:white}.oraza-date.selected small{color:var(--mint-soft)}.oraza-date.fast-done:not(.selected){box-shadow:inset 0 0 0 1px var(--deep)}.oraza-date:focus-visible,.oraza-tabs .button:focus-visible{}.oraza-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:16px 0 10px;font-size:11px;color:var(--soft)}.oraza-legend span{display:flex;align-items:center;gap:5px}.oraza-legend span:before{content:'';width:9px;height:9px;border:1px solid var(--deep);border-radius:2px;background:var(--mint-wash)}.oraza-legend span:nth-child(2):before{background:white;border:0;border-bottom:3px solid var(--deep)}.oraza-legend span:nth-child(3):before{background:var(--deep)}.oraza-times{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.oraza-times span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.oraza-times b{font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.oraza-times .oraza-timer b{color:var(--deep)}.oraza-source{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 16px}.oraza-source a,.oraza-reasons a{color:var(--deep);text-underline-offset:3px}.oraza-reasons{margin-top:14px}.oraza-date-confidence{font-size:11px;color:var(--muted);margin-bottom:14px}.oraza-reasons article+article{margin-top:18px}.oraza-reasons h3{font-size:15px;margin-bottom:6px}.oraza-reasons article p{font-size:13px;line-height:1.65;color:var(--soft);margin-bottom:3px}.oraza-reasons a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.oraza-day-actions{flex-wrap:wrap;margin-top:14px}.oraza-view .button{white-space:normal;line-height:1.4}.oraza-day-actions .button:first-child{background:var(--deep);color:white;border-color:var(--deep)}.oraza-balance-number{font-size:13px;color:var(--muted);margin:14px 0}.oraza-balance-number b{font-size:32px;color:var(--ink);margin-right:6px}.oraza-balance-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.oraza-balance-parts dt{font-size:11px;color:var(--muted);line-height:1.5}.oraza-balance-parts dd{margin:6px 0 0;font-size:18px}.oraza-view summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}.oraza-balance details{border-top:1px solid var(--line)}.oraza-view form .field{min-width:0}.oraza-view form small{font-size:11px;color:var(--muted);line-height:1.6}.oraza-view form>.button{margin-top:14px}.oraza-history article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.oraza-history article:last-child{border-bottom:0;padding-bottom:0}.oraza-history article>div{display:grid;gap:5px;font-size:13px}.oraza-history article span,.oraza-history article small{font-size:11px;color:var(--muted)}.oraza-history>.muted{margin-top:12px}.oraza-view .notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;line-height:1.6}.oraza-table-scroll{overflow-x:auto}.oraza-ramadan table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}.oraza-ramadan th,.oraza-ramadan td{padding:10px 8px;border-bottom:1px solid var(--line)}.oraza-ramadan th:first-child,.oraza-ramadan td:first-child{padding-left:0}.oraza-ramadan thead th{font-size:11px;color:var(--muted);font-weight:500}.oraza-ramadan .text-link{min-height:var(--target-min);font-size:12px;text-align:left}.oraza-ramadan .field{margin-top:0}.oraza-ramadan>.muted{margin:12px 0}.oraza-calendar-settings>summary{padding:0;display:list-item;min-height:24px}.oraza-checkbox{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-size:13px;line-height:1.6}.oraza-checkbox input{width:20px;height:20px;flex-shrink:0;accent-color:var(--deep);margin-top:2px}.oraza-editor .field-row{margin-top:4px}.oraza-editor>p{line-height:1.6}.oraza-editor>.button{margin-top:20px}.oraza-editor input[type=datetime-local]{min-width:0;max-width:100%}
@media(max-width:760px){.oraza-view .section-block{padding:18px 14px}.oraza-calendar .section-heading h2{font-size:16px}.oraza-weekdays,.oraza-days{gap:3px}.oraza-date{min-height:50px}.oraza-entry{gap:8px}.oraza-entry .button{max-width:120px;padding:8px 10px}.oraza-times{gap:8px}.oraza-times b{font-size:18px}.oraza-times span{font-size:11px;min-height:28px;line-height:1.4}.oraza-tabs .button{font-size:12px}.oraza-balance-parts{gap:10px}.oraza-history article>.button{max-width:108px;padding:8px 10px}.oraza-editor .field-row{grid-template-columns:1fr}.oraza-ramadan th,.oraza-ramadan td{padding:9px 4px}.oraza-ramadan table{font-size:11px}.oraza-ramadan .text-link{font-size:11px}.oraza-ramadan .section-heading{align-items:flex-start}.oraza-ramadan .section-heading h2{font-size:17px}.oraza-ramadan .field{min-width:86px}}
.oraza-calendar-hint{font-size:12px;line-height:1.55;color:var(--soft);margin-bottom:8px}.oraza-date{min-height:64px;gap:2px;padding-bottom:18px}.oraza-date.recommended,.oraza-date.ramadan,.oraza-date.no-fast{border-bottom:1px solid transparent}.oraza-date.ramadan{background:var(--mint-wash)}.oraza-date.no-fast:not(.selected){background:var(--apricot-wash)}.oraza-date.selected{background:var(--dark);border-color:var(--dark)}.oraza-mark{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);height:16px;display:flex;align-items:center;color:var(--deep)}.oraza-date i{display:flex;bottom:auto;top:3px;right:3px;color:var(--deep)}.oraza-date i svg{width:12px;height:12px}.oraza-date.selected .oraza-mark,.oraza-date.selected i{color:white}.oraza-calendar-key{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin-top:16px}.oraza-calendar-key span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--soft)}.oraza-calendar-key svg{flex-shrink:0;color:var(--deep)}.oraza-calendar-key .no-fast svg,.oraza-day-category.no-fast,.oraza-category-icon.no-fast{color:var(--danger)}.oraza-calendar-caption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}.oraza-reason-trigger{display:flex;align-items:center;gap:10px;width:100%;background:var(--subtle);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:left}.oraza-reason-trigger>span:nth-child(2){flex:1;min-width:0}.oraza-reason-trigger b{display:block;font-size:13px}.oraza-reason-trigger small{display:block;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.5}.oraza-category-icon{display:flex;color:var(--deep)}.oraza-reason-more{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--deep);flex-shrink:0}.oraza-reason-trigger:hover{border-color:var(--deep)}.oraza-dismiss{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:default}.oraza-explanation{position:relative;z-index:1;width:min(520px,100%)}.oraza-explanation h2{font-size:24px;line-height:1.3}.oraza-explanation .sheet-close{display:grid;place-items:center}.oraza-explanation .oraza-day-category{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--deep);margin:12px 0 20px}.oraza-explanation .oraza-day-category.no-fast{color:var(--danger)}.oraza-explanation .oraza-reasons{margin:0}.oraza-explanation .oraza-reasons h3{font-size:17px}.oraza-explanation .oraza-reasons article p{font-size:14px;color:var(--soft)}.oraza-explanation .oraza-record-status{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;margin-bottom:20px}.oraza-record-status svg{flex-shrink:0}.oraza-date-info{border-top:1px solid var(--line);margin-top:12px;padding-top:4px;color:var(--muted)}.oraza-date-info summary{font-size:12px}.oraza-explanation .oraza-date-info p{font-size:12px;line-height:1.6;margin:4px 0 10px}.oraza-date-info a{min-height:32px}.oraza-explanation>.button-row{margin-top:22px;flex-wrap:wrap}.oraza-explanation>.button-row .button{min-height:44px}.oraza-explanation-backdrop{cursor:default}
@media(max-width:760px){.oraza-date{min-height:60px}.oraza-calendar-key{gap:10px 8px}.oraza-calendar-key span{font-size:11px;line-height:1.4}.oraza-reason-trigger{padding:12px 10px}.oraza-reason-more{font-size:11px}.oraza-explanation h2{font-size:22px}.oraza-explanation .oraza-reasons article p{font-size:14px}.oraza-explanation{padding-top:28px}.oraza-explanation .oraza-day-category{margin-bottom:22px}}

@media(min-width:761px){.oraza-explanation-backdrop{align-items:center}}

.oraza-mark,.oraza-category-icon{gap:3px}.fast-marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fast-marker-weekday{color:var(--deep)}.fast-marker-special,.oraza-calendar-key .special svg{color:var(--orange-deep)}.oraza-date.selected .fast-marker-weekday{color:white}.oraza-date.selected .fast-marker-special{color:var(--apricot)}.oraza-date .fast-marker svg{width:14px;height:14px}

/* Hijri month context stays beside its Gregorian calendar, with isolated Arabic. */
.oraza-month-heading{min-width:0;flex:1}
.oraza-calendar>.section-heading{align-items:flex-start;gap:12px}
.oraza-calendar>.section-heading>.button-row{flex-shrink:0}
.oraza-hijri-months,.oraza-hijri-date{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.oraza-hijri-months [lang=ar],.oraza-hijri-date [lang=ar]{font-family:"Geeza Pro","Noto Naskh Arabic",Tahoma,serif;font-size:18px;line-height:1.6;unicode-bidi:isolate;color:var(--soft)}
.oraza-explanation .oraza-hijri-date{margin:8px 44px 16px 0;font-size:14px}
@media(max-width:480px){.oraza-calendar>.section-heading{flex-wrap:wrap}.oraza-month-heading{flex-basis:170px}.oraza-calendar>.section-heading>.button-row{margin-left:auto}}/* Consolidation: shared type, action, focus and contextual layouts. */
.today-context{position:sticky;top:0;z-index:5;background:var(--surface-page);border-bottom:1px solid var(--line);padding:12px 0;margin-top:-12px}
.today-context-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.today-context h1{font-size:24px;line-height:1.15;margin:0 0 5px}
.today-context-heading p{font-size:12px;color:var(--text-secondary);line-height:1.45;margin:0}.today-hijri{display:block;color:var(--text-muted)}
.today-context-next{display:flex;align-items:center;gap:16px}.today-context .next-countdown{flex:1;margin:8px 0 0;padding:8px 0 0;border-top:0;gap:12px;min-width:0}
.today-context .next-countdown [data-countdown]{font-size:24px}.today-context .next-countdown span{font-size:14px}.today-context .next-countdown small{font-size:11px}
.sync-control{display:flex;flex-direction:column;align-items:flex-end;gap:0}.sync-pill{height:auto;min-height:26px;max-width:180px;text-align:center;line-height:1.4}.sync-control .text-link{font-size:12px}
.compact-timetable{font-size:12px;flex-shrink:0}.source-context{font-size:12px;line-height:1.5;margin-top:6px;color:var(--text-secondary)}.source-context .text-link{display:flex;justify-content:flex-start;font-size:12px;color:var(--dark)}
.source-fallback{color:var(--state-attention-text)}.source-status{font-weight:500}.source-details{display:grid;gap:12px;margin:20px 0}.source-details>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.source-details dt{color:var(--text-muted)}.source-details dd{margin:0}.information-sheet>p{font-size:14px;line-height:1.6;margin:16px 0}
.information-sheet .schedule-card{border:0;padding:16px 0;background:white}.information-sheet .schedule-heading{padding-right:44px}
.today-projection summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:500}.today-projection .projection-card{border:0;margin:0;padding:12px 0 0;background:transparent}
.undo-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--mint-soft);background:var(--state-positive-fill);color:var(--dark);padding:6px 14px;border-radius:12px;font-size:13px}
.undo-notice>span{flex:1;min-width:80px}.undo-notice .text-link{font-size:13px;color:var(--dark)}.global-undo{position:sticky;bottom:12px;z-index:6;margin-top:12px}.content:has([role=dialog])>.global-undo{display:none}
.time-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.time-presets .button{font-size:12px;min-height:44px}
.jumuah-gaps{display:flex;flex-wrap:wrap;gap:4px 12px}.jumuah-gaps .text-link{font-size:12px;justify-content:flex-start}
.week-panel .week-cell{border-color:var(--line)}.week-panel .week-cell:empty:after{content:'—';color:var(--text-muted);font-size:12px}
.today-day,.month-day,.oraza-date{scroll-margin-top:190px}.today-day.selected,.month-day.selected,.oraza-date.selected{outline-offset:2px}
.oraza-date .fast-marker svg{width:16px;height:16px}.oraza-calendar-key span{font-size:12px}
.oraza-entry{flex-wrap:wrap}.oraza-entry>.oraza-day-actions{flex-basis:100%;margin:0}.oraza-entry .oraza-day-actions .button{min-height:44px;font-size:13px}
.oraza-workspace,.qaza-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.oraza-selected-day,.qaza-context,.qaza-primary{min-width:0}
.oraza-selected-day,.qaza-context{position:sticky;top:18px;display:grid;gap:16px}.oraza-selected-day .section-heading{flex-wrap:wrap}.oraza-selected-day .oraza-times{grid-template-columns:1fr 1fr}.oraza-selected-day .oraza-timer{grid-column:1/-1}
.oraza-selected-day .oraza-day-actions{flex-direction:column}.oraza-selected-day .oraza-day-actions .button{width:100%}.qaza-primary{display:grid;gap:16px}.qaza-context .projection-date{font-size:25px}.qaza-context .recent-completion{flex-wrap:wrap;gap:6px}.qaza-context .recent-completion-actions{margin-left:auto}
.qaza-view .subpage-head{background:var(--surface-page);color:var(--text-primary);padding:0}.qaza-view .subpage-head .icon-button{background:white;color:var(--dark);border-color:var(--line)}.qaza-view .subpage-head span{color:var(--text-muted)}
.qaza-view h1,.oraza-view h1,.history-title h1{font-size:28px}.qaza-context .section-block{padding:18px}.oraza-onboarding{max-width:680px;margin:40px auto;width:100%}.oraza-onboarding p{max-width:56ch;line-height:1.6}
@media(min-width:761px){.app-stage{padding:16px;min-height:100dvh}.app-shell{height:calc(100dvh - 32px);min-height:0}.content{padding-top:24px}.settings-shell .content{max-width:none}.oraza-view .oraza-calendar{min-width:0}}
@media(min-width:761px) and (max-width:1050px){.app-shell,.app-shell.settings-shell{grid-template-columns:156px minmax(0,1fr)}.sidebar{padding:24px 12px}.sidebar .brand b,.sidebar .nav-item span,.sidebar-foot div{display:block}.sidebar .nav-item{justify-content:flex-start;gap:10px}.sidebar .nav-item span{font-size:12px}.content{padding:24px 18px}.oraza-workspace,.qaza-workspace{grid-template-columns:1fr}.oraza-selected-day,.qaza-context{position:static}.sidebar-foot .sync-control{align-items:flex-start}}
@media(max-width:760px){.today-context{padding:10px 0}.today-context h1{font-size:20px}.today-context-heading p{font-size:11px}.today-context-heading{gap:8px}.today-context .next-countdown [data-countdown]{font-size:22px}.today-context .next-countdown span{font-size:12px}.today-context-next{gap:10px}.today-context-next .text-link{font-size:11px}.sync-pill{font-size:11px;max-width:105px;padding:4px 7px}.content{padding-top:18px}.oraza-workspace,.qaza-workspace{grid-template-columns:1fr;gap:14px}.oraza-selected-day,.qaza-context{position:static}.qaza-context .projection-date{font-size:26px}.oraza-selected-day .oraza-times{grid-template-columns:1fr 1fr 1fr}.oraza-selected-day .oraza-timer{grid-column:auto}.oraza-entry .oraza-day-actions .button{max-width:none}.mobile-nav .nav-item span{font-size:11px!important}.mobile-nav .nav-item{min-width:0}.global-undo{bottom:4px}.today-calendar-head{flex-wrap:wrap}.today-calendar-head>div:last-child{margin-left:auto}}

.today-date-short{display:none}.today-context.slim .today-date-full,.today-context.slim .today-hijri,.today-context.slim h1{display:none}.today-context.slim .today-date-short{display:inline}.today-context.nonsticky{position:static}
.today-day,.month-day,.oraza-date{border-radius:10px;border-width:1px}.today-day[aria-current=date]>b,.month-day[aria-current=date]>b,.oraza-date[aria-current=date]>b,.week-day[aria-current=date]>b{text-decoration:underline;text-underline-offset:4px}.today-day.is-today i{background:transparent}
.week-panel .week-grid{min-width:360px}.week-panel{overflow-x:auto}.week-panel .week-cell,.week-panel .week-day{min-width:44px;min-height:44px}.week-panel .week-grid{grid-template-columns:52px repeat(7,minmax(44px,1fr))}
@media(max-width:360px){.today-calendar,.oraza-calendar,.month-calendar{margin-left:-14px!important;margin-right:-14px!important;width:calc(100% + 28px);padding-left:5px!important;padding-right:5px!important;border-radius:10px}.today-days,.oraza-days,.oraza-weekdays,.month-days,.month-weekdays{gap:0}.today-day,.oraza-date,.month-day{min-width:44px}.today-calendar-head,.oraza-calendar>.section-heading,.oraza-calendar-hint,.oraza-calendar-caption,.oraza-calendar-key{margin-left:8px;margin-right:8px}.today-day,.oraza-date,.month-day{border-radius:8px}.oraza-calendar-key span{font-size:11px}}

.today-context h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.today-streak{font-size:11px;font-weight:400;color:var(--text-muted)}.today-jumuah>summary{min-height:44px;cursor:pointer;font-size:14px;font-weight:500}.today-jumuah .jumuah-tracker{border:0;padding:12px 0 0;margin:0}.today-context.slim h1{display:none}

@media(max-width:760px){.mobile-nav .nav-item{padding:6px 2px;gap:4px}.mobile-nav .nav-item span{white-space:normal;line-height:1.25;text-align:center;max-width:100%;overflow-wrap:normal}.mobile-nav .navigation{align-items:stretch}}
@media(max-width:360px){.today-context-next{flex-wrap:wrap;gap:0}.today-context .next-countdown{flex-basis:100%}.compact-timetable{margin-left:auto}.oraza-date,.today-day,.month-day{border-radius:4px}}

.prayer-check:not(:disabled):not(.open-action):not(.complete):not(.recorded){color:var(--dark)}/* Computed accessibility fixes for compact actions and disclosure controls. */
.oraza-calendar-settings>summary{min-height:44px;padding:12px 0}
.reminder-delivery-note{color:var(--text-muted)}


@media(max-width:760px){html{scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom))}}
.oraza-ramadan .text-link{min-width:44px;min-height:44px}
.oraza-ramadan a,.oraza-source a,.oraza-date-info a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}

/* One daily clock: prayer context first, active fasting as a companion row. */
.prayer-clock-panel{margin-top:12px;padding:12px 16px 0;border:1px solid var(--mint-soft);border-radius:16px;background:var(--state-positive-fill);color:var(--dark);overflow:hidden}
.today-context .prayer-clock-panel .next-countdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0;border:0}
.prayer-clock-panel .next-countdown>div{min-width:0}
.today-context .prayer-clock-panel .next-countdown [data-countdown]{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.025em;color:var(--dark);white-space:nowrap}
.today-context .prayer-clock-panel .next-countdown span{font-size:15px;font-weight:600;color:var(--dark);line-height:1.35}
.today-context .prayer-clock-panel .next-countdown small{font-size:11px;color:var(--dark);margin-top:3px;line-height:1.4}
.time-progress{height:3px;border-radius:99px;background:var(--mint-soft);overflow:hidden;margin-top:10px}
.time-progress>i{display:block;height:100%;background:var(--deep);border-radius:inherit}
.prayer-clock-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}
.prayer-clock-foot [data-prayer-journey]{font-size:11px;line-height:1.4;color:var(--dark)}
.prayer-clock-foot [aria-hidden]{padding:0 4px}
.prayer-clock-foot .compact-timetable{gap:4px;margin:0;padding:0;color:var(--dark);font-size:11px;min-height:44px;flex-shrink:0}
.today-fasting-strip{border-top:1px solid var(--mint-soft);padding:10px 0 12px}
.fasting-clock-line{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fasting-clock-label{display:flex;align-items:center;gap:6px;min-width:0}
.fasting-clock-label svg{flex-shrink:0}
.fasting-clock-label b{font-size:12px;font-weight:500;line-height:1.4}
.fasting-clock-line>strong{font-size:17px;line-height:1.35;white-space:nowrap;font-family:'Geologica Auto',Geologica,sans-serif;font-weight:500}
.fasting-clock-line .text-link{min-height:44px;font-size:12px;padding:0;color:var(--dark)}
.today-fasting-strip .time-progress{margin-top:7px;background:#d4decb}
.today-fasting-strip .time-progress>i{background:var(--orange-deep)}
.fasting-clock-times{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--dark);line-height:1.4;margin-top:5px}
.today-fasting-strip [hidden]{display:none!important}
@media(max-width:760px){.prayer-clock-panel{margin-top:10px;padding:10px 12px 0;border-radius:14px}.today-context .prayer-clock-panel .next-countdown [data-countdown]{font-size:25px}.today-context .prayer-clock-panel .next-countdown span{font-size:13px}.prayer-clock-foot{gap:5px}.today-fasting-strip{padding-top:8px;padding-bottom:10px}}
@media(max-width:360px){.prayer-clock-foot [data-prayer-journey]{max-width:135px}.fasting-clock-times{gap:4px}.fasting-clock-line>strong{font-size:16px}}

.prayer-clock-panel .next-countdown>div:last-child{flex-shrink:0;max-width:100%;margin-left:auto}

/* Optional care tracking follows the same quiet paper surfaces and actions. */
.care-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.care-main,.care-aside{min-width:0;display:grid;gap:20px}.care-aside{position:sticky;top:16px}.care-view h1{}.care-view p,.care-sheet p,.care-settings p{font-size:14px;line-height:1.6;margin:12px 0}.care-onboarding{max-width:680px;margin:auto}.care-kind-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.care-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;font-size:14px;line-height:1.5;cursor:pointer}.care-check input{flex-shrink:0;width:22px;height:22px;accent-color:var(--deep);margin:0}.care-check span{min-width:0}.care-history article{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:12px}.care-history article:last-child{border:0}.care-history h3{font-size:16px}.care-history small{font-size:12px;color:var(--text-muted)}.care-history .button{font-size:12px;min-height:44px}.care-aside>section>.button{display:flex;text-align:left;justify-content:flex-start;margin-top:8px;width:100%;white-space:normal}.care-balance b{font-family:'Geologica Auto',Geologica,sans-serif;font-size:32px;color:var(--dark)}.care-estimate summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:14px}.care-estimate .field{margin-bottom:14px}.care-sheet{max-width:680px;max-height:90dvh;overflow:auto}.care-sheet form{display:grid;gap:var(--space-3)}.care-sheet form .field{margin-top:0}.care-sheet form>p{margin:0}.care-sheet form>.text-link{justify-self:start;margin:0}.care-sheet h2{padding-right:40px}.care-sheet .field-row{min-width:0}.care-sheet .field{min-width:0}.care-sheet input,.care-sheet select{max-width:100%;min-width:0}.care-preview-summary{padding:14px;background:var(--state-positive-fill);border-radius:12px;color:var(--dark)}.care-review-list{max-height:330px;overflow:auto;overscroll-behavior:contain}.care-review-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.care-review-row span{min-width:0}.care-review-row select{max-width:58%;min-height:44px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--surface-page);padding:8px}.care-review-row small{display:block;font-size:11px}.care-source-links{display:grid;gap:8px;margin:16px 0}.care-source-links a{min-height:44px;display:flex;align-items:center;color:var(--deep);font-size:14px;text-decoration:underline}.care-sheet small{font-size:12px;color:var(--text-muted)}.care-today{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.care-today h2{font-size:16px}.care-today p{font-size:12px;color:var(--text-muted);margin-top:4px}.care-today .button{min-height:44px;font-size:12px}.status-excused .prayer-state{color:var(--dark)}.status-excused .prayer-state i,.month-day i.excused{background:var(--text-muted)}.week-cell.has-excused{background:var(--limestone);color:var(--text-secondary)}
@media(max-width:1050px){.care-workspace{grid-template-columns:1fr}.care-aside{position:static}}
@media(max-width:760px){.care-view h1{}.care-sheet{padding:24px 18px calc(26px + env(safe-area-inset-bottom))}.care-sheet .field-row{grid-template-columns:1fr}.care-review-row{align-items:flex-start;flex-direction:column;gap:8px}.care-review-row select{max-width:100%;width:100%}.care-today .button-row{width:100%}.care-kind-list .button{flex:1 1 130px}.care-history .button-row{flex-wrap:wrap}.care-history .button{white-space:normal}.care-view .section-heading{align-items:flex-start}}

.app-about .app-version{font-size:14px;font-weight:500;color:var(--soft);margin-left:8px}.app-about>p,.app-about>.button-row{margin-top:14px}.app-about .button-row{flex-wrap:wrap}.release-sheet{max-height:85dvh;overflow-y:auto}.release-sheet h3{margin-top:22px}.release-sheet p{line-height:1.6;margin-top:10px}

/* Keep date selection geometry stable; hidden return control still reserves its space. */
.today-reset.is-placeholder{visibility:hidden;pointer-events:none}
.workspace,.content{overflow-anchor:none}

/* Keep sidebar sync status and location on one left edge. */
.sidebar-foot>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:100%}
.sidebar-foot .sync-control{align-items:flex-start}

/* Consistent arrow inset for native single-choice dropdowns. */
select:not([multiple]):not([size]),select[size="1"]:not([multiple]){appearance:none;-webkit-appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230E0E0C' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
@media(forced-colors:active){select:not([multiple]):not([size]),select[size="1"]:not([multiple]){appearance:auto;-webkit-appearance:auto;background-image:none}}

/* Fit every weekday on narrow screens while retaining full-height actions. */
@media(max-width:760px){.week-panel{overflow-x:visible}.week-panel .week-grid{min-width:0;grid-template-columns:52px repeat(7,minmax(24px,1fr));gap:4px}.week-panel .week-cell,.week-panel .week-day{min-width:0;min-height:44px;padding-inline:0}.week-panel .week-cell{aspect-ratio:auto}.week-panel .week-prayer{min-width:0}}

/* Preserve native hidden semantics for conditional settings actions. */
.settings-form [hidden]{display:none!important}

/* Feedback has its own space, so it never floats over actions. */
.global-undo{position:static;margin:0}
.undo-slot{min-width:0}
.sheet>.undo-slot{min-height:88px;padding-block:12px}
.undo-toast{position:relative;width:fit-content;max-width:100%;margin-inline:auto;box-shadow:0 4px 16px rgba(14,14,12,.08)}
.global-undo:has(.undo-toast){margin-top:16px}
.undo-toast.is-entering{animation:undo-toast-in 200ms ease-out both}
.undo-toast.is-leaving{animation:undo-toast-out 400ms ease-in-out both;pointer-events:none}
@keyframes undo-toast-in{from{opacity:0}to{opacity:1}}
@keyframes undo-toast-out{from{opacity:1}to{opacity:0}}
/* Opacity-only feedback remains gentle when reduced motion is enabled. */
@media(prefers-reduced-motion:reduce){.undo-toast.is-entering{animation:undo-toast-in 180ms linear both!important}.undo-toast.is-leaving{animation:undo-toast-out 250ms linear both!important}}
/* Keep record actions together and let long translated labels wrap. */
.today-log-list article:has(.record-actions){grid-template-columns:9px minmax(0,1fr) auto}
.today-log-list article>.record-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%}
.today-log-list .record-actions .button{white-space:normal;max-width:100%}
.stats-view .empty-card{display:grid;gap:16px;text-align:left}
.stats-view .empty-card p{line-height:1.6;max-width:65ch}
.stats-view .empty-card .button{justify-self:start}
@media(max-width:760px){.today-log-list article:has(.record-actions){grid-template-columns:9px minmax(0,1fr)}.today-log-list article>.record-actions{grid-column:2;justify-content:flex-start}}

.sheet:has([data-form=correction-time])>h3{margin-top:20px}

:is(.congregation-toggle,.mosque-toggle)>span{display:flex;align-items:center;gap:10px;text-align:left}:is(.congregation-toggle,.mosque-toggle) svg{flex-shrink:0}.mosque-source{margin:8px 0 16px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.mosque-source summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--deep)}.mosque-source p{margin:8px 0}.mosque-source a{display:inline-flex;align-items:center;min-height:44px;color:var(--deep);text-decoration:underline}

.mosque-toggle{gap:12px;min-height:54px;height:auto;padding-block:10px}.mosque-toggle i{flex-shrink:0}

/* Mobile owns one viewport. Navigation is a normal grid row, never an iOS
   fixed layer. Only the workspace scrolls; the menu cannot overlay its content. */
@media(max-width:760px){
 html:has(#app[data-mode=app]),body:has(#app[data-mode=app]){height:100%;overflow:hidden;overscroll-behavior:none}
 #app[data-mode=app]{height:100%;min-height:0;overflow:hidden}
 #app[data-mode=app] .app-stage{height:100%;min-height:0;padding:env(safe-area-inset-top) 0 0;display:block}
 #app[data-mode=app] .app-shell{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
 #app[data-mode=app] .workspace{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:0;scroll-padding-bottom:16px}
 #app[data-mode=app] .mobile-nav{position:static;inset:auto;grid-row:2;background:var(--canvas);backdrop-filter:none}
}

/* Qaza UX experiment: one primary list, details on demand. */
.simple-today{gap:0}
.today-context.simple-today-header{position:static;padding:0;background:none;border:0;box-shadow:none;margin:0}
.simple-today-header .today-context-heading{align-items:center;min-height:44px}
.simple-today-header h1{font-size:28px;line-height:1.2;letter-spacing:-.025em}
.simple-today-header .sync-pill:not(.pending){display:none}
.simple-date-picker{margin:4px 0 22px}
.simple-date-picker>summary{display:flex;align-items:center;gap:10px;min-height:44px;width:fit-content;list-style:none;cursor:pointer;font-size:14px;color:var(--soft)}
.simple-date-picker>summary::-webkit-details-marker{display:none}
.simple-date-picker>summary svg{color:var(--deep)}
.simple-date-picker .today-calendar{margin:4px 0 16px}
.simple-next{margin:0 0 14px;padding:12px 0;border-block:1px solid var(--line);color:var(--dark);font-size:13px}
.simple-next>div{display:flex;gap:12px;justify-content:space-between;align-items:baseline}
.simple-next b{font-weight:500;font-variant-numeric:tabular-nums}
.simple-next .today-fasting-strip{margin-top:12px}
.simple-prayer-list{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--white)}
.simple-prayer{display:flex;align-items:center;gap:12px;min-height:76px;padding:8px 16px;border-bottom:1px solid var(--line)}
.simple-prayer:last-child{border-bottom:0}
.simple-prayer.is-current{background:var(--mint-wash)}
.simple-prayer-info{flex:1;min-width:0;text-align:left;background:none;border:0;border-radius:8px;padding:6px 0;min-height:52px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.simple-prayer-title{display:flex;gap:16px;align-items:baseline;justify-content:space-between;width:100%}
.simple-prayer-title strong{font-size:17px;font-weight:500;line-height:1.3;color:var(--ink)}
.simple-prayer-title>span{font-size:13px;font-variant-numeric:tabular-nums;color:var(--soft)}
.simple-prayer-status{font-size:12px;line-height:1.4;color:var(--soft)}
.simple-prayer.is-done .simple-prayer-status{color:var(--deep)}
.simple-prayer-action{flex:none;width:44px;height:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--soft)}
.simple-prayer-action.is-ready{background:var(--deep);border-color:var(--deep);color:var(--white)}
.simple-prayer-action.is-done{border-color:transparent;color:var(--deep)}
.simple-prayer-action:disabled{color:var(--muted);border-color:transparent;cursor:default}
.simple-schedule-details,.simple-extra{border:0;border-bottom:1px solid var(--line);padding:0;border-radius:0;background:transparent;margin:0}
.simple-schedule-details>summary,.simple-extra>summary{cursor:pointer;min-height:48px;padding:16px 0;font-size:13px;font-weight:400;color:var(--soft)}
.simple-schedule-details>p,.simple-schedule-details>.source-context{margin-bottom:12px}
.simple-schedule-details>.text-link{margin-bottom:16px}
.simple-extra[open]>summary{color:var(--ink)}
.simple-feature-link{width:100%;padding:12px 0;min-height:48px;display:flex;align-items:center;gap:10px;border:0;background:none;font-size:13px;color:var(--soft);text-align:left}
.simple-feature-link span{flex:1}
.simple-history-tabs{display:flex;gap:4px;margin:0 0 24px;padding:4px;width:fit-content;background:var(--limestone);border-radius:12px}
.simple-history-tabs button{min-height:44px;padding:0 18px;border:0;border-radius:8px;background:transparent;color:var(--soft);font-size:13px}
.simple-history-tabs button.active{background:var(--white);color:var(--ink)}
.simple-prayer-info:focus-visible,.simple-date-picker>summary:focus-visible,.simple-extra>summary:focus-visible{outline:2px solid var(--deep);outline-offset:3px}
.qaza-context>.simple-extra{margin-top:12px}
@media(min-width:1101px){.app-shell.simple-shell{grid-template-columns:212px minmax(0,1fr)}.simple-shell .content{max-width:780px}}
@media(min-width:761px) and (max-width:1100px){.app-shell.simple-shell{grid-template-columns:82px minmax(0,1fr)}}
@media(max-width:760px){
 .simple-shell .content{padding:22px 18px 28px}
 .mobile-nav .navigation.simple-navigation{grid-template-columns:repeat(var(--nav-count),minmax(0,1fr))}
 .simple-date-picker{margin-bottom:12px}
 .simple-today-header h1{font-size:26px}
 .simple-prayer{padding:6px 14px;min-height:72px}
 .simple-prayer-title strong{font-size:16px}
 .simple-prayer-title{gap:10px}
 .simple-history-tabs{margin-bottom:20px}
 .qaza-context{position:static}
}
/* Undo occupies its own shell row, visible without covering prayer controls. */
.simple-shell{grid-template-rows:minmax(0,1fr) auto}
.simple-shell>.sidebar{grid-row:1 / 3}
.simple-shell>.workspace{grid-column:2;grid-row:1}
.simple-shell>.shell-feedback{grid-column:2;grid-row:2;padding:8px 18px;margin:0;border-top:1px solid var(--line);background:var(--canvas)}
.simple-shell>.shell-feedback:not(:has(.undo-toast)),.simple-shell:has([role=dialog])>.shell-feedback{display:none}
.shell-feedback .undo-toast{box-shadow:none;margin:0 auto}
@media(max-width:760px){
 #app[data-mode=app] .app-shell.simple-shell{grid-template-rows:minmax(0,1fr) auto auto}
 .simple-shell>.workspace{grid-column:1}
 .simple-shell>.shell-feedback{grid-column:1;grid-row:2;padding:8px 12px}
 #app[data-mode=app] .simple-shell>.mobile-nav{grid-row:3}
}

/* v63 — warm paper, deep evergreen, and a clearer typographic rhythm. */
.simple-shell{--canvas:#F8F8F3;--line:#E3E7DE;--limestone:#EEF1E9;--deep:#006E58;--dark:#154D40;--mint-wash:#EDF6EF;background:var(--canvas)}
.simple-shell .workspace{background:var(--canvas)}
.simple-today-header h1{font-size:38px;font-weight:500;letter-spacing:-.04em;line-height:1.15;color:#18382F}
.simple-date-picker{margin:10px 0 20px}
.simple-date-picker>summary{min-height:40px;padding:0 12px;background:var(--limestone);border-radius:10px;gap:14px;font-size:12px;color:#46594D}
.simple-date-picker>summary svg{width:16px;height:16px}
.simple-date-picker[open]>summary{background:#E1ECE1;color:var(--dark)}
.simple-date-picker .today-calendar{margin-top:14px}
.simple-next{padding:16px 20px;margin-bottom:20px;border:0;border-radius:18px;background:#174E40;color:#F4FBF5}
.simple-next>div{align-items:center;gap:18px}
.simple-next [data-next-name]{font-size:13px;font-weight:400;line-height:1.4}
.simple-next [data-next-time]{font-family:'Geologica Auto',Geologica,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1.1;color:#F4FBF5}
.simple-next .today-fasting-strip{border-color:#437063;color:#F4FBF5}
.simple-next .today-fasting-strip :is(b,strong,p,span,.text-link){color:#E0F2E5}
.simple-prayer-list{border:1px solid #DEE5DA;border-radius:20px;box-shadow:0 3px 12px -8px rgba(28,57,43,.14)}
.simple-prayer{padding:10px 18px;gap:18px;min-height:80px;border-color:#E9EDE5}
.simple-prayer-title{align-items:center;gap:14px}
.simple-prayer-title strong{font-size:18px;font-weight:500;letter-spacing:-.02em;color:#20372D}
.simple-prayer-title>span{font-family:'Geologica Auto',Geologica,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.015em;color:#334C3E}
.simple-prayer-status{font-size:11px;color:#62705F;line-height:1.5}
.simple-prayer.is-current{background:#E8F4E9}
.simple-prayer.is-current .simple-prayer-title strong,.simple-prayer.is-current .simple-prayer-status{color:#005F49}
.simple-prayer-action{border-color:#DEE5DA;color:#526C5A;background:#FCFDF9;transition:background .15s ease,border-color .15s ease}
.simple-prayer-action.is-ready{background:#006E58;border-color:#006E58;color:white}
.simple-prayer-action.is-done{background:#EAF4EB;border-color:transparent;color:#006E58}
.simple-prayer-action:disabled{background:transparent;color:#798575;border-color:transparent;opacity:1}
.simple-prayer-action:disabled svg{width:17px;height:17px}
.simple-prayer.is-upcoming .simple-prayer-title strong{color:#4C5C4B}
.simple-schedule-details{margin-top:10px}
.simple-schedule-details>summary,.simple-extra>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;min-height:50px;font-size:12px;color:#4E604F}
.simple-schedule-details>summary::-webkit-details-marker,.simple-extra>summary::-webkit-details-marker{display:none}
.simple-schedule-details>summary::after,.simple-extra>summary::after{content:'';width:6px;height:6px;border-right:1.5px solid #657862;border-bottom:1.5px solid #657862;transform:rotate(45deg);margin-right:4px;flex:none}
.simple-schedule-details[open]>summary::after,.simple-extra[open]>summary::after{transform:rotate(225deg)}
.simple-feature-link{font-size:12px;color:#4E604F;min-height:50px}
.simple-feature-link>svg:first-child{color:var(--deep)}
.simple-history-tabs{background:#E8EDE3;padding:5px;gap:4px;border-radius:14px}
.simple-history-tabs button.active{color:var(--dark);box-shadow:0 2px 5px -3px #18382F40}
.simple-shell :is(.settings-card,.section-block,.week-panel,.month-calendar,.rail-card){border-color:var(--line);border-radius:16px}
.simple-shell .sidebar{background:#EFF2E9;padding-top:36px;border-right-color:#DFE5D9}
.simple-shell .sidebar .brand{gap:12px;padding-left:4px}
.simple-shell .sidebar .brand>span{background:#174E40;color:#D8F4DE;border-radius:12px;width:40px;height:40px}
.simple-shell .sidebar .brand>b{color:#254334;font-weight:500;line-height:1.2}
.simple-shell .sidebar .navigation{margin-top:44px;gap:7px}
.simple-shell .sidebar .nav-item{height:48px;border-radius:12px;font-size:13px;color:#50644F}
.simple-shell .sidebar .nav-item.active{background:#174E40;color:#F4FBF5;box-shadow:none}
.simple-shell .sidebar .nav-item.active svg{color:#BEEDD0}
.simple-shell .sidebar-foot small{color:#62715C}
.simple-shell :is(.button.primary,.prayer-check.open-action){background:var(--deep);border-color:var(--deep)}
@media(hover:hover) and (pointer:fine){
 .simple-prayer:not(.is-current):hover{background:#F7FAF3}
 .simple-prayer-action:not(:disabled):hover{border-color:var(--deep)}
 .simple-date-picker>summary:hover{background:#E1E9DC}
 .simple-shell .sidebar .nav-item:not(.active):hover{background:#E3EADC}
}
@media(min-width:1101px){.app-shell.simple-shell{width:min(1180px,100%);grid-template-columns:212px minmax(0,1fr);border-radius:24px}.simple-shell .content{max-width:760px;padding:40px 38px}}
@media(max-width:760px){
 .simple-shell .content{padding:26px 20px 28px}
 .simple-today-header h1{font-size:34px}
 .simple-date-picker{margin:8px 0 18px}
 .simple-next{padding:14px 18px;margin-bottom:16px;border-radius:16px}
 .simple-next [data-next-time]{font-size:28px}
 .simple-prayer{padding:7px 14px;gap:14px;min-height:72px}
 .simple-prayer-title strong{font-size:16px}
 .simple-prayer-title>span{font-size:15px}
 .simple-prayer-list{border-radius:18px}
 #app[data-mode=app] .simple-shell>.mobile-nav{background:#F8F8F3;border-top-color:#DEE5D9;padding-top:7px}
 .simple-shell .mobile-nav .nav-item{gap:3px;color:#62715C;font-weight:400}
 .simple-shell .mobile-nav .nav-item svg{box-sizing:content-box;width:20px;height:20px;padding:5px 15px;border-radius:11px}
 .simple-shell .mobile-nav .nav-item.active{color:#005F49;font-weight:500}
 .simple-shell .mobile-nav .nav-item.active svg{background:#E0EFE0;color:#005F49}
 .simple-shell>.shell-feedback{background:#EFF5EB}
}
@media(max-width:360px){.simple-shell .content{padding-inline:14px}.simple-prayer{gap:10px;padding-inline:12px}.simple-prayer-title>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.simple-prayer-action{transition:none}}
/* Prayer-specific line symbols and restrained interaction feedback. */
.simple-prayer-info{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.prayer-symbol{display:grid;place-items:center;flex:0 0 34px;width:34px;height:40px;color:#7A815F}
.prayer-symbol svg{stroke-width:1.55}
.simple-prayer.is-current .prayer-symbol,.simple-prayer.is-done .prayer-symbol{color:var(--deep)}
.simple-prayer-text{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.simple-prayer.is-upcoming .prayer-symbol{color:#818B78}
.simple-schedule-details>summary::after,.simple-extra>summary::after{transition:transform 180ms cubic-bezier(.16,1,.3,1)}
.simple-prayer-action:active:not(:disabled),.simple-feature-link:active{transform:scale(.96)}
.simple-prayer-action{transition:background 150ms ease,border-color 150ms ease,transform 120ms ease}
.simple-shell .nav-item svg{transition:background 160ms ease,color 160ms ease}
@media(max-width:360px){.simple-prayer-info{gap:8px}.prayer-symbol{flex-basis:26px;width:26px}.prayer-symbol svg{width:22px;height:22px}.simple-prayer-title{gap:8px}.simple-prayer-title strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.simple-schedule-details>summary::after,.simple-extra>summary::after,.simple-prayer-action,.simple-shell .nav-item svg{transition:none}.simple-prayer-action:active:not(:disabled),.simple-feature-link:active{transform:none}}
/* Fasting on Today is one compact destination; day actions belong inside Oraza. */
.simple-fasting-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;margin:4px 0 0;padding:14px 0;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink)}
.simple-fasting-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#E6EFE2;color:var(--deep)}
.simple-fasting-icon svg{width:22px;height:22px}
.simple-fasting-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.simple-fasting-copy strong{font-size:14px;font-weight:500;line-height:1.35;color:#20372D}
.simple-fasting-copy>span{font-size:12px;line-height:1.5;color:#62705F;overflow-wrap:anywhere}
.simple-fasting-arrow{flex:none;color:#62715C;margin-right:3px;transition:transform 160ms ease}
.simple-fasting-entry:focus-visible{outline:2px solid var(--deep);outline-offset:3px;border-radius:8px}
@media(hover:hover) and (pointer:fine){.simple-fasting-entry:hover .simple-fasting-arrow{transform:translateX(3px)}.simple-fasting-entry:hover .simple-fasting-copy strong{color:var(--deep)}}
@media(prefers-reduced-motion:reduce){.simple-fasting-arrow{transition:none}.simple-fasting-entry:hover .simple-fasting-arrow{transform:none}}

.simple-next .simple-next-main{display:flex;justify-content:space-between;align-items:center;gap:12px}
.simple-next-target,.simple-next-timer{display:grid;gap:5px;min-width:0}
.simple-next .simple-next-target [data-next-time]{font-family:inherit;font-size:13px;letter-spacing:0;line-height:1.4;font-weight:400;color:#BDDACD}
.simple-next-timer{text-align:right;flex-shrink:0}
.simple-next [data-countdown]{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.2}
.simple-next-timer small{font-size:10px;color:#BDDACD}
.simple-prayer-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.prayer-detail-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--deep)}
@media(max-width:360px){.simple-next [data-countdown]{font-size:24px}.simple-next [data-next-name]{font-size:12px}}

.qaza-cleared{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 12px;border-radius:12px;background:#EDF5EF;color:#365E4B;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.qaza-cleared svg{flex-shrink:0}

/* Make-up workspace: progress first, only outstanding prayers ask for action. */
.qaza-focus{gap:24px}.qaza-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.qaza-heading .kicker{margin-bottom:6px;font-size:11px;letter-spacing:.09em}.qaza-heading h1{font-size:28px;letter-spacing:-.035em;line-height:1.2}.qaza-heading>.text-link{font-size:12px;text-align:right;min-height:44px;max-width:140px}
.qaza-overview{background:#174E40;color:#F4FBF5;border-radius:22px;padding:24px 28px}.qaza-overview-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.qaza-overview-top>div{display:grid;gap:8px}.qaza-overview-top span{font-size:13px;color:#CCE3D6}.qaza-overview-top strong{font-size:56px;font-weight:500;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.qaza-overview-top .qaza-today{text-align:right}.qaza-today span{display:flex;gap:6px;align-items:center}.qaza-overview-top .qaza-today strong{font-size:36px}.qaza-outlook{display:grid;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid #437063}.qaza-outlook>span,.qaza-outlook small{font-size:11px;color:#CCE3D6;line-height:1.5}.qaza-outlook>strong{font-size:20px;font-weight:500;letter-spacing:-.025em}
.qaza-feedback{display:flex;gap:8px;align-items:center;color:#006B52;font-size:12px;line-height:1.6;margin:-12px 0 0}.qaza-feedback svg{flex-shrink:0}.qaza-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.qaza-section-heading h2{font-size:16px;font-weight:500}.qaza-section-heading>.text-link{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px}
.qaza-focus .qaza-list{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.qaza-focus .qaza-row{display:grid;grid-template-columns:minmax(0,1fr) 32px auto;gap:14px;padding:18px 20px;min-height:88px;border-bottom:1px solid var(--line)}.qaza-focus .qaza-row:last-child{border-bottom:0}.qaza-focus .qaza-name{gap:12px;min-width:0}.qaza-focus .qaza-name>span{display:flex;align-items:center;justify-content:center;width:28px;height:32px;background:transparent;color:#00745B;border-radius:0;flex-shrink:0}.qaza-focus .qaza-name h3{font-size:16px}.qaza-focus .qaza-name p{font-size:11px;margin-top:4px}.qaza-focus .qaza-count{font-size:20px;font-weight:500;text-align:center}.qaza-focus .qaza-actions{display:flex;grid-column:auto;padding:0}.qaza-focus .qaza-actions .button{min-height:44px;padding:0 14px;font-size:12px;border-radius:13px;gap:6px}.qaza-focus .qaza-actions .button svg{flex-shrink:0}
.qaza-focus .simple-extra{margin:0;border-top:1px solid var(--line)}.qaza-focus .simple-extra>summary{min-height:56px;font-size:13px;padding-block:16px}.qaza-cleared-group>summary>span{display:flex;gap:8px;align-items:center}.qaza-cleared-group summary b{font-size:11px;font-weight:500;background:#E7EEE4;padding:3px 7px;border-radius:6px}.qaza-cleared-list>div,.qaza-cleared-list>div>span:first-child{display:flex;align-items:center;gap:10px}.qaza-cleared-list>div{justify-content:space-between;padding:8px 0;font-size:13px}.qaza-cleared-list svg{color:#517361}.qaza-focus .qaza-cleared{background:transparent;font-size:11px;padding-right:0}.qaza-support{display:grid;gap:0}.qaza-support .projection-card{margin-bottom:16px}.qaza-focus .balance-editor{margin:0}.qaza-focus .recent-completions{padding:0}
@media(min-width:761px){.qaza-focus{max-width:680px;margin-inline:auto;width:100%}.qaza-overview-top strong{font-size:64px}}
@media(max-width:420px){.qaza-heading h1{font-size:26px}.qaza-heading>.text-link{max-width:105px}.qaza-overview{padding:20px;border-radius:18px}.qaza-overview-top span{font-size:11px}.qaza-focus .qaza-row{gap:8px;padding:15px 12px}.qaza-focus .qaza-name{gap:8px}.qaza-focus .qaza-name h3{font-size:14px}.qaza-focus .qaza-actions .button{padding:0 10px;font-size:11px}.qaza-focus .qaza-actions .button svg{width:15px}.qaza-overview-top strong{font-size:48px}.qaza-overview-top .qaza-today strong{font-size:32px}.qaza-section-heading h2{font-size:14px}.qaza-section-heading>.text-link{font-size:11px}}

/* Friday history uses calm status tiles, not disabled form controls. */
.simple-today .jumuah-tracker{background:transparent;padding-top:16px}.simple-today .jumuah-head{align-items:center;gap:12px}.simple-today .jumuah-head .kicker{display:none}.simple-today .jumuah-head h2{font-size:20px;letter-spacing:-.025em}.simple-today .jumuah-head strong{font-size:11px;font-weight:500}.simple-today .jumuah-hint{margin-top:6px;font-size:12px;line-height:1.5}.simple-today .jumuah-slots{gap:8px;margin-top:16px}.simple-today .jumuah-slot{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:114px;padding:12px 10px;border:1px solid var(--line);border-radius:13px;background:#fff;opacity:1;box-shadow:none;text-align:left}.simple-today .jumuah-slot.attended{background:#EAF4EC;border-color:#D6E6D9}.simple-today .jumuah-slot .jumuah-slot-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:4px;border-radius:50%;background:#D9EBDD;color:#006B52}.simple-today .jumuah-slot .jumuah-slot-date{font-size:13px;font-weight:500;color:#243E33}.simple-today .jumuah-slot small{font-size:10px;color:#4F6658;line-height:1.4;text-align:left;overflow-wrap:anywhere}.simple-today .jumuah-slot.upcoming{background:transparent;border:1px solid #CCD8CA}.simple-today .jumuah-slot.upcoming .jumuah-slot-icon{background:transparent;color:#61735F;border-radius:0}.simple-today .jumuah-slot.missed .jumuah-slot-icon{background:#FBEDE2;color:#9A502D}.simple-today .jumuah-slot.unlogged .jumuah-slot-icon,.simple-today .jumuah-slot.excused .jumuah-slot-icon{background:#F0F1E9;color:#61735F}.simple-today button.jumuah-slot:focus-visible{outline:2px solid var(--deep);outline-offset:3px}
/* Details remain independent; selected tiles acknowledge each saved choice. */
.sheet :is(.congregation-toggle,.mosque-toggle){display:flex;gap:12px;min-height:82px;height:auto;padding:14px;margin:10px 0;border:1px solid #DCE4D8;border-radius:16px;background:#FAFBF8;text-align:left;color:#254437;transition:background-color .18s,border-color .18s}
.sheet :is(.congregation-toggle,.mosque-toggle).active{background:#E8F4EA;border-color:#90BDA1}.sheet .detail-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;color:#006B52;background:#E5EDE1;border-radius:12px}.sheet .detail-copy{display:grid;gap:5px;flex:1;min-width:0}.sheet .detail-copy b{font-size:15px;font-weight:500}.sheet .detail-copy small{font-size:11px;line-height:1.45;color:#5B6D5E;font-weight:400}.sheet :is(.congregation-toggle,.mosque-toggle)>i{flex:0 0 38px;width:38px;height:24px;margin-left:0;background:#D7DED2}.sheet :is(.congregation-toggle,.mosque-toggle)>i:after{top:3px;left:3px;width:18px;height:18px}.sheet :is(.congregation-toggle,.mosque-toggle).active>i{background:#00745B}.sheet :is(.congregation-toggle,.mosque-toggle).active>i:after{transform:translateX(14px)}
.prayer-feedback{max-width:440px;padding:28px 24px}.feedback-heading{display:flex;gap:14px;align-items:center;margin:8px 0 16px}.feedback-prayer-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:#E6F2E7;color:#006B52;flex-shrink:0}.feedback-heading .kicker{font-size:10px;color:#62735E;margin:0 0 7px}.feedback-heading h2{font-size:26px;margin:0;padding:0;display:flex;gap:12px;align-items:baseline}.feedback-heading h2 small{font-size:15px;font-weight:400;color:#61715C}.prayer-feedback .feedback-hint{font-size:12px;line-height:1.6;color:#62715C;margin-bottom:20px}.prayer-feedback .mosque-source{margin:12px 0 18px;font-size:11px}.prayer-feedback .mosque-source summary{min-height:40px;display:flex;align-items:center;cursor:pointer;color:#5B6D5E}.prayer-feedback .mosque-source p{font-size:12px;line-height:1.65}.prayer-feedback .feedback-done{margin-top:18px;min-height:48px;border-radius:14px}.prayer-feedback .undo-notice{margin-block:10px}
.simple-shell .mobile-nav .nav-item{position:relative}.simple-shell .mobile-nav .nav-item.active svg{background:transparent;position:relative;z-index:1}.nav-marker{position:absolute;top:2px;left:50%;margin-left:-25px;width:50px;height:30px;border-radius:11px;background:#E0EFE0;pointer-events:none}.qaza-row .qaza-count,[data-qaza-remaining],[data-qaza-today],[data-qaza-finish]{display:block;will-change:auto}.simple-shell .button:active:not(:disabled),.simple-shell .sheet button:active:not(:disabled){transform:scale(.97)}
@media(max-width:760px){.prayer-feedback{width:100%;max-width:520px;padding:24px 20px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.prayer-feedback::before{content:'';display:block;width:34px;height:4px;border-radius:4px;background:#D5DDCF;margin:-12px auto 20px}.feedback-heading{margin-top:0}}
@media(prefers-reduced-motion:reduce){.sheet :is(.congregation-toggle,.mosque-toggle),.sheet :is(.congregation-toggle,.mosque-toggle)>i:after{transition:none}.simple-shell .button:active:not(:disabled),.simple-shell .sheet button:active:not(:disabled){transform:none}}

.prayer-feedback>.undo-slot{min-height:0;padding:0}.prayer-feedback>.undo-slot:not(:has(.undo-toast)){display:none}.sheet .detail-switch:after{content:none}.sheet .detail-switch>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white}.sheet button.active .detail-switch>span{transform:translateX(14px)}
/* Glass is reserved for navigation and elevated surfaces; records stay crisp. */
.simple-shell .sheet{background:#F8FAF5;border:1px solid rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(19,57,43,.18),inset 0 1px 0 #fff}
.simple-shell .sheet-backdrop{background:rgba(26,47,37,.24)}
.simple-shell .nav-marker{background:linear-gradient(155deg,#F2FAF0,#DCEDE1);border:1px solid rgba(255,255,255,.92);box-shadow:0 2px 7px rgba(39,85,59,.09),inset 0 -1px 2px rgba(39,85,59,.08)}
.simple-next,.qaza-overview{background:linear-gradient(125deg,#236350 0%,#174E40 55%,#194C41 100%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(235,255,243,.22),0 5px 14px rgba(23,78,64,.06)}
.simple-shell .sheet :is(.congregation-toggle,.mosque-toggle){background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(243,249,240,.75));box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(35,70,47,.03)}
.simple-shell .sheet :is(.congregation-toggle,.mosque-toggle).active{background:linear-gradient(145deg,rgba(232,249,235,.94),rgba(213,236,221,.85));border-color:#9BC3AB}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .simple-shell .sheet{background:linear-gradient(145deg,#FFFFFF,#F2F8ED);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}
 @media(min-width:761px){.simple-shell .sidebar{background:linear-gradient(150deg,rgba(244,250,238,.9),rgba(233,242,229,.78));box-shadow:inset -1px 0 0 rgba(255,255,255,.8);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}}
 @media(max-width:760px){#app[data-mode=app] .simple-shell>.mobile-nav{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(237,245,232,.83));-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);border-top:1px solid rgba(255,255,255,.94);box-shadow:0 -5px 22px rgba(35,62,43,.045),inset 0 1px 0 rgba(220,232,214,.65)}}
}
@media(prefers-reduced-transparency:reduce){.simple-shell .sheet,.simple-shell .sidebar,#app[data-mode=app] .simple-shell>.mobile-nav{background:#F8FAF5;-webkit-backdrop-filter:none;backdrop-filter:none}.simple-shell .sheet :is(.congregation-toggle,.mosque-toggle){background:#F8FAF5}.simple-shell .sheet :is(.congregation-toggle,.mosque-toggle).active{background:#E8F4EA}}
@media(prefers-contrast:more){.simple-shell .sheet,#app[data-mode=app] .simple-shell>.mobile-nav{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#61735F}.simple-shell .mobile-nav .nav-item{color:#294837}}

@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.simple-shell .sheet-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.simple-shell .sheet-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Explicit profile choice, shared by onboarding and account settings. */
.gender-choices{display:grid;gap:12px;margin:24px 0}
.gender-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:60px;padding:16px 20px;border:1px solid var(--border,#e5e5dc);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#173d32);font:inherit;text-align:left;cursor:pointer}
.gender-choice[aria-pressed=true]{background:var(--mint-wash,#e6faf4);border-color:var(--emerald-deep,#007f64);color:var(--emerald-dark,#005c49)}
.gender-choice:focus-visible{outline:3px solid var(--emerald-deep,#007f64);outline-offset:3px}
.gender-choice:hover{border-color:var(--emerald-deep,#007f64)}
.gender-page .setup-card{max-width:520px;margin-inline:auto}

/* Separate onboarding actions from the preceding fields and explanatory text. */
.setup-card > .button[type="submit"],.setup-card > .button-row{margin-top:24px}

.setup-card > .care-view{display:grid;gap:16px}.setup-card .care-onboarding{display:grid;gap:16px;margin:0;box-shadow:none}.setup-card .care-onboarding > p{margin:0}

.settings-gender-disclosure .gender-choices{margin:0}
.settings-gender-disclosure{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-panel);overflow:hidden}
.settings-gender-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px 16px;cursor:pointer;list-style:none;font-size:14px;font-weight:600}
.settings-gender-disclosure>summary::-webkit-details-marker{display:none}
.settings-gender-disclosure>summary::after{content:'+';flex:none;color:var(--action-fill);font-size:20px;font-weight:400;line-height:1}
.settings-gender-disclosure[open]>summary::after{content:'−'}
.settings-gender-disclosure .settings-summary{max-width:62%;overflow:hidden;color:var(--text-secondary);font-size:12px;font-weight:400;text-align:end;text-overflow:ellipsis;white-space:nowrap}
.settings-gender-disclosure-body{display:grid;gap:12px;padding:0 12px 12px}

/* Glass v2: two optical surfaces against a quiet, matte workspace. */
#app[data-mode=app] .simple-shell{--glass-ink:#183D35;--glass-line:rgba(32,73,58,.13);background:#F5F6F1;color:var(--glass-ink);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px #153C3020}
#app[data-mode=app] .simple-shell .workspace{background:radial-gradient(ellipse at 94% 0%,#E4EFE5 0,transparent 43%),#F5F6F1}
#app[data-mode=app] .simple-shell .content{color:var(--glass-ink)}
#app[data-mode=app] .simple-shell .sidebar{background:radial-gradient(ellipse at 0% 75%,#7DAF9C 0,transparent 70%),linear-gradient(165deg,#E8F2E9,#B8D5C8);border-right:1px solid #fff9;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#app[data-mode=app] .simple-shell .simple-next{background:transparent;border:0;border-top:1px solid var(--glass-line);border-bottom:1px solid var(--glass-line);border-radius:0;box-shadow:none;padding:18px 0 20px;margin-bottom:18px;color:#183D35}
#app[data-mode=app] .simple-shell .simple-next :is(span,b,strong,small){color:#183D35}
#app[data-mode=app] .simple-shell .simple-next [data-countdown]{font-size:34px;font-weight:400;letter-spacing:-.05em}
#app[data-mode=app] .simple-shell .simple-next .simple-next-target [data-next-time],#app[data-mode=app] .simple-shell .simple-next small{color:#526B60}
#app[data-mode=app] .simple-shell .qaza-overview{background:transparent;border:0;border-radius:0;box-shadow:none;padding:6px 0 20px;color:#183D35;border-bottom:1px solid var(--glass-line)}
#app[data-mode=app] .simple-shell .qaza-overview :is(span,b,strong,small){color:#183D35}
#app[data-mode=app] .simple-shell .qaza-overview-top strong{font-size:72px;font-weight:400;letter-spacing:-.065em}
#app[data-mode=app] .simple-shell .qaza-overview-top .qaza-today strong{font-size:38px;color:#08715A}
#app[data-mode=app] .simple-shell .qaza-overview-top span,#app[data-mode=app] .simple-shell .qaza-outlook>span,#app[data-mode=app] .simple-shell .qaza-outlook small{color:#576E62}
#app[data-mode=app] .simple-shell .qaza-outlook{border:0;margin-top:20px;padding-top:0}
#app[data-mode=app] .simple-shell :is(.simple-prayer-list,.qaza-focus .qaza-list){background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
#app[data-mode=app] .simple-shell :is(.simple-prayer,.qaza-focus .qaza-row){background:transparent;border-color:var(--glass-line)}
#app[data-mode=app] .simple-shell .simple-prayer{padding-inline:8px;border-radius:0}
#app[data-mode=app] .simple-shell .simple-prayer.is-current{background:#E3EEE3;border-radius:16px;border-color:transparent}
#app[data-mode=app] .simple-shell .qaza-focus .qaza-row{padding-inline:0}
#app[data-mode=app] .simple-shell .qaza-focus .qaza-row:last-child{border-bottom:1px solid var(--glass-line)}
#app[data-mode=app] .simple-shell .qaza-focus .simple-extra{background:transparent;border-color:var(--glass-line);box-shadow:none}
#app[data-mode=app] .simple-shell :is(.simple-next,.qaza-overview){-webkit-backdrop-filter:none;backdrop-filter:none}

/* A rounded optical rim and directional highlights make the dock a single lens. */
#app[data-mode=app] .simple-shell :is(.sidebar .navigation,.mobile-nav .navigation){--light-x:22%;--light-y:0%;position:relative;isolation:isolate;background:linear-gradient(135deg,#FFFFFFB8,#FFFFFF30 48%,#DCF5E94D);border:1px solid #FFFFFFB8;border-radius:28px;box-shadow:0 12px 30px #123A3338,inset 0 2px 1px #FFFFFFED,inset 0 -2px 2px #FFFFFF70,inset 1px 0 1px #FFFFFFC0,inset -1px 0 1px #193E3829;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
#app[data-mode=app] .simple-shell :is(.sidebar .navigation,.mobile-nav .navigation)::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#FFFFFFB5 0,transparent 58%);opacity:.7;transition:opacity 180ms}
#app[data-mode=app] .simple-shell :is(.sidebar .navigation,.mobile-nav .navigation)::after{content:'';position:absolute;inset:3px;border:1px solid #FFFFFF45;border-bottom-color:#FFFFFFB0;border-radius:inherit;box-shadow:inset 0 -3px 8px #143B3210;pointer-events:none}
#app[data-mode=app] .simple-shell .navigation.glass-touch::before{opacity:1}
#app[data-mode=app] .simple-shell .sidebar .navigation{padding:8px;gap:5px}
#app[data-mode=app] .simple-shell .nav-item{position:relative;z-index:1;color:#294C40}
#app[data-mode=app] .simple-shell .sidebar .nav-item{border-radius:18px;font-size:12px;padding-inline:10px}
#app[data-mode=app] .simple-shell .sidebar .nav-item.active{background:#FFFFFFB8;color:#124B39;border:1px solid #fff;box-shadow:0 3px 10px #173A3420,inset 0 1px 0 #fff}
#app[data-mode=app] .simple-shell .sidebar .nav-item.active svg{color:#124B39}
#app[data-mode=app] .simple-shell .nav-marker{background:linear-gradient(135deg,#FFFFFFEB,#FFFFFF75);border:1px solid #FFFFFFEB;box-shadow:0 3px 8px #193A3229,inset 0 1px 0 white,inset 0 -1px 1px #FFFFFFB0;border-radius:18px}
#app[data-mode=app] .simple-shell>.shell-feedback{background:#F2F5EC;border-color:#D9E2D5}
#app[data-mode=app] .simple-shell>.shell-feedback:not(:has(.undo-toast:not(.is-leaving))){display:none}

/* The sheet has a glass rim; the controls inside use quiet, readable surfaces. */
#app[data-mode=app] .simple-shell .sheet-backdrop{background:radial-gradient(ellipse at 12% 100%,#4C8D7A6B,transparent 75%),#21483B48;-webkit-backdrop-filter:blur(14px) saturate(110%);backdrop-filter:blur(14px) saturate(110%)}
#app[data-mode=app] .simple-shell .view-stack:has(>.sheet-backdrop)>:not(.sheet-backdrop){filter:blur(5px)}
#app[data-mode=app] .simple-shell .sheet{background:#F4F8F0F5;color:#183D35;border:1px solid #fff;box-shadow:0 25px 80px #102E3040;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
#app[data-mode=app] .simple-shell .prayer-feedback{--light-x:12%;--light-y:0%;isolation:isolate;padding:26px 24px 24px;border-radius:32px;border:1px solid #FFFFFFE8;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#FFFFFFEC,transparent 65%),linear-gradient(145deg,#F8FFF8DF,#E2F5ECE0);box-shadow:0 35px 90px #102E3052,inset 0 2px 0 white,inset 0 -2px 1px #FFFFFFAB,inset 2px 0 1px #FFFFFFAB,inset -2px 0 1px #FFFFFF82}
#app[data-mode=app] .simple-shell .prayer-feedback::after{content:'';position:absolute;inset:5px;pointer-events:none;border-radius:27px;border:1px solid #FFFFFF5C;border-bottom-color:#FFFFFFA8;box-shadow:inset 0 -8px 16px #3E8D7112}
#app[data-mode=app] .simple-shell .prayer-feedback .sheet-close{width:32px;height:32px;top:18px;right:18px;border-radius:50%;background:#FFFFFF8C;border:1px solid #FFFFFFE0;color:#21483B;box-shadow:0 2px 8px #194A3820}
#app[data-mode=app] .simple-shell .feedback-heading{gap:12px;margin:12px 0 14px}
#app[data-mode=app] .simple-shell .feedback-prayer-icon{background:#FFFFFF90;border:1px solid #FFFFFFED;border-radius:20px;box-shadow:inset 0 1px 0 white,0 5px 12px #28503B0D}
#app[data-mode=app] .simple-shell .sheet :is(.congregation-toggle,.mosque-toggle){background:#FFFFFF70;border:1px solid #FFFFFFD0;box-shadow:none;border-radius:18px}
#app[data-mode=app] .simple-shell .sheet :is(.congregation-toggle,.mosque-toggle).active{background:#D7EBDECF;border-color:#96BCA3}
#app[data-mode=app] .simple-shell .sheet .detail-symbol{background:transparent}
#app[data-mode=app] .simple-shell .prayer-feedback>.undo-slot:not(:has(.undo-toast:not(.is-leaving))){display:none}
#app[data-mode=app] .simple-shell .feedback-done{border-radius:18px;background:#185A47;box-shadow:inset 0 1px 0 #FFFFFF2E,0 5px 14px #234A321F}
@media(max-width:760px){
 #app[data-mode=app] .simple-shell{border:0;box-shadow:none}
 #app[data-mode=app] .simple-shell>.mobile-nav{position:static;inset:auto;grid-row:3;height:calc(96px + env(safe-area-inset-bottom));padding:8px 14px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 80% 130%,#519584 0,transparent 75%),linear-gradient(145deg,#BBD6C4,#80B7A6);border-top:1px solid #F5F6F1;box-shadow:inset 0 12px 18px -16px #164738B3;-webkit-backdrop-filter:none;backdrop-filter:none}
 #app[data-mode=app] .simple-shell>.mobile-nav .navigation{height:64px;padding:4px;border-radius:34px;max-width:460px;margin-inline:auto}
 #app[data-mode=app] .simple-shell>.mobile-nav .nav-item{height:54px;min-height:44px;padding:0;gap:2px;background:transparent;border:0;box-shadow:none}
 #app[data-mode=app] .simple-shell>.mobile-nav .nav-item svg{width:21px;height:21px;min-width:21px;min-height:21px;flex:0 0 auto;padding:3px 12px;box-sizing:content-box;background:transparent;color:#214A3B;z-index:1;position:relative}
 #app[data-mode=app] .simple-shell>.mobile-nav .nav-item>span{position:relative;z-index:1;line-height:14px;font-size:10px!important;color:#2E5143}
 #app[data-mode=app] .simple-shell>.mobile-nav .nav-item.active>span{color:#133E2E;font-weight:600}
 #app[data-mode=app] .simple-shell .nav-marker{top:0;left:4px;right:4px;margin:0;width:auto;height:54px;border-radius:27px}
 #app[data-mode=app] .simple-shell .prayer-feedback{width:calc(100% - 16px);max-width:440px;margin-bottom:calc(8px + env(safe-area-inset-bottom));max-height:calc(100dvh - 28px);padding:22px 20px;border-radius:30px}
 #app[data-mode=app] .simple-shell .prayer-feedback::before{margin:-10px auto 18px;background:#789D873F}
}
@media(max-width:360px){#app[data-mode=app] .simple-shell .simple-next [data-countdown]{font-size:28px}#app[data-mode=app] .simple-shell .prayer-feedback{padding-inline:16px}#app[data-mode=app] .simple-shell .sheet .detail-copy small{font-size:10px}#app[data-mode=app] .simple-shell .qaza-overview-top strong{font-size:64px}}
@media(prefers-reduced-motion:reduce){#app[data-mode=app] .simple-shell .navigation::before{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#app[data-mode=app] .simple-shell :is(.sidebar .navigation,.mobile-nav .navigation,.sheet,.prayer-feedback){background:#F7FAF3!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none;border:1px solid #6C8B79}#app[data-mode=app] .simple-shell .sheet-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17382C80}#app[data-mode=app] .simple-shell .view-stack:has(>.sheet-backdrop)>:not(.sheet-backdrop){filter:none}#app[data-mode=app] .simple-shell .navigation::before{display:none}}
@media(forced-colors:active){#app[data-mode=app] .simple-shell .nav-marker{display:none}#app[data-mode=app] .simple-shell .nav-item.active{outline:2px solid Highlight}}

/* The weekly matrix and its legend share the same status palette. */
.week-panel .week-cell[class],.week-panel .timing-legend i[class]{background:var(--timing-fill,transparent);border:1.5px solid var(--timing-edge,#BFCBC2)}
.week-panel .has-early{--timing-fill:#17614C;--timing-edge:#17614C}
.week-panel .has-on_time{--timing-fill:#85C5AB;--timing-edge:#67A98E}
.week-panel .has-late{--timing-fill:#F1C477;--timing-edge:#C69545}
.week-panel .has-missed{--timing-fill:#D98575;--timing-edge:#B96F60}
.week-panel .has-unknown{--timing-fill:#ACBCD7;--timing-edge:#8199BC}
.week-panel .has-excused{--timing-fill:#BEC4C0;--timing-edge:#8F9C94}
.week-panel .week-cell.has-review,.week-panel .timing-legend i.has-review{--timing-fill:#E8D8B7;--timing-edge:#BFA575;border-style:dashed}
.week-panel .week-cell.has-upcoming,.week-panel .timing-legend i.has-upcoming{--timing-fill:#EFF2ED;--timing-edge:#D8E0D7;border-style:dashed;opacity:1}
.week-panel .week-cell:empty:after{content:none}
.week-panel .timing-legend{gap:10px 16px}
.week-panel .timing-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;flex-shrink:0}

.week-panel .week-cell{aspect-ratio:auto;height:44px}