/* assets/push_reminder.css */
:root { --brand:#00FF00; --bg:#101010; --fg:#e8e8e8; --muted:#a0a0a0; --panel:#1a1a1a; --border:#2a2a2a; }
#reminderOverlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:9999}
#reminderModal{width:min(720px,92vw);max-height:88vh;background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.6);display:flex;flex-direction:column}
#reminderHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}
#reminderTitle{font-weight:700;font-size:18px}
#reminderTitle::before{content:"🔔 "}
#reminderClose{appearance:none;border:1px solid var(--border);background:transparent;color:var(--fg);width:36px;height:36px;border-radius:10px;font-size:18px;cursor:pointer}
#reminderClose:hover{border-color:var(--brand)}
#reminderBody{padding:12px 16px;overflow:auto}
.section{padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;background:#121212}
.row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 0}
.row label{color:var(--fg)}
.row input[type=time]{background:#0f0f0f;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:120px}
.row input[type=checkbox]{transform:translateY(1px)}
.muted{color:var(--muted);font-size:12px}
.controls{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border)}
.btn{appearance:none;border:0;border-radius:12px;padding:10px 14px;background:#2a2a2a;color:var(--fg);cursor:pointer;font-weight:700}
.btn.brand{background:var(--brand);color:#000}
.btn:disabled{opacity:.6;cursor:not-allowed}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#222;color:var(--fg);padding:10px 16px;border-radius:10px;border:1px solid var(--border);z-index:10000;display:none}

/* Push Tester lightweight styles */
#pushTester{margin:12px 16px; border:1px solid var(--border); border-radius:12px; background:#111; padding:12px;}
#pushTester h3{margin:0 0 8px 0;}
#pushTester input[type=text]{width:100%;box-sizing:border-box;background:#0f0f0f;color:#e8e8e8;border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px;}
#pushTester .row2{display:flex; gap:8px; flex-wrap:wrap;}
#pushTester button{background:#2a2a2a;color:#e8e8e8;border:0;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}
#pushTester button.brand{background:#00FF00;color:#000}
#pushTester .log{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12px; white-space:pre-wrap; background:#0b0b0b; padding:8px; border-radius:8px; border:1px solid #222; margin-top:8px;}