.brand img { display: block; width: 170px; height: auto; object-fit: contain; }
.login-story .brand img { width: 190px; }
.g9chat-panel-logo { display: block; width: 180px; max-width: 55%; height: auto; margin-bottom: 24px; }
.main-nav a.active { background: var(--secondary); color: #fff; }
.main-nav a:not(.active):hover { background: var(--secondary); }
.button.primary { background: var(--primary); }
.button.primary:hover:not(:disabled) { background: var(--secondary); }
.token-reveal { display: grid; gap: 8px; margin: 18px 0; padding: 16px; border: 1px solid #94a3b8; border-radius: 10px; background: #f1f5f9; }
.token-reveal code { display: block; overflow-wrap: anywhere; color: var(--primary); font-size: 12px; }
.token-reveal small, .token-item small { display: block; color: var(--muted); margin-top: 5px; }
.token-list { display: grid; gap: 2px; }
.token-item { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.text-button.danger { color: #b91c1c; }
@media (max-width: 720px) { .mobile-brand img { display: block; width: 92px; height: auto; } }