/* Production polish layered on the approved v10.4 styles (no layout changes). */
:root { --vp-deep-navy: #102f4f; }
body { font-variant-numeric: tabular-nums; }
.num, td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.auth-card code { background: var(--canvas); border: 1px solid var(--line); border-radius: 6px; padding: 2px 6px; }
.auth-card .btn[disabled] { opacity: .6; cursor: progress; }
.vp-sync-banner {
  position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 1200;
  background: var(--vp-deep-navy); color: #fff; padding: 10px 16px; border-radius: 999px;
  font-size: 13px; font-weight: 600; box-shadow: 0 10px 30px rgba(16, 47, 79, .25);
}
@media (max-width: 760px) { .vp-sync-banner { bottom: 84px; max-width: calc(100vw - 32px); text-align: center; } }

/* WCAG 2.2 AA contrast (axe-core scan): same hues, slightly deeper so small status text reaches 4.5:1. */
:root { --green: #12704f; --amber: #8f5400; --red: #ad2f3a; --grey: #5b6673; --muted: #5d6a78; }
:focus-visible { outline: 3px solid #2f6fb0; outline-offset: 2px; }