/* Pilot-specific fixes; original visual foundation remains in app.css. */
/* Test-phase branding only; keep the original logo assets for the later release. */
.logo { width: 88px; height: 88px; object-fit: contain; border-radius: 10px; }
.login .logo { width: 96px; height: 96px; margin-bottom: 18px; }
.mob-brand { width: 48px; flex-shrink: 0; }
.mob-brand .logo { width: 48px; height: 48px; border-radius: 6px; }
input, textarea, select { font-size: 16px; }
.top-status { display: inline-block !important; max-width: 240px; }
.demo-ribbon { line-height: 1.6; }
.sync-error { color: var(--red); }
@media (max-width: 760px) {
  .topbar { flex-wrap: wrap; }
  .top-right { flex-wrap: wrap; width: 100%; }
  .top-status { order: 5; width: 100%; max-width: none; }
  .identity { max-width: 65%; overflow-wrap: anywhere; }
  .rate { min-width: 44px; min-height: 44px; }
}