/* reminders-pro.css — Smart Reminders hub, indigo */
.rm-page{display:flex;flex-direction:column;gap:14px;animation:phFade .4s ease-out;padding-bottom:90px;-webkit-font-smoothing:antialiased}
.rm-hero{position:relative;overflow:hidden;border-radius:24px;padding:52px 18px 16px;color:#fff;background:linear-gradient(135deg,#4c1d95 0%,#6366f1 55%,#4338ca 100%);box-shadow:0 16px 36px rgba(99,102,241,.35)}
.rm-hero-bg span{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.rm-hero-bg span:first-child{width:220px;height:220px;top:-80px;inset-inline-end:-60px}
.rm-hero-bg span:last-child{width:130px;height:130px;border:2px dashed rgba(255,255,255,.4);bottom:-60px;inset-inline-start:-30px;background:none}
.rm-hero>*{position:relative;z-index:1}
.rm-hero .ph-back-ov{position:absolute;top:10px;inset-inline-start:12px;z-index:2}
.rm-hero-tx small{display:inline-block;font-size:11px;font-weight:800;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:99px;margin-bottom:8px}
.rm-hero-tx h2{margin:0 0 4px;font-size:22px;font-weight:900}
.rm-hero-tx p{margin:0;font-size:12.5px;opacity:.92}
.rm-hero-side{position:absolute;inset-inline-end:14px;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:2px}
.rm-hero-side small{font-size:10px;font-weight:800;opacity:.85}
.rm-ring text{font-variant-numeric:tabular-nums}
.rm-sec{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900;color:var(--text-primary,#111827);margin:4px 2px 0}
.rm-sec small{font-size:11px;color:var(--text-secondary,#64748b)}
.rm-empty{text-align:center;background:var(--bg-card,#fff);border:1px dashed var(--border,#e5e7eb);border-radius:20px;padding:22px 16px;color:var(--text-secondary,#64748b)}
.rm-empty svg{color:#6366f1}
.rm-empty b{display:block;font-size:14px;color:var(--text-primary,#111827);margin:8px 0 4px}
.rm-empty p{font-size:12px;margin:0 0 12px}
.rm-empty a{display:inline-block;font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:12px;padding:10px 22px;text-decoration:none}
.rm-timeline{display:flex;flex-direction:column;gap:0;position:relative;margin-inline-start:8px;padding-inline-start:18px}
.rm-timeline::before{content:"";position:absolute;inset-inline-start:5px;top:10px;bottom:10px;width:2px;border-radius:99px;background:var(--border,#e5e7eb)}
.rm-dose{position:relative;display:flex;align-items:center;gap:9px;background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:15px;padding:10px 12px;margin-bottom:8px}
.rm-time{flex:none;font-size:12px;font-weight:900;color:var(--text-primary,#111827);font-variant-numeric:tabular-nums;min-width:44px}
.rm-dot{position:absolute;inset-inline-start:-18px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-page,#fff);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.rm-dose-tx{flex:1;min-width:0;font-size:13px;font-weight:800;color:var(--text-primary,#111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-badge{flex:none;font-size:10.5px;font-weight:800;border:1px solid;border-radius:99px;padding:4px 11px}
.rm-ctas{display:flex;gap:8px}
.rm-ctas a{flex:1;text-align:center;font-size:12.5px;font-weight:800;text-decoration:none;color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;padding:11px}
html[data-theme='dark'] .rm-ctas a{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4);color:#c7d2fe}
.rm-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:4px}
.rm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--text-primary,#111827);padding:9px 0;border-bottom:1px dashed var(--border,#e5e7eb)}
.rm-row:last-child{border-bottom:none}
.rm-input{font:inherit;font-size:13px;color:var(--text-primary,#111827);background:var(--bg-soft,#f8fafc);border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:8px 10px;outline:none}
.rm-switch{position:relative;width:48px;height:28px;border-radius:99px;border:none;background:var(--bg-soft,#e2e8f0);cursor:pointer;flex:none;font:inherit}
.rm-switch i{position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .2s}
.rm-switch.on{background:#16a34a}
.rm-switch.on i{transform:translateX(20px)}
[dir="rtl"] .rm-switch.on i{transform:translateX(-20px)}
.rm-steps p{font-size:12px;line-height:2;color:var(--text-primary,#111827);margin:0}
.rm-steps b{color:#4338ca}
.rm-steps a,.rm-link{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:800;color:#4338ca;text-decoration:none}
.rm-tx{font-size:12.5px;line-height:2;color:var(--text-primary,#111827);margin:0}
.rm-warn{border-color:#fecaca;background:#fff7ed}
.rm-warn b{display:flex;align-items:center;gap:7px;font-size:13px;color:#9a3412}
.rm-warn b svg{color:#ea580c}
.rm-warn p{font-size:12px;line-height:2;color:var(--text-primary,#111827);margin:6px 0 0}
.rm-note{font-size:10.5px;line-height:1.9;color:var(--text-secondary,#6b7280);background:var(--bg-card,#fff);border:1px dashed var(--border,#e5e7eb);border-radius:14px;padding:10px 13px;text-align:center}
.rm-page[dir="ltr"]{text-align:left}
@media(prefers-reduced-motion:reduce){.rm-page{animation:none}}