.spark-call-reminder { position:relative; flex:0 0 auto; box-sizing:border-box; width:100%; padding:6px 18px; color:var(--spark-ink,#202326); font-size:13px; line-height:1.5; }
.spark-call-reminder button { font:inherit; min-height:40px; padding:8px 13px; border:1px solid var(--spark-line,#ddd6ca); border-radius:12px; background:var(--spark-surface,#fffefa); color:var(--spark-ink,#202326); cursor:pointer; }
.spark-call-reminder button:disabled { opacity:.55; cursor:default; }
.spark-call-reminder .scr-launcher { display:block; margin-left:auto; border-radius:999px; box-shadow:0 4px 18px #15121e18; }
.scr-active { display:flex; gap:12px; align-items:center; padding:16px; border:2px solid var(--spark-action,#ee6039); border-radius:17px; background:var(--spark-surface,#fffefa); box-shadow:0 8px 30px #15121e22; }
.scr-active > span { font-size:24px; color:var(--spark-action,#ee6039); }
.scr-active strong { font-size:15px; }
.scr-active p { margin:4px 0; }
.scr-active small { color:var(--spark-muted,#59616b); }
.scr-settings { position:relative; box-sizing:border-box; width:100%; max-width:440px; margin:8px 0 0 auto; max-height:min(360px,35dvh); overflow:auto; padding:20px; border:1px solid var(--spark-line,#ddd6ca); border-radius:18px; background:var(--spark-surface,#fffefa); box-shadow:0 12px 40px #15121e33; }
.scr-settings header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.scr-settings h2 { margin:0; font-size:18px; }
.scr-settings p { margin:12px 0; }
.scr-settings fieldset { border:0; padding:8px 0; margin:0; }
.scr-settings legend { font-weight:700; margin-bottom:8px; }
.scr-settings label { display:flex; align-items:center; gap:10px; min-height:34px; }
.scr-settings input { width:18px; height:18px; }
.scr-settings label small { margin-left:auto; color:var(--spark-muted,#59616b); }
.scr-muted { color:var(--spark-muted,#59616b); font-size:11px; }
.scr-actions { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.scr-actions button:first-child { background:var(--spark-action,#ee6039); color:var(--spark-action-ink,#17191b); border-color:transparent; }
@media(max-width:600px) { .spark-call-reminder { padding:6px 10px; } .scr-active { padding:12px; gap:8px; } .scr-active > span { display:none; } .scr-settings { max-height:35dvh; } }

.spark-call-reminder { bottom:auto; right:auto; max-width:none; z-index:auto; }
.spark-call-reminder .scr-settings { bottom:auto; right:auto; }