/* SalatiPal — Early Prayer Reminder settings card. Namespaced .sppr-*. */
.sppr-card{border-radius:16px;border:1px solid var(--sp-line,#e2e8f0);background:var(--sp-card,#fff);
  padding:16px;margin:14px 0;box-shadow:0 1px 3px rgba(2,6,23,.06);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;}
html.dark .sppr-card,body[data-sp-qnight] .sppr-card{--sp-line:#27324a;--sp-card:#151c2c;color:#f1f5f9;}
.sppr-head{display:flex;align-items:center;gap:10px;}
.sppr-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;}
.sppr-ico svg{width:19px;height:19px;}
.sppr-titles{flex:1;min-width:0;}
.sppr-title{font-size:15px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;}
.sppr-sub{font-size:12.5px;color:var(--sp-sub,#64748b);margin-top:2px;line-height:1.35;}
html.dark .sppr-sub{color:#94a3b8;}
.sppr-badge{font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:6px;
  background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;text-transform:uppercase;}
/* toggle */
.sppr-switch{position:relative;width:46px;height:28px;border-radius:999px;background:#cbd5e1;flex:none;
  cursor:pointer;transition:background .2s;border:none;padding:0;}
html.dark .sppr-switch{background:#334155;}
.sppr-switch[aria-checked="true"]{background:linear-gradient(135deg,#2563eb,#06b6d4);}
.sppr-switch>i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;
  transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25);}
.sppr-switch[aria-checked="true"]>i{transform:translateX(18px);}
/* minutes segmented */
.sppr-mins{display:flex;gap:6px;margin-top:14px;}
.sppr-min{flex:1;border:1px solid var(--sp-line,#e2e8f0);background:transparent;color:inherit;
  font-size:13px;font-weight:700;padding:9px 0;border-radius:10px;cursor:pointer;transition:.15s;}
.sppr-min.sppr-on{background:linear-gradient(135deg,#2563eb,#06b6d4);border-color:transparent;color:#fff;}
.sppr-card[data-locked="1"] .sppr-mins,.sppr-card[data-disabled="1"] .sppr-mins{opacity:.45;pointer-events:none;}
.sppr-unlock{margin-top:14px;width:100%;border:none;border-radius:12px;padding:12px;font-size:14px;font-weight:800;
  cursor:pointer;color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;
  justify-content:center;gap:8px;}
.sppr-unlock:active{transform:scale(.98);}
.sppr-lockrow{display:flex;align-items:center;gap:8px;}