/* Trail product UI: https://trailhq.com/brand. Inter, paper, ocean, quiet tints. */
body { background: #F3F5F7; color: #0A2333; }
.auth-container { background: linear-gradient(145deg, #FFFFFF 30%, #E8F2FB); }
.auth-card { border: 1px solid #D8E6EE; box-shadow: 0 12px 40px rgba(10,35,51,.06); }
.trail-login-brand { display: inline-block; margin: 0 auto 32px; }
.trail-login-brand img { display: block; width: 124px; height: auto; }
.trail-nav-logo { display: block; width: 88px; height: auto; flex-shrink: 0; }
.navbar-brand { gap: 24px; }
.navbar-brand span { border-left: 1px solid #D8E6EE; padding-left: 24px; font-size: 16px; }
.trail-map-nav { display: flex; align-items: center; gap: 24px; padding: 20px 24px; border-bottom: 1px solid #D8E6EE; background: #FFFFFF; }
.trail-map-nav span { border-left: 1px solid #D8E6EE; padding-left: 24px; font-size: 14px; font-weight: 500; }
a:focus-visible, button:focus-visible { outline: 2px solid #0A2333; outline-offset: 4px; }
@media (max-width: 600px) {
    .navbar { padding: 16px; flex-wrap: wrap; gap: 16px; }
    .navbar-brand { gap: 16px; }
    .navbar-brand span, .trail-map-nav span { padding-left: 16px; font-size: 13px; }
    .trail-nav-logo { width: 72px; }
    .auth-card { padding: 32px 24px; }
    .trail-map-nav { padding: 16px; gap: 16px; }
}