/* E2ris V2 – Bereich assistent. Nur Tokens der Components Library, Klassen mit Präfix e2-.
   Den Chat selbst gestaltet aiharness.css der Bibliothek Onesown.AiHarness; hier nur, wie er in Panel und Vollbildseite sitzt. */

/* Kopf mit Chatwahl, „Neuer Chat“ und den Knöpfen der Seite */
.e2-assistent__kopf {
    padding: var(--oo-space-2) var(--oo-space-3);
    border-bottom: var(--oo-border-width) solid var(--oo-color-border);
    background: var(--oo-color-surface);
}

.e2-assistent__titel {
    min-width: 0;
}

/* Langer Chattitel: abgeschnitten statt den Kopf zu sprengen */
.e2-assistent__chatwahl {
    max-width: 100%;
    min-width: 0;
}

.e2-assistent__chatwahl span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Panel: füllt das Aside; nur der Chat scrollt, Kopf und Eingabefeld bleiben stehen. Container für die schmale Ansicht der Bibliothek. */
.e2-assistent--panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.e2-assistent--panel .e2-assistent__chat {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    container-type: inline-size;
}

/* Die Begrüßung misst sich sonst an der Höhe des Inhaltsbereichs, nicht am Panel */
.e2-assistent--panel .neuer-chat {
    min-height: 100%;
    padding-bottom: var(--oo-space-6);
}

.e2-assistent--panel .chat {
    min-height: 100%;
}

/* Vollbildseite: ohne Seitenrand, der Chat bringt seinen eigenen mit; der Inhaltsbereich scrollt wie auf jeder Seite */
.e2-assistent-seite {
    padding: 0;
    max-width: none;
    min-height: var(--oo-sbl-content-height, 100%);
}

.e2-assistent--seite {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    container-type: inline-size;
}

.e2-assistent--seite .e2-assistent__kopf {
    position: sticky;
    top: 0;
    z-index: 2;
}

.e2-assistent--seite .e2-assistent__chat {
    flex: 1 1 auto;
}

.e2-assistent--seite .neuer-chat {
    min-height: calc(var(--oo-sbl-content-height, 100vh) - 3.5rem);
}

/* Hinweis ohne Schlüssel bzw. ausgeschaltet */
.e2-assistent__chat > .oo-empty-state {
    margin: var(--oo-space-5) var(--oo-space-3);
}

/* Handy: Das Panel liegt über dem Inhalt; mit der Breite der Desktop-Spalte (40 %) bliebe der Chat unlesbar schmal. */
@media (max-width: 47.99rem) {
    .oo-sbl__aside:has(.e2-assistent--panel) {
        width: 100%;
    }
}