.schulung-milo{--milo-navy:#004166;--milo-cyan:#00aede;--milo-surface:var(--bs-body-bg,#fff);--milo-ink:var(--bs-body-color,#243746);--milo-muted:var(--bs-secondary-color,#667583);--milo-border:var(--bs-border-color,#e4e8ed);color:var(--milo-ink)}
#schulungMiloWidget [hidden]{display:none!important}
.schulung-milo__symbols{position:absolute;width:0;height:0;overflow:hidden}
.schulung-milo-mascot{display:block;width:48px;height:48px;flex:0 0 auto}
.schulung-milo__spotlight{display:flex;align-items:center;gap:20px;margin:24px 0;padding:22px 24px;border:1px solid var(--milo-border);border-radius:14px;background:var(--milo-surface);box-shadow:0 3px 14px rgba(0,40,66,.035)}
.schulung-milo__spotlight-art{width:76px;height:76px}
.schulung-milo__spotlight-copy{flex:1;min-width:0}
.schulung-milo__spotlight h2{margin:0 0 6px;font-size:1.28rem;font-weight:700;color:var(--milo-ink)}
.schulung-milo__spotlight p{max-width:760px;margin:0;color:var(--milo-muted);line-height:1.6}
.schulung-milo__examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.schulung-milo__example{padding:7px 10px;border:1px solid var(--milo-border);border-radius:8px;background:var(--milo-surface);color:var(--milo-navy);font:inherit;font-size:.85rem;line-height:1.4;text-align:left;cursor:pointer}
.schulung-milo__example:hover{border-color:var(--milo-cyan);background:rgba(0,174,222,.045)}
.schulung-milo__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 17px;border:1px solid var(--milo-navy);border-radius:8px;background:var(--milo-navy);color:#fff;font:inherit;font-weight:600;line-height:1.35;text-decoration:none;cursor:pointer}
.schulung-milo__button:hover{background:#07577b;border-color:#07577b}
.schulung-milo__button:disabled{opacity:.55;cursor:wait}
.schulung-milo__button--secondary{background:transparent;color:var(--milo-ink);border-color:var(--milo-border)}
.schulung-milo__button--secondary:hover{background:rgba(0,65,102,.06);border-color:var(--milo-border)}
.schulung-milo__search{display:inline-block;margin-top:9px;color:var(--milo-navy);font-size:.85rem;font-weight:600;text-underline-offset:3px}
.schulung-milo__launcher{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:1060;display:flex;align-items:center;gap:9px;min-height:56px;padding:6px 15px 6px 7px;border:1px solid var(--milo-border);border-radius:999px;background:var(--milo-surface);box-shadow:0 6px 26px rgba(0,40,66,.17);color:var(--milo-navy);font:inherit;font-weight:700;cursor:pointer}
.schulung-milo__launcher .schulung-milo-mascot{width:44px;height:44px}
.schulung-milo-panel{--milo-bottom-gap:94px;--milo-panel-height:min(680px,calc(var(--milo-viewport-height,100dvh) - var(--milo-bottom-gap) - 24px));position:fixed;z-index:1065;inset:auto;top:calc(var(--milo-viewport-top,0px) + var(--milo-viewport-height,100dvh) - var(--milo-bottom-gap) - var(--milo-panel-height));right:20px;margin:0;width:min(450px,calc(100vw - 32px));height:var(--milo-panel-height);max-width:none;max-height:none;padding:0;border:1px solid var(--milo-border);border-radius:16px;background:var(--milo-surface);color:var(--milo-ink);box-shadow:0 20px 80px rgba(0,30,50,.26);overflow:hidden}
.schulung-milo.is-open .schulung-milo__launcher{visibility:hidden}
.schulung-milo-panel:not([open]){display:none}
.schulung-milo-panel[open]{display:flex;flex-direction:column}
.schulung-milo-panel::backdrop{background:rgba(14,25,37,.32)}
.schulung-milo__panel-header{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid var(--milo-border);flex:0 0 auto}
.schulung-milo__panel-title{flex:1;min-width:0}
.schulung-milo__panel-title h2{margin:0 0 2px;font-size:1.12rem;font-weight:700;color:var(--milo-ink)}
.schulung-milo__panel-title p{margin:0;font-size:.78rem;color:var(--milo-muted)}
.schulung-milo__icon-button{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;padding:7px;border:0;border-radius:7px;background:transparent;color:var(--milo-muted);cursor:pointer}
.schulung-milo__icon-button:hover{background:rgba(0,65,102,.06);color:var(--milo-ink)}
.schulung-milo__icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.schulung-milo__panel-hint{flex:0 0 auto;margin:0;padding:11px 16px 0;color:var(--milo-muted);font-size:.8rem;line-height:1.5}
.schulung-milo__availability{flex:0 0 auto;margin:12px 16px 0;padding:10px 12px;border:1px solid rgba(194,138,18,.3);border-radius:8px;background:rgba(239,182,43,.09);font-size:.83rem;line-height:1.5}
.schulung-milo__messages{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scroll-behavior:smooth}
.schulung-milo__bubble{max-width:94%;margin:0 0 12px;padding:11px 13px;border:1px solid var(--milo-border);border-radius:12px;color:var(--milo-ink);font-size:.9rem;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.schulung-milo__bubble--assistant{margin-right:auto;background:var(--milo-surface)}
.schulung-milo__bubble--user{margin-left:auto;border-color:var(--milo-navy);background:var(--milo-navy);color:#fff}
.schulung-milo__sources{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;padding:0;font-size:.78rem;line-height:1.45;white-space:normal}
.schulung-milo__sources a{display:inline-block;padding:5px 8px;border:1px solid var(--milo-border);border-radius:7px;color:var(--milo-navy);background:var(--milo-surface);text-decoration:none}
.schulung-milo__sources a:hover{text-decoration:underline}
.schulung-milo__status{flex:0 0 auto;min-height:0;margin:0;padding:0 16px;color:var(--milo-muted);font-size:.78rem;line-height:1.5}
.schulung-milo__status:not(:empty){padding-bottom:8px}
.schulung-milo__form{flex:0 0 auto;margin:0;padding:12px 16px;border-top:1px solid var(--milo-border);background:var(--milo-surface)}
.schulung-milo__form label{display:block;margin:0 0 5px;font-size:.82rem;font-weight:600}
.schulung-milo__form textarea{display:block;box-sizing:border-box;width:100%;min-height:58px;max-height:130px;resize:vertical;padding:9px 10px;border:1px solid var(--milo-border);border-radius:8px;background:var(--milo-surface);color:var(--milo-ink);font:inherit;font-size:.9rem;line-height:1.45}
.schulung-milo__form textarea::placeholder{color:var(--milo-muted)}
.schulung-milo__form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}
.schulung-milo__form-actions .schulung-milo__search{margin:0 auto 0 0}
.schulung-milo__privacy{margin:9px 0 0;color:var(--milo-muted);font-size:.69rem;line-height:1.5}
.schulung-milo__privacy a,.schulung-milo__availability a{color:var(--milo-navy);text-decoration:underline;text-underline-offset:2px}
#schulungMiloWidget :is(button,a,textarea):focus-visible{outline:3px solid var(--milo-cyan);outline-offset:3px}
body.schulung-milo-modal-open{overflow:hidden}
[data-bs-theme="dark"] .schulung-milo{--milo-navy:#65c9e8;--milo-surface:var(--bs-body-bg,#15171c);--milo-ink:var(--bs-body-color,#e5e8ed);--milo-muted:var(--bs-secondary-color,#a2a8b3);--milo-border:var(--bs-border-color,#333741)}
[data-bs-theme="dark"] .schulung-milo__button:not(.schulung-milo__button--secondary),[data-bs-theme="dark"] .schulung-milo__bubble--user{background:#004166;border-color:#09698e;color:#fff}
[data-bs-theme="dark"] .schulung-milo__button--secondary:hover,[data-bs-theme="dark"] .schulung-milo__icon-button:hover{background:rgba(101,201,232,.08)}
@media(max-width:991.98px){.schulung-milo__launcher{right:15px;bottom:calc(82px + env(safe-area-inset-bottom,0px))}.schulung-milo-panel{--milo-bottom-gap:calc(82px + env(safe-area-inset-bottom,0px))}}
@media(max-width:575.98px){.schulung-milo__spotlight{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:16px}.schulung-milo__spotlight-art{width:56px;height:56px}.schulung-milo__spotlight-copy{flex-basis:calc(100% - 68px)}.schulung-milo__spotlight-open{width:100%}.schulung-milo__examples{margin-top:10px}.schulung-milo__example{width:100%}.schulung-milo__launcher{min-height:50px;padding-right:12px}.schulung-milo__launcher .schulung-milo-mascot{width:39px;height:39px}.schulung-milo-panel{--milo-panel-height:calc(var(--milo-viewport-height,100dvh) - var(--milo-bottom-gap) - 20px);right:10px;width:calc(100vw - 20px);border-radius:13px}.schulung-milo__panel-header{gap:8px;padding:10px 12px}.schulung-milo__panel-header>.schulung-milo-mascot{width:40px;height:40px}.schulung-milo__panel-hint{padding-inline:12px}.schulung-milo__messages{padding:12px}.schulung-milo__form{padding:10px 12px}.schulung-milo__privacy{font-size:.68rem}}
@media(max-height:550px){.schulung-milo__panel-header{padding-block:7px}.schulung-milo__panel-header>.schulung-milo-mascot{width:32px;height:32px}.schulung-milo__panel-hint{display:none}.schulung-milo__form textarea{min-height:42px;max-height:65px}.schulung-milo__privacy{font-size:.64rem;line-height:1.35}.schulung-milo__button{min-height:36px;padding-block:7px}}
@media(prefers-reduced-motion:reduce){.schulung-milo__messages{scroll-behavior:auto}}
.schulung-milo-panel[data-compact="true"] .schulung-milo__panel-header{padding-block:7px}
.schulung-milo-panel[data-compact="true"] .schulung-milo__panel-header>.schulung-milo-mascot{width:32px;height:32px}
.schulung-milo-panel[data-compact="true"] .schulung-milo__panel-hint{display:none}
.schulung-milo-panel[data-compact="true"] .schulung-milo__form textarea{min-height:42px;max-height:65px}
.schulung-milo-panel[data-compact="true"] .schulung-milo__privacy{font-size:.64rem;line-height:1.35}
.schulung-milo-panel[data-compact="true"] .schulung-milo__button{min-height:36px;padding-block:7px}


/* Stronger actionable contrast, especially on small touchscreens. */
.schulung-milo__example {
    border-color: rgba(0, 65, 102, .26);
    background: #edf6fa;
    color: #004166;
    font-weight: 600;
}
.schulung-milo__button:active,
.schulung-milo__example:active,
.schulung-milo__launcher:active { transform: translateY(1px); }
.schulung-milo__form-actions { flex-wrap: wrap; }
.schulung-milo__sources a { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
[data-bs-theme="dark"] .schulung-milo__example {
    background: #182f3c;
    border-color: #48778d;
    color: #d7f3ff;
}
@media (max-width: 991.98px) {
    #schulungMiloWidget .schulung-milo__example,
    #schulungMiloWidget .schulung-milo__launcher,
    #schulungMiloWidget .schulung-milo__sources a,
    #schulungMiloWidget .schulung-milo__form-actions > .schulung-milo__search {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 9px 11px;
        border: 1px solid #004166;
        background: #004166;
        color: #fff;
        font-weight: 600;
        line-height: 1.4;
        text-decoration: none;
    }
    #schulungMiloWidget .schulung-milo__launcher { min-height: 54px; padding: 6px 14px 6px 7px; }
    #schulungMiloWidget .schulung-milo__example { text-align: left; justify-content: flex-start; }
    #schulungMiloWidget .schulung-milo__sources a { font-size: .8rem; }
    #schulungMiloWidget .schulung-milo__form-actions > .schulung-milo__search { margin-right: auto; border-radius: 8px; font-size: .8rem; }
    #schulungMiloWidget .schulung-milo__form-actions > button[type="submit"] { flex: 1 1 100px; min-width: 0; max-width: 100%; white-space: normal; }
    #schulungMiloWidget .schulung-milo__form-actions > button { min-height: 42px; font-size: .82rem; }
    #schulungMiloWidget .schulung-milo__example:hover,
    #schulungMiloWidget .schulung-milo__launcher:hover,
    #schulungMiloWidget .schulung-milo__sources a:hover,
    #schulungMiloWidget .schulung-milo__form-actions > .schulung-milo__search:hover { background: #00314d; border-color: #00314d; }
    #schulungMiloWidget .schulung-milo__example:active,
    #schulungMiloWidget .schulung-milo__launcher:active,
    #schulungMiloWidget .schulung-milo__sources a:active { background: #00253c; }
    [data-bs-theme="dark"] #schulungMiloWidget .schulung-milo__example,
    [data-bs-theme="dark"] #schulungMiloWidget .schulung-milo__launcher,
    [data-bs-theme="dark"] #schulungMiloWidget .schulung-milo__sources a,
    [data-bs-theme="dark"] #schulungMiloWidget .schulung-milo__form-actions > .schulung-milo__search { border-color: #498ca7; }
    #schulungMiloWidget :is(button,a,textarea):focus-visible { outline: 3px solid #00aede; outline-offset: 3px; }
}


/* Preserve the compact keyboard layout while keeping the stronger colors. */
@media (max-width: 991.98px) {
    #schulungMiloWidget .schulung-milo-panel[data-compact="true"] .schulung-milo__form-actions > button,
    #schulungMiloWidget .schulung-milo-panel[data-compact="true"] .schulung-milo__form-actions > .schulung-milo__search {
        min-height: 36px;
        padding-block: 7px;
    }
}

/* Narrow inline Milo banner directly below the training search. */
.schulung-milo--banner { width: 100%; }
.schulung-milo--banner .schulung-milo__spotlight {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 104px;
    height: auto;
    margin: 16px 0 0;
    padding: 16px 18px;
    border: 1px solid #d6e4f3;
    border-radius: 14px;
    background: linear-gradient(105deg, #edf6ff 0%, #f9fbff 100%);
    box-shadow: none;
    text-align: left;
}
.schulung-milo--banner .schulung-milo__spotlight-art {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
}
.schulung-milo--banner .schulung-milo__spotlight-copy { flex: 1 1 auto; min-width: 0; }
.schulung-milo--banner .schulung-milo__spotlight h2 {
    margin: 0 0 5px;
    color: #004166;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.4;
}
.schulung-milo--banner .schulung-milo__spotlight p {
    max-width: none;
    margin: 0;
    color: #31536a;
    font-size: .87rem;
    line-height: 1.5;
}
#schulungMiloWidget.schulung-milo--banner .schulung-milo__spotlight-open {
    flex: 0 0 auto;
    width: auto;
    min-height: 42px;
    margin: 0;
    padding: 10px 18px;
    border: 1px solid #0067d9;
    border-radius: 8px;
    background: #0067d9;
    color: #fff;
    font-size: .88rem;
    font-weight: 650;
    white-space: nowrap;
}
#schulungMiloWidget.schulung-milo--banner .schulung-milo__spotlight-open:hover { background: #0055b5; border-color: #0055b5; }
#schulungMiloWidget.schulung-milo--banner .schulung-milo__spotlight-open:active { background: #00469b; border-color: #00469b; }
#schulungMiloWidget.schulung-milo--banner .schulung-milo__spotlight-open:focus-visible { outline: 3px solid #00aede; outline-offset: 3px; }
[data-bs-theme="dark"] .schulung-milo--banner .schulung-milo__spotlight {
    border-color: #365167;
    background: linear-gradient(105deg, #153044, #1b2430);
}
[data-bs-theme="dark"] .schulung-milo--banner .schulung-milo__spotlight h2 { color: #e5f4ff; }
[data-bs-theme="dark"] .schulung-milo--banner .schulung-milo__spotlight p { color: #bed3df; }
@media (max-width: 575.98px) {
    .schulung-milo--banner .schulung-milo__spotlight {
        flex-wrap: wrap;
        gap: 12px;
        min-height: 0;
        margin-top: 14px;
        padding: 14px;
    }
    .schulung-milo--banner .schulung-milo__spotlight-art { flex-basis: 52px; width: 52px; height: 52px; }
    .schulung-milo--banner .schulung-milo__spotlight-copy { flex: 1 1 calc(100% - 64px); }
    .schulung-milo--banner .schulung-milo__spotlight h2 { margin-bottom: 4px; font-size: .95rem; }
    .schulung-milo--banner .schulung-milo__spotlight p { font-size: .81rem; line-height: 1.45; }
    #schulungMiloWidget.schulung-milo--banner .schulung-milo__spotlight-open { flex-basis: 100%; width: 100%; }
}