/* TRH Local — My Alerts */
.trhl-alerts { --trhl-purple:#661E9A; --trhl-line:#e2e2e2; --trhl-muted:#666; max-width:900px; }
.trhl-alerts-block { margin:0 0 34px; }
.trhl-alerts-h { margin:0 0 6px; font-size:17px; font-weight:800; color:var(--trhl-purple); }
.trhl-alerts-sub { margin:0 0 14px; font-size:13.5px; line-height:1.5; color:var(--trhl-muted); }

.trhl-topic-grid { display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:620px){ .trhl-topic-grid { grid-template-columns:1fr 1fr; } }
@media (min-width:980px){ .trhl-topic-grid { grid-template-columns:1fr 1fr 1fr; } }

.trhl-topic { border:1px solid var(--trhl-line); border-radius:8px; padding:12px 14px;
  display:flex; flex-direction:column; gap:7px; }
.trhl-topic.is-following { border-color:var(--trhl-purple); background:#faf7fd; }
.trhl-topic-toggle { display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; min-height:44px; background:none; border:none; padding:0; cursor:pointer;
  font-family:inherit; text-align:left; }
.trhl-topic-name { font-size:15px; font-weight:800; color:#111; }
.trhl-topic-state { font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.05em;
  color:var(--trhl-purple); border:2px solid var(--trhl-purple); border-radius:999px; padding:4px 10px; white-space:nowrap; }
.trhl-topic.is-following .trhl-topic-state { background:var(--trhl-purple); color:#fff; }
.trhl-topic-blurb { margin:0; font-size:12.5px; line-height:1.45; color:var(--trhl-muted); }
.trhl-topic-notify { display:flex; align-items:center; gap:8px; min-height:44px; font-size:13px; cursor:pointer; }
.trhl-topic-notify.is-hidden { display:none; }
.trhl-topic-notify input { width:18px; height:18px; }

.trhl-push-box { border:1px solid var(--trhl-line); border-radius:8px; padding:16px; }
.trhl-push-status { margin:0 0 10px; font-size:14px; font-weight:700; }
.trhl-push-help { margin:10px 0 0; font-size:12.5px; line-height:1.5; color:var(--trhl-muted); }
.trhl-push-ios { display:none; }
.trhl-push-box.is-ios .trhl-push-ios { display:block; }

.trhl-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px;
  border-radius:999px; padding:10px 20px; font-size:14px; font-weight:800; cursor:pointer;
  font-family:inherit; border:2px solid var(--trhl-purple); text-decoration:none; }
.trhl-btn-primary { background:var(--trhl-purple); color:#fff; }
.trhl-btn-ghost { background:#fff; color:var(--trhl-purple); }
.trhl-btn[disabled] { opacity:.55; cursor:default; }

.trhl-save-state { min-height:20px; font-size:13px; font-weight:700; color:#1a7f37; }
.trhl-save-state.is-error { color:#b32d2e; }
.trhl-alerts-guest { border:1px solid var(--trhl-line); border-radius:8px; padding:18px; max-width:620px; }
