/* Obligation Radar (public edition): /app/ shows only the account screens; the dashboard and the profile wizard of the
   account app are never shown here (gate.js sends a signed-in person to the Radar, /app/new/). */
html.or-gate #view-dash, html.or-gate #view-wizard { display: none !important; }
/* no activation codes in this edition: people sign up themselves */
#go-activate { display: none !important; }

/* the loading screen (back from Google, or signed in): the mark and one line, the same look as the Radar's own boot */
html.or-loading { background: #F3F1EB; }
html.or-loading body { visibility: hidden; }
html.or-loading::before {
  content: ""; position: fixed; left: 50%; top: calc(50% - 34px); width: 44px; height: 44px; transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='21.5' r='13.5' fill='none' stroke='%231C1B19' stroke-width='4'/%3E%3Cpath d='M22.5 3.5 H30 V20 L26.25 16.5 L22.5 20 Z' fill='%23C1362B'/%3E%3C/svg%3E") center / contain no-repeat;
  animation: or-pulse 1.4s ease-in-out infinite;
}
html.or-loading::after {
  content: "Opening your radar…"; position: fixed; left: 0; right: 0; top: calc(50% + 6px); text-align: center;
  font: 15px/1.4 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; color: #5d5a53;
}
@keyframes or-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@media (prefers-color-scheme: dark) {
  html.or-loading { background: #1A1917; }
  html.or-loading::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='21.5' r='13.5' fill='none' stroke='%23F3F1EB' stroke-width='4'/%3E%3Cpath d='M22.5 3.5 H30 V20 L26.25 16.5 L22.5 20 Z' fill='%23C1362B'/%3E%3C/svg%3E"); }
  html.or-loading::after { color: #aaa69c; }
}
@media (prefers-reduced-motion: reduce) { html.or-loading::before { animation: none; } }

.gate-msg { position: fixed; left: 50%; top: 40%; transform: translate(-50%, -50%); max-width: 420px; padding: 20px 24px;
  background: #f7f5f0; color: #1c1b19; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,.25); font: 15px/1.5 Inter, system-ui, sans-serif; z-index: 9999; }
.gate-msg a { color: inherit; }