/* === Overrides === */

:root {
    /*--oo-font-size: 18px;*/ /* wird in Schriftgroesse.cs gesetzt */
    --oo-font-family: 'Krub', 'Segoe UI', sans-serif;
    --oo-wdb-font-family-heading: 'Inter', 'Segoe UI', sans-serif;
    --oo-wdb-header-height: 40px;
    --oo-wdb-sidebar-width: 260px;
    /* Einheitliche Höhen für Buttons und Eingabefelder: eine Skala in ganzen Pixeln,
       Floating Label ohne eigene Zusatzhöhe (das Label sitzt ohnehin auf der Rahmenlinie). */
    /*--oo-size-min-height-xxxs: 1.125rem;*/ /* 18px */
    /*--oo-size-min-height-xxs: 1.25rem;*/ /* 20px */
    /*--oo-size-min-height-xs: 1.5rem;*/ /* 24px */
    /*--oo-size-min-height-sm: 1.75rem;*/ /* 28px */
    /*--oo-size-min-height-md: 2rem;*/ /* 32px */
    /*--oo-size-min-height-lg: 2.5rem;*/ /* 40px */
    /*--oo-size-min-height-xl: 3rem;*/ /* 48px */
    /*--oo-size-floating-label-min-height-xxxs: var(--oo-size-min-height-xxxs);
    --oo-size-floating-label-min-height-xxs: var(--oo-size-min-height-xxs);
    --oo-size-floating-label-min-height-xs: var(--oo-size-min-height-xs);
    --oo-size-floating-label-min-height-sm: var(--oo-size-min-height-sm);
    --oo-size-floating-label-min-height-md: var(--oo-size-min-height-md);
    --oo-size-floating-label-min-height-lg: var(--oo-size-min-height-lg);
    --oo-size-floating-label-min-height-xl: var(--oo-size-min-height-xl);*/
}

/* Eingabe mit dem Finger: xs bis md nur moderat anheben (28/30/32px), gut zu treffen, ohne wuchtig zu wirken.
   Überschreibt auch die 36px aus der Library (theme.css). xxxs/xxs (Kennzeichnungen, Mini-Buttons) und lg/xl bleiben. */
@media (pointer: coarse) {
    :root {
        --oo-size-min-height-xs: 1.75rem;
        --oo-size-min-height-sm: 1.875rem;
        --oo-size-min-height-md: 2rem;
    }
}

/* SelectMenu hat feste Höhen statt der Size-Tokens: auf dieselbe Skala legen. */
.oo-sm__trigger-wrap {
    height: var(--oo-size-min-height-md);
}

.oo-sm__trigger-wrap--size-oo-size-xs {
    height: var(--oo-size-min-height-xs);
}

.oo-sm__trigger-wrap--size-oo-size-sm {
    height: var(--oo-size-min-height-sm);
}

.oo-sm__trigger-wrap--size-oo-size-lg {
    height: var(--oo-size-min-height-lg);
}

.oo-sm__trigger-wrap--size-oo-size-xl {
    height: var(--oo-size-min-height-xl);
}



html {
    line-height: 1.5;
}

body {
    font-weight: 400;
    color: var(--oo-color-text-subtle);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--oo-wdb-font-family-heading);
    font-weight: 600;
}

/*h3 {
    font-size: 1.2rem;
}*/

.oo-datagrid__td {
    padding: 5px 10px;
}

button.oo-btn:has(> .oo-btn__text) > .oo-icon {
    transform: none;
}

/* SmartLink als Button: Der Wrapper um den Inhalt soll nicht als eigenes Flex-Element zählen,
   sonst bleibt mobil bei ausgeblendetem Text (Responsive-Display--none) eine Lücke neben dem Icon und der Button wird breiter.
   TODO: Gehört in die Library – SmartLink sollte ChildContent im Button-Modus wie Button direkt rendern. Danach hier entfernen. */
.oo-smart-link.oo-btn > .oo-smart-link__content:has(> .Responsive-Display--none) {
    display: contents;
}

/* DateRangePicker: Die beiden Picker sollen die verfügbare Breite füllen – nebeneinander, bei wenig Platz untereinander.
   Ohne flex-grow bleiben sie nur so breit wie das Input.
   TODO: Gehört in die Library (date-range-picker.css). Danach hier entfernen. */
.oo-date-range-picker > .oo-dtp {
    flex: 1 1 14rem;
    min-width: 0;
}

/* Jodit-Toolbar dockt beim Scrollen unter dem fixen Header an – für alle Editoren und Bildschirmbreiten.
   Die Library setzt top: -16px bzw. auf dem Handy top: -2px !important (jodit.css); das überschreibt auch den
   Offset aus ToolbarStickySelector, die Toolbar verschwände sonst hinter dem Header.
   Ausgenommen: Editoren in Dialogen (scrollen im Dialog, ohne Header) und der Jodit-Vollbildmodus. */
.jodit-container:not(.jodit_fullsize):not(dialog *) .jodit-toolbar__box {
    top: calc(var(--oo-wdb-header-height) + var(--oo-border-width)) !important;
}

.ki-chat-nachrichten {
    padding: 1rem;
}

.ki-chat-nachricht {
    padding: .5rem 1rem;
}