/* #welcome-screen is a flex column: [logo, #message-composer, #starters].
   The ::after pseudo-element appends as the last flex item, so we use the
   flex `order` property to slot the tagline between the logo and the input. */
#welcome-screen::after {
    content: "Scout is Matt's media assistant. Tell Scout what you want to watch. He'll scan private trackers for the best candidate release, handle the bandwidth allocation, and deploy it to the Plex for streaming.";
    order: 1;
    align-self: stretch;      /* match #message-composer (w-full) */
    text-align: center;
    color: #9ca3af;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0 1.5rem;        /* slightly narrower than the input field */
}

#welcome-screen #message-composer {
    order: 2;
}

#welcome-screen #starters {
    order: 3;
}

/* Theme selection is disabled; Scout always runs in dark mode. */
#theme-toggle {
    display: none;
}