/* li a div div div img {
    height: 16px !important;
    width: auto !important;
    display: inline !important;
    margin-bottom: 4px !important;
}
li a div {
    all: unset !important;
}
li a div div {
    all: unset !important;
}
li a div div div {
    all: unset !important;
} */

/* #welcome-screen > div.flex.flex-col.gap-2.mb-2.items-center > img {
    width: 150px !important;
}

#chat-profiles > span > div > img {
    width: 100px !important;
} */

/* Disclaimer banner (injected by disclaimer.js) */
:root {
    --disclaimer-height: 0px;
}

body.has-disclaimer {
    --disclaimer-height: 32px;
}

#adchat-disclaimer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #f59e0b;
    color: #78350f;
    text-align: center;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-sizing: border-box;
}

#adchat-disclaimer-close {
    background: none;
    border: none;
    color: #78350f;
    font-size: 18px;
    cursor: pointer;
    margin-left: 12px;
    padding: 0 4px;
    line-height: 1;
}

#adchat-disclaimer-close:hover {
    opacity: 0.7;
}

/* Apply disclaimer offset to body and all fixed elements */
body {
    padding-top: var(--disclaimer-height) !important;
}

/* Target the fixed sidebar container */
.fixed:has([data-sidebar="sidebar"]) {
    top: var(--disclaimer-height) !important;
    height: calc(100svh - var(--disclaimer-height)) !important;
}

/* Widen the chat profile hover card so one-liners don't wrap */
#chat-profile-description {
    width: fit-content !important;
    max-width: 32rem !important;
}

/* ---------------------------------------------------------------------
 * Scope hint (injected by scope_hint.js)
 *
 * A persistent two-line card placed in natural document flow as the
 * last child of the chat input's parent container. When Chainlit's
 * `.watermark` ("LLMs can make mistakes…") is rendered, it sits
 * between the input box and our hint; before the first response (no
 * watermark) the hint sits directly under the input box.
 *
 * The DOM-selector-based profile detection in scope_hint.js is brittle
 * to Chainlit upgrades — accepted trade-off for always-visible UX (see
 * PR thread). Same applies if Chainlit renames `#message-composer`.
 * ------------------------------------------------------------------- */
#adchat-scope-hint {
    /* Width auto + zero horizontal margin lets the card fill the same
     * effective width as `#message-composer` (which uses `w-full`),
     * keeping the two visually aligned. Light mode uses explicit hex
     * values because Chainlit's `--accent` and `--border` are nearly
     * invisible against the near-white page surface; dark mode
     * (overridden below) maps to Chainlit's tokens so it tracks the
     * input box. The muted-foreground text color keeps the hint
     * reading as ambient help rather than a callout. */
    margin: 4px 0 12px;
    background-color: #f3f4f6; /* slate-100 */
    color: hsl(var(--muted-foreground));
    border: 1px solid #d1d5db; /* slate-300 — visibly framed in light */
    border-radius: 12px;
    padding: 8px 14px;
    font-size: 12px;
    line-height: 1.55;
    /* Don't intercept clicks — chat surface stays interactive even
     * where the card visually overlaps. */
    pointer-events: none;
}

/* Dark mode: match the input box surface (`dark:bg-card`) and use
 * Chainlit's border token. */
html.dark #adchat-scope-hint,
.dark #adchat-scope-hint {
    background-color: hsl(var(--card));
    border-color: hsl(var(--border));
}

/* Light-mode subtle border for the chat input box. Chainlit's
 * `--border` token is nearly invisible against the near-white surface,
 * so the input "floats" without a visible frame. Match the scope-hint
 * border so the two elements read as a pair. */
html:not(.dark) #message-composer {
    border: 1px solid #d1d5db; /* slate-300 */
}

#adchat-scope-hint .adchat-scope-hint-line {
    display: block;
}

#adchat-scope-hint .adchat-scope-hint-line + .adchat-scope-hint-line {
    margin-top: 2px;
}

#adchat-scope-hint code {
    /* Slight contrast bump against the card surface so the example
     * commands are still scannable. `--muted` is one notch off the
     * card surface in both themes. */
    background-color: hsl(var(--muted));
    color: hsl(var(--foreground));
    padding: 1px 5px;
    border-radius: 3px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    /* Re-enable interaction so users can select-and-copy commands. */
    pointer-events: auto;
    user-select: text;
}

#adchat-scope-hint strong {
    font-weight: 600;
}

#readme-button {
    display: none !important;
}