/* Follow-up reminders (2026-11-08, part 11). */
.rm-btn{display:inline-flex;align-items:center;gap:6px}
.rm-btn svg{width:16px;height:16px;flex:none}
.rm-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--sp-pop,#E01445);color:#fff;font:700 11px/18px var(--sp-body);text-align:center}
#rm-cust-btn{margin-top:10px}
.rm-card{display:flex;flex-direction:column;gap:14px}
.rm-card h2{margin:0}
.rm-sec{display:flex;flex-direction:column;gap:8px}
.rm-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rm-kinds button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:12px;border:1.5px solid var(--sp-line);background:#fff;color:var(--sp-ink);font:600 13.5px/1.2 var(--sp-body);cursor:pointer;min-width:0}
.rm-kinds button svg{width:16px;height:16px;flex:none}
.rm-kinds button[aria-checked="true"]{border-color:var(--sp-red);background:color-mix(in srgb,var(--sp-red) 6%,#fff);color:var(--sp-red)}
.rm-picks{display:flex;flex-wrap:wrap;gap:6px}
.rm-picks button{padding:8px 12px;border-radius:999px;border:1px solid var(--sp-line);background:#fff;color:var(--sp-ink);font:600 13px/1.2 var(--sp-body);cursor:pointer}
.rm-picks button[aria-pressed="true"]{background:var(--sp-ink);border-color:var(--sp-ink);color:#fff}
.rm-kinds button:focus-visible,.rm-picks button:focus-visible{outline:2px solid var(--sp-red);outline-offset:2px}
.rm-custom{display:flex;flex-wrap:wrap;gap:8px}
.rm-custom input{padding:8px 10px;border:1px solid var(--sp-line);border-radius:10px;font:500 14px/1.2 var(--sp-body);color:var(--sp-ink);background:#fff}
.rm-when{display:flex;align-items:center;gap:6px;margin:2px 0 0;padding:10px 12px;border-radius:12px;background:var(--sp-cream);font:500 13.5px/1.3 var(--sp-body);color:var(--sp-ink)}
.rm-when svg{width:16px;height:16px;color:var(--sp-red);flex:none}
.rm-when span{color:var(--sp-muted)}
.rm-mini{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--sp-line);font:500 13px/1.35 var(--sp-body)}
.rm-del{margin-right:auto;color:var(--sp-muted)!important}
.rm-panel{max-width:760px;margin-top:6px}
.rm-panel .od-sect{flex-wrap:wrap}
.rm-tip{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:12px;background:var(--sp-sky-soft,#E6F1FC);font:500 13px/1.35 var(--sp-body);color:var(--sp-ink)}
.rm-tip svg{width:18px;height:18px;flex:none;color:var(--sp-sky-ink,#1d4f80)}
.rm-tip span{flex:1;min-width:0}
.rm-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.rm-red{color:var(--sp-red)!important}
.rm-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:12px;border:1px solid var(--sp-line);border-radius:14px;background:#fff}
.rm-row.due{border-color:color-mix(in srgb,var(--sp-red) 40%,transparent);background:color-mix(in srgb,var(--sp-red) 4%,#fff)}
.rm-row.done{opacity:.7}
.rm-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sp-sky-soft,#E6F1FC);color:var(--sp-sky-ink,#1d4f80)}
.rm-ic svg{width:18px;height:18px}
.rm-ic.k-problem{background:color-mix(in srgb,var(--sp-red) 12%,#fff);color:var(--sp-red)}
.rm-ic.k-question{background:var(--sp-butter-soft,#FFF1C2);color:var(--sp-butter-ink,#7a5600)}
.rm-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.rm-main b{font:600 14px/1.3 var(--sp-body)}
.rm-note{font:500 13.5px/1.4 var(--sp-body);color:var(--sp-ink);overflow-wrap:anywhere}
.rm-meta{font:500 12px/1.3 var(--sp-body);color:var(--sp-muted)}
.rm-row.due .rm-meta{color:var(--sp-red);font-weight:600}
.rm-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.rm-snooze{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.rm-snooze button{padding:7px 11px;border-radius:999px;border:1px solid var(--sp-line);background:var(--sp-cream);font:600 12.5px/1.2 var(--sp-body);color:var(--sp-ink);cursor:pointer}
.rm-empty{display:flex;flex-direction:column;gap:6px;text-align:center}
.rm-done summary{cursor:pointer;padding:8px 0;font:600 13px/1.3 var(--sp-body);color:var(--sp-muted)}
.rm-done .rm-row{margin-bottom:6px}
.rm-pops{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px))}
.rm-pop{display:flex;gap:10px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--sp-line);box-shadow:0 10px 30px rgba(61,10,24,.18);animation:rm-in .25s ease both}
.rm-pop>svg{width:20px;height:20px;flex:none;color:var(--sp-red);margin-top:1px}
.rm-pop>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.rm-pop b{font:700 14px/1.3 var(--sp-body)}
.rm-pop span{font:500 13px/1.4 var(--sp-body);color:var(--sp-ink);overflow-wrap:anywhere}
.rm-pop-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;align-items:center}
@keyframes rm-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rm-pop{animation:none}}
@media (max-width:899px){.rm-pops{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media (max-width:560px){.rm-row{grid-template-columns:auto minmax(0,1fr)}.rm-acts{grid-column:1/-1;justify-content:flex-start}.rm-kinds{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.rm-kinds button{flex-direction:column;gap:3px;font-size:12.5px}}