/* Hyguard Portal privacy layer. Locked: the app is not rendered visibly at all. */
html.hg-privacy.hg-locked #root { visibility: hidden !important; }
html.hg-privacy.hg-locked, html.hg-privacy.hg-locked body { background: #14181d !important; overflow: hidden !important; }
#hg-lock { position: fixed; inset: 0; z-index: 2147483646; display: flex; align-items: center; justify-content: center;
  background: #14181d; color: #d8dee6; font: 15px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
#hg-lock[hidden] { display: none !important; }
#hg-lock .hg-card { width: min(320px, 86vw); text-align: center; }
#hg-lock .hg-mark { width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 14px;
  background: linear-gradient(135deg, #3b4a5a, #25303b); box-shadow: inset 0 0 0 2px #4d5d6e; }
#hg-lock .hg-name { font-size: 20px; font-weight: 600; letter-spacing: .02em; margin-bottom: 22px; }
#hg-lock .hg-open { width: 100%; padding: 12px 16px; border: 0; border-radius: 10px; background: #3d6b8f; color: #fff;
  font: inherit; font-weight: 600; cursor: pointer; }
#hg-lock .hg-open:focus-visible { outline: 3px solid #9cc3e6; outline-offset: 2px; }
#hg-lock .hg-opts { margin-top: 18px; text-align: left; color: #9aa6b2; font-size: 13px; }
#hg-lock .hg-opts summary { cursor: pointer; text-align: center; }
#hg-lock .hg-opts label { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin: 10px 0; }
#hg-lock .hg-hint { margin-top: 6px; text-align: center; opacity: .8; }
#hg-hide { position: fixed; left: 10px; bottom: 10px; z-index: 2147483645; width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18); background: rgba(20,24,29,.55) url("/__hyguard/lock.svg") center/18px no-repeat;
  opacity: .55; cursor: pointer; padding: 0; }
#hg-hide:hover, #hg-hide:focus-visible { opacity: 1; }
html.hg-locked #hg-hide { display: none; }
