/*
 * Custom UI tweaks for the Triton Chainlit app.
 *
 * Readme button icon — Chainlit's built-in Readme button (id="readme-button") is text-only and
 * exposes no icon setting, so we inject one via ::before for visual parity with the "Mentions
 * légales" header link (both use the brand green icon at ~24px). Anchored on the "readme-button"
 * id: if a future Chainlit release renames it, the icon silently disappears without breaking the app.
 */
#readme-button::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.25rem;
    background: url("/public/readme.svg") center / contain no-repeat;
    vertical-align: middle;
}
/* Login page: remove the right-hand cover-image panel and center the sign-in form.
 *
 * Chainlit's default login layout is a two-column grid on large screens: the form on the
 * left and an image panel on the right. When `login_page_image` is unset, that panel falls
 * back to the favicon stretched as a cover image. We hide the panel (`div.bg-muted`) and
 * collapse the grid to a single full-width column. The selector is scoped to the login page
 * only via `.grid.min-h-svh` (a full-viewport grid used nowhere else in the app), so the
 * chat UI is untouched. */
.grid.min-h-svh > div.bg-muted {
  display: none !important;
}

.grid.min-h-svh {
  grid-template-columns: 1fr !important;
}