.adhan-tools{color:inherit;text-align:start;max-width:100%;min-width:0;overflow-wrap:anywhere;font-size:calc(1rem * var(--ui-text-scale,1))}
.adhan-tools[hidden],.adhan-tools [hidden],.adhan-banner[hidden]{display:none!important}
.ad-header{display:flex;align-items:center;gap:.65rem;padding:.25rem 0 .6rem;border-bottom:1px solid #8b785833}
.ad-header h2{margin:0;font-size:calc(1.28rem * var(--ui-text-scale,1))}
.ad-header button{min-width:44px;min-height:44px;font-size:calc(1.6rem * var(--ui-text-scale,1))}
.ad-body{display:grid;gap:.65rem;min-width:0;padding-block:.7rem 1rem}
.ad-body p{margin:0;line-height:1.55}
.ad-body button{min-height:44px;white-space:normal;font:inherit}
.ad-body h3{font-size:calc(.95rem * var(--ui-text-scale,1));margin:0}
.ad-body section{display:grid;gap:.5rem;min-width:0}
.ad-note{font-size:calc(.875rem * var(--ui-text-scale,1));opacity:.83}
.ad-error{color:#923a28;font-size:calc(.875rem * var(--ui-text-scale,1))}
.ad-warning{font-size:calc(.875rem * var(--ui-text-scale,1));background:#a6803312;border-inline-start:3px solid #a6803370;padding:.6rem .7rem;border-radius:.3rem}
.ad-location-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0}
.ad-location{font-size:calc(.875rem * var(--ui-text-scale,1));font-weight:650;min-width:0}
.ad-location-row button{flex:none;font-size:calc(.875rem * var(--ui-text-scale,1));padding:.35rem .6rem}
.ad-secondary{background:transparent;color:inherit}
.ad-audio{padding:.7rem;border:1px solid var(--line,#d8cbb2);border-radius:.8rem}
.ad-voice-picker,.ad-playback-picker{display:grid;gap:.3rem;min-width:0;font-weight:650;font-size:calc(.9rem * var(--ui-text-scale,1))}
.adhan-tools .ad-voice-picker select,.adhan-tools .ad-playback-picker select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:.45rem .65rem;border:1px solid var(--line,#d8cbb2);border-radius:.5rem;background:var(--paper,#f7f1e3);color:inherit;font:inherit;text-align:start;cursor:pointer}
.adhan-tools select:disabled{cursor:default;opacity:.65}
.ad-audio-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.ad-audio-actions button{padding:.4rem 1rem;border:1px solid var(--line,#d8cbb2);border-radius:.5rem}
.ad-audio-actions [data-action=play-audio],.ad-audio-actions [data-action=retry-audio]{background:var(--ink,#66523b);color:var(--paper,#f7f1e3)}
.ad-reminders{padding-block:.1rem .3rem}
.ad-switch{display:flex;align-items:center;gap:.65rem;min-height:44px;font-weight:650}
.adhan-tools input{accent-color:#64734a}
/* Neutralize generic reader text-input geometry for native checkboxes. */
.adhan-tools input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;padding:0;border-radius:3px;flex:none}
.ad-reminders fieldset{border:0;padding:0;margin:0;min-width:0}
.ad-reminders legend{font-size:calc(.875rem * var(--ui-text-scale,1));margin-bottom:.1rem}
.ad-prayers{display:flex;flex-wrap:wrap;gap:.1rem .7rem}
.ad-prayers label{display:flex;align-items:center;gap:.4rem;min-height:44px;font-size:calc(.875rem * var(--ui-text-scale,1))}
.ad-prayers label:has(input:disabled){opacity:.68}
.ad-upcoming{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem .7rem;padding:.55rem .65rem;background:#61734c0c;border:1px solid #8b785833;border-radius:.65rem;font-size:calc(.875rem * var(--ui-text-scale,1))}
.ad-upcoming strong{font-size:calc(1.15rem * var(--ui-text-scale,1));font-variant-numeric:tabular-nums}
.ad-upcoming [data-slot=next-time]{flex-basis:100%;font-size:calc(.78rem * var(--ui-text-scale,1));opacity:.8}
.ad-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr));gap:.3rem;padding:0;list-style:none;margin:.15rem 0}
.ad-times li{display:grid;gap:.2rem;text-align:center;min-width:0;padding:.4rem .15rem;border-radius:.4rem;font-size:calc(.8rem * var(--ui-text-scale,1))}
.ad-times li[data-next=true]{background:#61734c16;font-weight:700}
.ad-times time{font-variant-numeric:tabular-nums}
.ad-details{min-width:0;border-top:1px solid #8b785833}
.ad-details summary{display:list-item;cursor:pointer;min-height:44px;box-sizing:border-box;padding-block:.65rem;font-size:calc(.875rem * var(--ui-text-scale,1));font-weight:650}
.ad-details-body{display:grid;gap:.6rem;padding:.15rem .15rem .65rem;min-width:0}
.ad-details-body button{justify-self:start}
.ad-source-links{display:flex;flex-wrap:wrap;gap:.25rem .85rem}
.ad-source-links a{color:inherit;text-underline-offset:3px;min-height:36px;display:inline-flex;align-items:center}
.adhan-banner{position:fixed;inset-inline:1rem;top:calc(env(safe-area-inset-top,0px) + .8rem);z-index:10020;max-width:32rem;margin-inline:auto;padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem;background:#f7f1e3;color:#343c2e;border:1px solid #8b785888;border-radius:.8rem;box-shadow:0 5px 24px #0003;font:inherit;text-align:start;overflow-wrap:anywhere}
.adhan-banner p{margin:0;flex:1;min-width:0;line-height:1.55}
.adhan-banner button{width:44px;height:44px;flex:none;background:transparent;border:1px solid #8b785855;border-radius:.5rem;color:inherit;font:inherit;font-size:calc(1.5rem * var(--ui-text-scale,1));cursor:pointer}
.adhan-banner .ad-banner-retry{width:auto;max-width:10rem;height:auto;min-height:44px;font-size:calc(.875rem * var(--ui-text-scale,1));padding:.35rem .6rem}
.adhan-tools :focus-visible,.adhan-banner :focus-visible{outline:3px solid #9b7a31;outline-offset:3px}
@media(max-width:375px){.ad-prayers{gap:.1rem .55rem}.ad-body{gap:.55rem}.ad-audio{padding:.6rem}.adhan-banner{inset-inline:.5rem;padding:.65rem;gap:.4rem}.adhan-banner .ad-banner-retry{max-width:7rem}}
[data-theme=night] .ad-warning{background:#b99b4720}
[data-theme=night] .ad-error{color:#edba9e}
[data-theme=night] .adhan-banner{background:#252821;color:#ede6d7}