.ric-reminder-panel{position:relative;z-index:3;width:min(1260px,94vw);margin:14px auto 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:1rem}
.ric-reminder-main,.ric-reminder-card{border:1px solid rgba(35,93,76,.14);background:linear-gradient(180deg,rgba(255,253,247,.96),rgba(239,246,241,.95));box-shadow:0 14px 34px rgba(45,91,76,.11)}
.ric-reminder-main{border-radius:20px;padding:1rem 1.1rem}
.ric-next-prayer-line{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;margin:.25rem 0 .7rem;color:#34594e}
.ric-next-prayer-line>span:first-child{font-size:.82rem;font-weight:700}.ric-next-prayer-line strong{font-size:1.35rem;color:#173f34}.ric-next-prayer-line #ricReminderPrayerTime{color:#9b7729;font-weight:800}
.ric-flip-countdown{display:flex;align-items:center;gap:.42rem;width:max-content;max-width:100%}.flip-unit{min-width:86px;text-align:center}
.flip-value{position:relative;display:grid;place-items:center;min-height:68px;border-radius:12px;color:#fff8e8;background:linear-gradient(180deg,#215e4d 0 49%,#174b3d 50% 100%);box-shadow:0 10px 24px rgba(38,79,66,.18),inset 0 1px 0 rgba(255,255,255,.12);font-size:2rem;font-weight:900;letter-spacing:.04em;overflow:hidden}
.flip-value:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -1px rgba(0,0,0,.15)}.flip-value.flip{animation:ricFlipTick .38s ease}
.flip-unit small{display:block;margin-top:.25rem;color:#6b7f77;font-size:.58rem;letter-spacing:.12em;font-weight:800}.flip-sep{align-self:flex-start;margin-top:18px;font-size:1.8rem;color:#a17d2f;font-weight:900}
.ric-reminder-note{margin:.75rem 0 0;color:#5f766e;font-size:.78rem}.ric-reminder-side{display:grid;grid-template-columns:1fr;gap:.7rem}.ric-reminder-card{border-radius:16px;padding:.9rem 1rem}
.ric-reminder-card small{display:block;color:#9f7a2b;font-size:.61rem;letter-spacing:.11em;font-weight:900}.ric-reminder-card strong{display:block;margin:.18rem 0 .28rem;color:#1f4b3f;font-size:.95rem}.ric-reminder-card p{margin:0;color:#5c736b;font-size:.74rem;line-height:1.5}
@keyframes ricFlipTick{0%{transform:rotateX(0)}45%{transform:rotateX(-86deg);opacity:.55}100%{transform:rotateX(0);opacity:1}}
@media(max-width:980px){.ric-reminder-panel{grid-template-columns:1fr}.ric-reminder-side{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ric-reminder-side{grid-template-columns:1fr}.flip-unit{min-width:68px}.flip-value{min-height:58px;font-size:1.55rem}}@media(prefers-reduced-motion:reduce){.flip-value.flip{animation:none}}