.watermark { display: none !important; } #readme-button { display: none; } /* Hide favicon in the login page */ /* img[src*="favicon"] { display: none !important; } */ /* Hide right empty pane in the login page */ div.relative.hidden.bg-muted.lg\:block { display: none !important; } /* Center login form when right pane is hidden */ .grid.min-h-svh { display: flex !important; justify-content: center !important; } .grid.min-h-svh > .flex.flex-col { width: 100% !important; max-width: 480px !important; align-items: center !important; } /* Login title styling */ .grid.min-h-svh h1.text-2xl { font-size: 1.1rem !important; font-weight: 500 !important; color: #64748b !important; letter-spacing: 0.02em !important; } /* Login button styling */ .grid.min-h-svh form button { border-radius: 8px !important; font-weight: 500 !important; transition: box-shadow 0.2s ease !important; } .grid.min-h-svh form button:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; } .version-footer { position: fixed; left: 50%; transform: translateX(-50%); bottom: 4px; z-index: 20; background: transparent; border: none; pointer-events: none; } .version-footer-text { margin: 0; padding: 0; text-align: center; font-size: 12px; font-weight: 500; letter-spacing: 0.02em; color: #b7bfcb; } .version-label { color: #adb6c2; } .version-divider { display: inline-block; width: 1px; height: 11px; margin: 0 10px -1px; background-color: #d9dfe7; } @media (max-width: 640px) { .version-footer-text { font-size: 11px; } } /* Response time statistics — subtle styling */ .markdown-body em:last-child, .message-content em:last-child, [class*="message"] em:last-child { color: #c0c7d0 !important; font-size: 0.7rem !important; font-style: normal !important; font-weight: 400 !important; } /* ── Amusement Connect ─────────────────────────────── */ /* Keep the logo visible in the header during a chat (Chainlit only shows it on the empty welcome screen). /logo serves public/logo_.png; Chainlit sets the "dark" or "light" class on . */ #header::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 44px; background: url("/logo?theme=light") center / contain no-repeat; pointer-events: none; } .dark #header::after { background-image: url("/logo?theme=dark"); } /* Footer info icon: hover or focus shows the gpt-rag / gpt-rag-ui release numbers */ .version-info { position: relative; display: inline-flex; margin-left: 6px; vertical-align: -2px; cursor: help; pointer-events: auto; /* the footer container ignores the mouse */ outline: none; } .version-info svg { width: 12px; height: 12px; } .version-info:hover, .version-info:focus-visible { color: hsl(var(--primary)); } .version-tooltip { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); padding: 4px 10px; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--popover)); color: hsl(var(--popover-foreground)); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); white-space: nowrap; visibility: hidden; opacity: 0; transition: opacity 0.15s ease; } .version-info:hover .version-tooltip, .version-info:focus-visible .version-tooltip { visibility: visible; opacity: 1; }