#activate { color: #fff; background: #187a3e; }
#activate:hover { background: #126132; }
#activate[data-notification-action="deactivate"] { color: #fff; background: #bd2929; }
#activate[data-notification-action="deactivate"]:hover { background: #9d2020; }
#activate.is-loading { color: #17476f; background: #e5f0f9; cursor: wait; }

#home-controls[hidden], #home-loading[hidden] { display: none !important; }
#home-controls .link-actions { gap: 12px; margin-top: 12px; }
#home-controls .link-actions > .action-link { margin-top: 0; }
#home-loading {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 180px; color: #17476f; font-weight: 750;
}
.home-loading-spinner {
  width: 28px; height: 28px; flex: none; border: 3px solid #d3e5f2;
  border-top-color: #1768ac; border-radius: 50%;
  animation: home-loading-spin .8s linear infinite;
}
@keyframes home-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .home-loading-spinner { animation: none; border-color: #1768ac; }
}