/* The dashboard's header bar and footer, for pages that keep their own older styles (results, payment, articles). Class names are prefixed app- so they don't collide with those pages' own .navbar, .footer or .btn rules. Pages add class="has-app-nav" to . */ body.has-app-nav { padding-top: 64px; } .app-nav [hidden] { display: none !important; } .app-nav { background: #ffffff; border-bottom: 1px solid #edf2f7; box-shadow: 0 1px 3px rgba(15,35,64,.06); padding: .75rem 0; z-index: 1030; font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .app-brand { font-family: 'Libre Baskerville', Georgia, 'Times New Roman', serif; font-size: 1.6rem; color: #1a365d !important; letter-spacing: -.5px; display: flex; align-items: center; gap: 8px; text-decoration: none; line-height: 1.2; } .app-brand svg { width: 40px; height: auto; } .app-avatar { width: 34px; height: 34px; border-radius: 50%; background: #dceefb; color: #1a4f7a; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 13px; } .app-username { font-weight: 500; font-size: 13px; color: #1a202c; } .app-menu-btn { background: transparent; border: 1px solid #e2e8f0; border-radius: 6px; padding: 5px 9px; color: #4a5568; cursor: pointer; font-size: 13px; } .app-menu-btn:hover { background: #eef2f7; } .app-nav .dropdown-menu { font-size: 14px; } .app-nav-link { font-size: 13px; font-weight: 600; color: #2d4a66; text-decoration: none; border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 12px; } .app-nav-link:hover { background: #eef2f7; color: #1a365d; } .app-nav-link.primary { background: #2d4a66; border-color: #2d4a66; color: #fff; } .app-nav-link.primary:hover { background: #1a365d; color: #fff; } .app-footer { background: #ffffff; border-top: 1px solid #edf2f7; padding: 28px 0; margin-top: 8px; font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .app-footer-links a { font-size: 12px; color: #718096; text-decoration: none; margin: 0 10px; } .app-footer-links a:hover { color: #1a365d; } .app-footer-copy { font-size: 11px; color: #718096; margin-top: 8px; } @media (max-width: 575px) { .app-brand { font-size: 1.35rem; } .app-brand svg { width: 34px; } .app-username { display: none; } .app-footer-links a { display: inline-block; margin: 4px 8px; } }