.remote-filing {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 14px 20px calc(14px + env(safe-area-inset-bottom));
  color: #68756f;
  background: transparent;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.remote-filing a {
  min-height: 28px;
  padding: 5px 8px;
  color: inherit;
  text-decoration: none;
}

.remote-filing a:hover,
.remote-filing a:focus-visible {
  color: #087f67;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* The login layout otherwise consumes the full viewport and pushes the legal
   footer below the first screen. This stylesheet is loaded only when enabled. */
.auth-shell { min-height: calc(100vh - 52px); }

@supports (min-height: 100dvh) {
  .auth-shell { min-height: calc(100dvh - 52px); }
}

@media (max-width: 920px) {
  /* The authenticated mobile UI has a fixed bottom navigation bar. Keep the
     filing link in normal document flow and fully above that control. */
  body[data-page] > .remote-filing {
    margin-bottom: calc(74px + env(safe-area-inset-bottom));
    padding-bottom: 14px;
  }
}

@media (max-width: 520px) {
  .auth-card { min-height: calc(100dvh - 52px); }
  .remote-filing { min-height: 52px; padding-inline: 16px; }
}

@media (prefers-color-scheme: dark) {
  .remote-filing { color: #9daba5; }
  .remote-filing a:hover,
  .remote-filing a:focus-visible { color: #44d6b4; }
}