/* /Components/Chat/ConstructionLoader.razor.rz.scp.css */

.construction-loader[b-kkqmof8yba] {
    --construction-cycle: 5.8s;
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-width: 0;
    padding: 8px 0;
}

.construction-scene[b-kkqmof8yba] {
    flex: 0 0 310px;
    width: 310px;
    min-width: 0;
    line-height: 0;
}

.construction-illustration[b-kkqmof8yba] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.construction-content[b-kkqmof8yba] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    min-width: 0;
}

.construction-heading[b-kkqmof8yba] {
    color: inherit;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: -.015em;
    white-space: nowrap;
}

.construction-subtitle[b-kkqmof8yba] {
    color: #808799;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

.construction-dots[b-kkqmof8yba]::after {
    content: '';
    display: inline-block;
    width: 17px;
    text-align: left;
    animation: construction-text-dots-b-kkqmof8yba 1.5s steps(1, end) infinite;
}

/* Animation der Gelenke */

.excavator-boom[b-kkqmof8yba],
.excavator-stick[b-kkqmof8yba],
.excavator-bucket[b-kkqmof8yba],
.excavator-load[b-kkqmof8yba],
.excavator-dust[b-kkqmof8yba],
.construction-rubble[b-kkqmof8yba] {
    transform-box: view-box;
    will-change: transform;
}

.excavator-boom[b-kkqmof8yba] {
    transform-origin: 164px 96px;
    animation: construction-boom-b-kkqmof8yba var(--construction-cycle) ease-in-out infinite;
}

.excavator-stick[b-kkqmof8yba] {
    transform-origin: 219px 51px;
    animation: construction-stick-b-kkqmof8yba var(--construction-cycle) ease-in-out infinite;
}

.excavator-bucket[b-kkqmof8yba] {
    transform-origin: 254px 111px;
    animation: construction-bucket-b-kkqmof8yba var(--construction-cycle) ease-in-out infinite;
}

.excavator-load[b-kkqmof8yba] {
    opacity: 0;
    animation: construction-load-b-kkqmof8yba var(--construction-cycle) linear infinite;
}

.construction-rubble[b-kkqmof8yba] {
    transform-origin: 300px 139px;
    animation: construction-gravel-b-kkqmof8yba var(--construction-cycle) ease-in-out infinite;
}

.excavator-dust[b-kkqmof8yba] {
    opacity: 0;
    transform-origin: 300px 127px;
    animation: construction-dust-b-kkqmof8yba var(--construction-cycle) ease-out infinite;
}

.excavator-lamp[b-kkqmof8yba] {
    animation: construction-lamp-b-kkqmof8yba 2.8s ease-in-out infinite;
}

/* Ausleger heben und senken */

@keyframes construction-boom-b-kkqmof8yba {
    0%, 12%, 100% {
        transform: rotate(0deg);
    }

    23%, 32% {
        transform: rotate(7deg);
    }

    43%, 61% {
        transform: rotate(-13deg);
    }

    74% {
        transform: rotate(-7deg);
    }

    88% {
        transform: rotate(0deg);
    }
}

/* Baggerstiel bewegen */

@keyframes construction-stick-b-kkqmof8yba {
    0%, 12%, 100% {
        transform: rotate(0deg);
    }

    23%, 32% {
        transform: rotate(-8deg);
    }

    43%, 61% {
        transform: rotate(9deg);
    }

    74% {
        transform: rotate(4deg);
    }

    88% {
        transform: rotate(0deg);
    }
}

/* Schaufel schließen und öffnen */

@keyframes construction-bucket-b-kkqmof8yba {
    0%, 14%, 100% {
        transform: rotate(0deg);
    }

    24% {
        transform: rotate(19deg);
    }

    34%, 62% {
        transform: rotate(-19deg);
    }

    75% {
        transform: rotate(25deg);
    }

    86% {
        transform: rotate(0deg);
    }
}

/* Material in der Schaufel */

@keyframes construction-load-b-kkqmof8yba {
    0%, 31% {
        opacity: 0;
    }

    36%, 66% {
        opacity: 1;
    }

    76%, 100% {
        opacity: 0;
    }
}

/* Erdhaufen */

@keyframes construction-gravel-b-kkqmof8yba {
    0%, 23%, 100% {
        transform: scale(1);
    }

    35%, 87% {
        transform: scale(.95, .91);
    }
}

/* Staub */

@keyframes construction-dust-b-kkqmof8yba {
    0%, 22% {
        opacity: 0;
        transform: translate(0, 0) scale(.65);
    }

    29% {
        opacity: .5;
    }

    40%, 100% {
        opacity: 0;
        transform: translate(5px, -12px) scale(1.5);
    }
}

/* Arbeitslicht */

@keyframes construction-lamp-b-kkqmof8yba {
    0%, 70%, 100% {
        opacity: .55;
    }

    78%, 83% {
        opacity: 1;
    }
}

/* Ladepunkte */

@keyframes construction-text-dots-b-kkqmof8yba {
    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75%, 100% {
        content: '...';
    }
}

/* Responsive */

@media (max-width: 700px) {
    .construction-loader[b-kkqmof8yba] {
        gap: 8px;
    }

    .construction-scene[b-kkqmof8yba] {
        flex-basis: 210px;
        width: 210px;
    }

    .construction-subtitle[b-kkqmof8yba] {
        max-width: 180px;
    }
}

@media (max-width: 460px) {
    .construction-loader[b-kkqmof8yba] {
        align-items: flex-start;
        gap: 3px;
    }

    .construction-scene[b-kkqmof8yba] {
        flex-basis: 148px;
        width: 148px;
    }

    .construction-content[b-kkqmof8yba] {
        padding-top: 21px;
        gap: 3px;
    }

    .construction-heading[b-kkqmof8yba] {
        font-size: 13px;
    }

    .construction-subtitle[b-kkqmof8yba] {
        font-size: 11px;
    }
}

/* Barrierefreiheit */

@media (prefers-reduced-motion: reduce) {
    .construction-loader *[b-kkqmof8yba],
    .construction-loader *[b-kkqmof8yba]::before,
    .construction-loader *[b-kkqmof8yba]::after {
        animation: none !important;
        transition: none !important;
    }

    .construction-dots[b-kkqmof8yba]::after {
        content: '...';
    }
}
/* /Components/Chat/VoiceRecorder.razor.rz.scp.css */

.voice-recorder[b-3yzalim8rd] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
}

.microphone-button[b-3yzalim8rd] {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #ede9fe;
    color: #7c3aed;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    flex-shrink: 0;
    transition: background .15s, transform .15s;
}

    .microphone-button.active[b-3yzalim8rd] {
        color: white;
        background: #dc2626;
        transform: scale(1.05);
    }

    .microphone-button:disabled[b-3yzalim8rd] {
        opacity: .65;
        cursor: wait;
    }

.recording-indicator[b-3yzalim8rd] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
}

.recording-dot[b-3yzalim8rd] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dc2626;
    animation: pulse-b-3yzalim8rd 1s infinite;
}

.recording-hint[b-3yzalim8rd] {
    font-size: 13px;
    color: #71717a;
}

.recording-error[b-3yzalim8rd] {
    font-size: 12px;
    color: #dc2626;
}

.cancel-button[b-3yzalim8rd] {
    border: none;
    background: transparent;
    color: #71717a;
    font-size: 12px;
    cursor: pointer;
}

@keyframes pulse-b-3yzalim8rd {
    50% {
        opacity: .25;
    }
}
/* /Components/Integrations/IntegrationsDialog.razor.rz.scp.css */

.integration-overlay[b-3eftf443ea] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 18, 30, 0.58);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.integration-dialog[b-3eftf443ea] {
    width: 100%;
    max-width: 680px;
    max-height: min(780px, 90vh);
    background: #fff;
    border: 1px solid #e9e9f0;
    border-radius: 22px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: integration-enter-b-3eftf443ea 0.2s ease-out;
}

.integration-header[b-3eftf443ea] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 25px 28px;
    border-bottom: 1px solid #eeeef3;
}

.integration-heading[b-3eftf443ea] {
    flex: 1;
    min-width: 0;
}

    .integration-heading h2[b-3eftf443ea] {
        margin: 0;
        font-size: 22px;
        font-weight: 700;
        color: #20202b;
        letter-spacing: -0.5px;
    }

    .integration-heading p[b-3eftf443ea] {
        margin: 5px 0 0;
        font-size: 13px;
        color: #858595;
        line-height: 1.5;
    }

.integration-icon-button[b-3eftf443ea] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #eeeeF3;
    border-radius: 11px;
    background: #fff;
    font-size: 19px;
    color: #5b5b68;
    cursor: pointer;
    transition: all 0.2s;
}

    .integration-icon-button:hover[b-3eftf443ea] {
        background: #f5f3ff;
        border-color: #dcd4ff;
        color: #7057bb;
    }

.integration-content[b-3eftf443ea] {
    overflow-y: auto;
    min-height: 200px;
    padding: 26px 28px 30px;
}

.integration-grid[b-3eftf443ea] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.integration-tile[b-3eftf443ea] {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 20px;
    min-height: 215px;
    border: 1px solid #e8e8ef;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
}

    .integration-tile:hover[b-3eftf443ea] {
        border-color: #a99ade;
        box-shadow: 0 8px 24px rgba(105, 79, 175, 0.1);
        transform: translateY(-2px);
    }

.integration-tile-logo[b-3eftf443ea] {
    display: flex;
    align-items: center;
    height: 62px;
    margin-bottom: 15px;
}

    .integration-tile-logo img[b-3eftf443ea] {
        display: block;
        max-width: 145px;
        max-height: 54px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

.integration-tile-info[b-3eftf443ea] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .integration-tile-info strong[b-3eftf443ea] {
        color: #272734;
        font-size: 16px;
        font-weight: 700;
    }

    .integration-tile-info span[b-3eftf443ea] {
        color: #858595;
        font-size: 12px;
        line-height: 1.5;
    }

.integration-tile-footer[b-3eftf443ea] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
}

.integration-tile-status[b-3eftf443ea] {
    display: inline-flex;
    background: #f3f0ff;
    color: #7057bb;
    border-radius: 7px;
    padding: 6px 9px;
    font-size: 11px;
    font-weight: 600;
}

.integration-tile-arrow[b-3eftf443ea] {
    color: #8b7dbf;
    font-size: 19px;
}

@keyframes integration-enter-b-3eftf443ea {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 600px) {
    .integration-overlay[b-3eftf443ea] {
        padding: 10px;
        align-items: flex-end;
    }

    .integration-dialog[b-3eftf443ea] {
        max-height: 92dvh;
        border-radius: 20px 20px 12px 12px;
    }

    .integration-header[b-3eftf443ea] {
        padding: 20px;
    }

    .integration-heading h2[b-3eftf443ea] {
        font-size: 19px;
    }

    .integration-content[b-3eftf443ea] {
        padding: 20px;
    }

    .integration-grid[b-3eftf443ea] {
        grid-template-columns: 1fr;
    }

    .integration-tile[b-3eftf443ea] {
        min-height: 185px;
    }
}
/* /Components/Integrations/Microsoft365IntegrationData.razor.rz.scp.css */

/* ==========================================
   Microsoft 365 Integration
   AndreasAI – passend zum sevDesk-Design
   ========================================== */

.microsoft365-settings[b-u722sp2bj3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==========================================
   Ladezustand
   ========================================== */

.microsoft365-loading[b-u722sp2bj3] {
    padding: 45px 15px;
    text-align: center;
    color: #858595;
    font-size: 14px;
}

/* ==========================================
   Einleitung
   ========================================== */

.microsoft365-intro[b-u722sp2bj3] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px;
    background: #f8f8fc;
    border-radius: 14px;
}

    .microsoft365-intro img[b-u722sp2bj3] {
        width: 108px;
        max-height: 58px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .microsoft365-intro h3[b-u722sp2bj3] {
        font-size: 15px;
        color: #252532;
        font-weight: 700;
        margin: 0 0 6px;
    }

    .microsoft365-intro p[b-u722sp2bj3] {
        margin: 0;
        color: #858595;
        font-size: 12px;
        line-height: 1.6;
    }

/* ==========================================
   Formular
   ========================================== */

.microsoft365-form[b-u722sp2bj3] {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.microsoft365-field[b-u722sp2bj3] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

    .microsoft365-field label[b-u722sp2bj3] {
        font-size: 13px;
        font-weight: 650;
        color: #30303d;
    }

    .microsoft365-field input[b-u722sp2bj3] {
        box-sizing: border-box;
        width: 100%;
        height: 45px;
        padding: 0 14px;
        border: 1px solid #dedee8;
        border-radius: 10px;
        outline: none;
        background: #fff;
        color: #282838;
        font: inherit;
        font-size: 13px;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

        .microsoft365-field input:focus[b-u722sp2bj3] {
            border-color: #8c75d2;
            box-shadow: 0 0 0 3px rgba(120, 92, 190, 0.1);
        }

        .microsoft365-field input:read-only[b-u722sp2bj3] {
            background: #fafafe;
            cursor: default;
        }

    .microsoft365-field small[b-u722sp2bj3] {
        color: #90909e;
        line-height: 1.5;
        font-size: 11px;
    }

/* ==========================================
   Einstellungen und Status
   ========================================== */

.microsoft365-option[b-u722sp2bj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    background: #f8f8fc;
    border: 1px solid #ededf4;
    border-radius: 12px;
}

    .microsoft365-option > div[b-u722sp2bj3] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .microsoft365-option strong[b-u722sp2bj3] {
        color: #30303d;
        font-size: 13px;
        font-weight: 650;
    }

    .microsoft365-option small[b-u722sp2bj3] {
        color: #8c8c9b;
        font-size: 11px;
        line-height: 1.5;
    }

    .microsoft365-option > span[b-u722sp2bj3] {
        color: #34965b;
        font-size: 16px;
        font-weight: 700;
        flex-shrink: 0;
    }

        .microsoft365-option > span.inactive[b-u722sp2bj3] {
            color: #90909e;
        }

/* ==========================================
   Aktionen
   ========================================== */

.microsoft365-actions[b-u722sp2bj3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeeef3;
}

.microsoft365-button[b-u722sp2bj3] {
    background: #7459bf;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 20px;
    min-height: 43px;
    font-family: inherit;
    font-weight: 650;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s;
}

    .microsoft365-button:hover:not(:disabled)[b-u722sp2bj3] {
        background: #6044ab;
    }

    .microsoft365-button:focus-visible[b-u722sp2bj3] {
        outline: 3px solid rgba(116, 89, 191, 0.2);
        outline-offset: 2px;
    }

    .microsoft365-button:disabled[b-u722sp2bj3] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ==========================================
   Meldungen
   ========================================== */

.microsoft365-message[b-u722sp2bj3] {
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.5;
}

    .microsoft365-message.success[b-u722sp2bj3] {
        background: #effaf2;
        border: 1px solid #cee8d5;
        color: #287348;
    }

    .microsoft365-message.error[b-u722sp2bj3] {
        background: #fff2f2;
        border: 1px solid #f0cece;
        color: #bb4040;
    }

/* ==========================================
   Responsive
   ========================================== */

@media (max-width: 600px) {
    .microsoft365-intro[b-u722sp2bj3] {
        flex-direction: column;
        align-items: flex-start;
    }

        .microsoft365-intro img[b-u722sp2bj3] {
            width: 100px;
        }

    .microsoft365-actions[b-u722sp2bj3] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .microsoft365-button[b-u722sp2bj3] {
        width: 100%;
    }
}
/* /Components/Integrations/SevDeskIntegrationData.razor.rz.scp.css */

.sevdesk-settings[b-6o9y54phvp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sevdesk-loading[b-6o9y54phvp] {
    padding: 45px 15px;
    text-align: center;
    color: #858595;
    font-size: 14px;
}


.field-label-row[b-6o9y54phvp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.field-info-button[b-6o9y54phvp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    padding: 0;
    border: 1px solid #b7a9df;
    border-radius: 50%;
    background: #f4f1ff;
    color: #7459bf;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.2s;
}

    .field-info-button:hover[b-6o9y54phvp] {
        background: #eae3ff;
    }

.contact-person-help[b-6o9y54phvp] {
    padding: 16px;
    border: 1px solid #e4ddf8;
    border-radius: 12px;
    background: #faf9ff;
}

    .contact-person-help > strong[b-6o9y54phvp] {
        display: block;
        margin-bottom: 8px;
        font-size: 13px;
        color: #353047;
    }

    .contact-person-help p[b-6o9y54phvp] {
        margin: 8px 0;
        font-size: 12px;
        line-height: 1.6;
        color: #6e687e;
    }

        .contact-person-help p:last-child[b-6o9y54phvp] {
            margin-bottom: 0;
        }

    .contact-person-help code[b-6o9y54phvp] {
        font-size: 11px;
        overflow-wrap: anywhere;
    }

.help-url-row[b-6o9y54phvp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 12px 0;
    padding: 10px;
    border: 1px solid #e7e2f2;
    border-radius: 9px;
    background: #fff;
}

    .help-url-row code[b-6o9y54phvp] {
        color: #59479a;
        font-size: 11px;
    }

.help-copy-button[b-6o9y54phvp] {
    flex-shrink: 0;
    padding: 7px 10px;
    border: 0;
    border-radius: 7px;
    background: #eee9ff;
    color: #6547b2;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

    .help-copy-button:hover[b-6o9y54phvp] {
        background: #e2d9ff;
    }


.sevdesk-intro[b-6o9y54phvp] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px;
    background: #f8f8fc;
    border-radius: 14px;
}

    .sevdesk-intro img[b-6o9y54phvp] {
        width: 108px;
        max-height: 58px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .sevdesk-intro h3[b-6o9y54phvp] {
        font-size: 15px;
        color: #252532;
        font-weight: 700;
        margin: 0 0 6px;
    }

    .sevdesk-intro p[b-6o9y54phvp] {
        margin: 0;
        color: #858595;
        font-size: 12px;
        line-height: 1.6;
    }

.sevdesk-form[b-6o9y54phvp] {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.form-field[b-6o9y54phvp] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

    .form-field label[b-6o9y54phvp] {
        font-size: 13px;
        font-weight: 650;
        color: #30303d;
    }

    .form-field input[b-6o9y54phvp] {
        box-sizing: border-box;
        width: 100%;
        height: 45px;
        padding: 0 14px;
        border: 1px solid #dedee8;
        border-radius: 10px;
        outline: none;
        background: #fff;
        color: #282838;
        font: inherit;
        font-size: 13px;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

        .form-field input:focus[b-6o9y54phvp] {
            border-color: #8c75d2;
            box-shadow: 0 0 0 3px rgba(120, 92, 190, 0.1);
        }

    .form-field small[b-6o9y54phvp] {
        color: #90909e;
        line-height: 1.5;
        font-size: 11px;
    }

.password-field[b-6o9y54phvp] {
    display: flex;
    align-items: center;
    position: relative;
}

    .password-field input[b-6o9y54phvp] {
        padding-right: 100px;
    }

.visibility-button[b-6o9y54phvp] {
    position: absolute;
    right: 7px;
    padding: 8px 10px;
    border: 0;
    background: #f4f2fa;
    border-radius: 7px;
    color: #7057bb;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.setting-option[b-6o9y54phvp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    background: #f8f8fc;
    border: 1px solid #ededf4;
    border-radius: 12px;
}

    .setting-option > div[b-6o9y54phvp] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .setting-option strong[b-6o9y54phvp] {
        color: #30303d;
        font-size: 13px;
    }

    .setting-option small[b-6o9y54phvp] {
        color: #8c8c9b;
        font-size: 11px;
    }

.setting-checkbox[b-6o9y54phvp] {
    width: 19px;
    height: 19px;
    accent-color: #7459bf;
    cursor: pointer;
    flex-shrink: 0;
}

.sevdesk-actions[b-6o9y54phvp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeeef3;
}

.save-button[b-6o9y54phvp] {
    background: #7459bf;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 20px;
    min-height: 43px;
    font-weight: 650;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s;
}

    .save-button:hover:not(:disabled)[b-6o9y54phvp] {
        background: #6044ab;
    }

.delete-button[b-6o9y54phvp] {
    background: transparent;
    border: 1px solid #f0d6d6;
    color: #c45151;
    border-radius: 10px;
    padding: 12px 16px;
    min-height: 43px;
    font-size: 12px;
    cursor: pointer;
}

    .delete-button:hover:not(:disabled)[b-6o9y54phvp] {
        background: #fff3f3;
    }

button:disabled[b-6o9y54phvp] {
    opacity: 0.6;
    cursor: not-allowed;
}

.sevdesk-message[b-6o9y54phvp] {
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.5;
}

    .sevdesk-message.success[b-6o9y54phvp] {
        background: #effaf2;
        border: 1px solid #cee8d5;
        color: #287348;
    }

    .sevdesk-message.error[b-6o9y54phvp] {
        background: #fff2f2;
        border: 1px solid #f0cece;
        color: #bb4040;
    }

@media (max-width: 600px) {
    .sevdesk-intro[b-6o9y54phvp] {
        flex-direction: column;
        align-items: flex-start;
    }

        .sevdesk-intro img[b-6o9y54phvp] {
            width: 100px;
        }

    .sevdesk-actions[b-6o9y54phvp] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .save-button[b-6o9y54phvp],
    .delete-button[b-6o9y54phvp] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .help-url-row[b-6o9y54phvp] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ============================================
   WORKSPACE
   ============================================ */

.workspace[b-m3f9ifnq9h] {
    display: flex;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: var(--ai-bg);
}

/* ============================================
   SIDEBAR
   ============================================ */

.sidebar[b-m3f9ifnq9h] {
    width: 274px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px 15px 16px;
    background: var(--ai-sidebar);
    color: var(--ai-sidebar-text);
    border-right: 1px solid #242a35;
}

.sidebar-header[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    margin-bottom: 43px;
}

.brand[b-m3f9ifnq9h] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.sidebar-logo[b-m3f9ifnq9h] {
    display: block;
    width: 190px;
    max-width: 100%;
    max-height: 62px;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow( 0 2px 8px rgba(125, 111, 255, .16) );
}

/* ============================================
   NAVIGATION
   ============================================ */

.sidebar-main[b-m3f9ifnq9h] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.new-chat[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 13px 15px;
    border: 1px solid #ffffff12;
    border-radius: 12px;
    background: #ffffff;
    color: #242536;
    font-size: 13px;
    font-weight: 700;
    transition: background .2s, transform .2s;
}

    .new-chat:hover[b-m3f9ifnq9h] {
        background: #f1efff;
        transform: translateY(-1px);
    }

.new-chat-plus[b-m3f9ifnq9h] {
    font-size: 20px;
    line-height: 16px;
    font-weight: 400;
}

.new-chat-arrow[b-m3f9ifnq9h] {
    margin-left: auto;
    font-size: 17px;
    color: #8276ca;
}

.menu-item[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    min-height: 45px;
    margin-top: 5px;
    padding: 10px 13px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #adb5c5;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    transition: background .2s, color .2s;
}

    .menu-item:hover[b-m3f9ifnq9h] {
        background: var(--ai-sidebar-hover);
        color: #ffffff;
    }

.menu-symbol[b-m3f9ifnq9h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    font-size: 20px;
    line-height: 18px;
    font-weight: 400;
}

.search-input[b-m3f9ifnq9h] {
    margin: 7px 4px;
    padding: 11px 12px;
    width: calc(100% - 8px);
    border: 1px solid #3d4352;
    border-radius: 9px;
    color: #ffffff;
    background: #242a36;
    font-size: 12px;
}

    .search-input[b-m3f9ifnq9h]::placeholder {
        color: #aeb8ca;
    }

.section-heading[b-m3f9ifnq9h] {
    margin: 34px 12px 13px;
    color: #aeb5c5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.history-list[b-m3f9ifnq9h] {
    min-height: 0;
    overflow-y: auto;
}

.history-empty[b-m3f9ifnq9h] {
    padding: 8px 12px;
    font-size: 12px;
    color: #b2bbcb;
    line-height: 1.7;
}

/* ============================================
   TENANT WORKSPACE
   ============================================ */

.tenant-workspace[b-m3f9ifnq9h] {
    position: relative;
    flex-shrink: 0;
    margin: -17px 3px 26px;
    padding: 14px 13px 15px;
    background: linear-gradient( 145deg, #292d3b 0%, #232734 100% );
    border: 1px solid #ffffff13;
    border-radius: 13px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
}

.tenant-workspace-top[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 15px;
}

.tenant-workspace-label[b-m3f9ifnq9h] {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.15px;
    color: #b5bdd0;
}

.tenant-workspace-status[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #294538;
}

.tenant-status-dot[b-m3f9ifnq9h] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #63d4a0;
    box-shadow: 0 0 7px rgba(99, 212, 160, .25);
}

.tenant-workspace-content[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.tenant-workspace-avatar[b-m3f9ifnq9h] {
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient( 145deg, #51476d, #403b5b );
    border: 1px solid #ffffff0b;
    color: #f1ecff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .3px;
}

.tenant-workspace-details[b-m3f9ifnq9h] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    flex: 1;
}

    .tenant-workspace-details strong[b-m3f9ifnq9h] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #f4f3fb;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
    }

    .tenant-workspace-details small[b-m3f9ifnq9h] {
        color: #b4bbcc;
        font-size: 10px;
        font-weight: 500;
    }

/* ============================================
   TENANT LICENSE
   ============================================ */

.tenant-license[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid #ffffff12;
}

.tenant-license-label[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #c0c7d6;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.tenant-license-icon[b-m3f9ifnq9h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #c7baff;
    font-size: 16px;
}

.tenant-license-badge[b-m3f9ifnq9h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 110px;
    padding: 5px 9px;
    border: 1px solid #766c9c;
    border-radius: 6px;
    background: #393650;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============================================
   TENANT ROLE
   ============================================ */

.tenant-role[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
}

    .tenant-role .tenant-license-badge[b-m3f9ifnq9h] {
        background: #353b4b;
        border-color: #515b70;
        color: #ffffff;
    }

/* ============================================
   SIDEBAR BOTTOM
   ============================================ */

.sidebar-bottom[b-m3f9ifnq9h] {
    padding-top: 14px;
}

.bottom-heading[b-m3f9ifnq9h] {
    margin-top: 0;
}

.section-info[b-m3f9ifnq9h] {
    padding: 10px 12px;
    color: #c9beff;
    font-size: 11px;
    line-height: 1.6;
}

.sidebar-divider[b-m3f9ifnq9h] {
    margin: 17px 6px 14px;
    height: 1px;
    background: #ffffff13;
}

/* ============================================
   PROFILE
   ============================================ */

.profile-button[b-m3f9ifnq9h] {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 12px;
    background: transparent;
    color: #ffffff;
    text-align: left;
    transition: background .2s;
}

    .profile-button:hover[b-m3f9ifnq9h] {
        background: #252a36;
    }

.avatar[b-m3f9ifnq9h] {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    height: 39px;
    width: 39px;
    border-radius: 12px;
    color: #eeeaff;
    background: #494269;
    font-size: 12px;
    font-weight: 800;
}

.profile-content[b-m3f9ifnq9h] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
}

    .profile-content strong[b-m3f9ifnq9h] {
        font-size: 12px;
        font-weight: 700;
    }

    .profile-content small[b-m3f9ifnq9h] {
        font-size: 10px;
        color: #b7c0d0;
    }

.profile-dots[b-m3f9ifnq9h] {
    margin-left: auto;
    font-size: 20px;
    color: #b7c0d0;
}

.profile-dropdown[b-m3f9ifnq9h] {
    margin: 7px 4px;
    padding: 6px;
    background: #242a36;
    border: 1px solid #343b49;
    border-radius: 11px;
}

    .profile-dropdown button[b-m3f9ifnq9h] {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        padding: 11px;
        border: none;
        background: transparent;
        color: #ffb6b6;
        text-align: left;
        border-radius: 8px;
    }

        .profile-dropdown button:hover[b-m3f9ifnq9h] {
            background: #ffffff0a;
        }

/* ============================================
   POWERED BY
   ============================================ */

.powered-by[b-m3f9ifnq9h] {
    display: block;
    margin: 19px 11px 0;
    color: #b3bdce;
    font-size: 11px;
}

    .powered-by strong[b-m3f9ifnq9h] {
        color: #d4d9e5;
        font-weight: 600;
    }

    .powered-by:hover strong[b-m3f9ifnq9h] {
        color: #ffffff;
    }

/* ============================================
   MAIN CONTENT
   ============================================ */

.workspace-main[b-m3f9ifnq9h] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ============================================
   MOBILE
   ============================================ */

.mobile-header[b-m3f9ifnq9h],
.mobile-backdrop[b-m3f9ifnq9h],
.mobile-close[b-m3f9ifnq9h] {
    display: none;
}

@media (max-width: 850px) {

    .sidebar[b-m3f9ifnq9h] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 110;
        width: min(290px, 86vw);
        transform: translateX(-100%);
        transition: transform .25s ease;
    }

        .sidebar.sidebar-open[b-m3f9ifnq9h] {
            transform: translateX(0);
        }

    .mobile-close[b-m3f9ifnq9h] {
        display: block;
        border: none;
        background: transparent;
        color: #cbd1dc;
        font-size: 18px;
    }

    .mobile-backdrop[b-m3f9ifnq9h] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 100;
        background: #10152180;
    }

    .mobile-header[b-m3f9ifnq9h] {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        height: 62px;
        padding: 0 20px;
        border-bottom: 1px solid var(--ai-border);
        background: #ffffff;
    }

        .mobile-header button[b-m3f9ifnq9h] {
            border: none;
            background: transparent;
            color: #343748;
            font-size: 23px;
        }

    .mobile-title[b-m3f9ifnq9h] {
        color: #272a3a;
        font-family: Manrope, sans-serif;
        font-size: 15px;
        font-weight: 800;
    }

    .tenant-workspace[b-m3f9ifnq9h] {
        margin-bottom: 22px;
    }
}

/* ============================================
   ACCESSIBILITY
   ============================================ */

@media (prefers-reduced-motion: reduce) {

    .sidebar[b-m3f9ifnq9h],
    .new-chat[b-m3f9ifnq9h],
    .menu-item[b-m3f9ifnq9h] {
        transition: none;
    }
}
/* /Pages/Administration.razor.rz.scp.css */

.admin-page[b-9vrtm9ucyd] {
    min-height: 100%;
    min-height: 100dvh;
    padding: 42px 38px 90px;
    background: #f8f9fc;
    color: #232633;
    overflow-y: auto;
}

.admin-container[b-9vrtm9ucyd] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

.admin-topline[b-9vrtm9ucyd],
.admin-section-heading[b-9vrtm9ucyd],
.agent-card-top[b-9vrtm9ucyd],
.agent-card-footer[b-9vrtm9ucyd],
.editor-heading[b-9vrtm9ucyd],
.editor-card-header[b-9vrtm9ucyd],
.editor-actions[b-9vrtm9ucyd],
.admin-modal-header[b-9vrtm9ucyd],
.admin-modal-actions[b-9vrtm9ucyd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.admin-back[b-9vrtm9ucyd] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: 0;
    color: #747a8e;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 0;
    transition: color .2s ease;
}

    .admin-back:hover[b-9vrtm9ucyd] {
        color: #6953c7;
    }

    .admin-back span[b-9vrtm9ucyd] {
        font-size: 21px;
    }

.admin-restricted[b-9vrtm9ucyd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e7e9f0;
    border-radius: 100px;
    background: #fff;
    color: #798093;
    font-size: 11px;
    font-weight: 650;
    padding: 9px 13px;
}

.admin-lock[b-9vrtm9ucyd] {
    color: #735bd0;
    font-size: 17px;
}

.admin-header[b-9vrtm9ucyd] {
    margin: 50px 0 48px;
    max-width: 760px;
}

.admin-eyebrow[b-9vrtm9ucyd],
.agent-card-type[b-9vrtm9ucyd] {
    display: block;
    color: #866dd6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.admin-header h1[b-9vrtm9ucyd] {
    margin: 13px 0 15px;
    font-size: clamp(33px, 4vw, 46px);
    line-height: 1.15;
    letter-spacing: -1.9px;
    font-weight: 750;
}

.admin-header p[b-9vrtm9ucyd] {
    max-width: 670px;
    margin: 0;
    color: #777e90;
    line-height: 1.8;
    font-size: 14px;
}

.admin-section-heading[b-9vrtm9ucyd] {
    margin-bottom: 25px;
    align-items: end;
}

    .admin-section-heading h2[b-9vrtm9ucyd] {
        margin: 0 0 8px;
        font-size: 22px;
        font-weight: 720;
        letter-spacing: -.7px;
    }

    .admin-section-heading p[b-9vrtm9ucyd] {
        margin: 0;
        color: #858a99;
        font-size: 13px;
    }

.admin-count[b-9vrtm9ucyd] {
    font-size: 12px;
    color: #8c8fa0;
    white-space: nowrap;
}

.admin-card-grid[b-9vrtm9ucyd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.admin-agent-card[b-9vrtm9ucyd] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    min-height: 300px;
    padding: 27px;
    background: #fff;
    border: 1px solid #e9eaf1;
    border-radius: 22px;
    cursor: pointer;
    color: inherit;
    box-shadow: 0 8px 24px rgba(28, 33, 57, .025);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

    .admin-agent-card:hover[b-9vrtm9ucyd] {
        transform: translateY(-4px);
        border-color: #cfc4f5;
        box-shadow: 0 20px 45px rgba(73, 55, 129, .09);
    }

.agent-logo-wrap[b-9vrtm9ucyd] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border: 1px solid #f0eef8;
    border-radius: 18px;
    background: #f9f8fe;
    overflow: hidden;
}

    .agent-logo-wrap img[b-9vrtm9ucyd] {
        width: 82%;
        height: 82%;
        object-fit: contain;
    }

.agent-card-arrow[b-9vrtm9ucyd] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #9a96ab;
    border-radius: 50%;
    background: #f6f6fa;
    font-size: 20px;
    transition: background .2s, color .2s;
}

.admin-agent-card:hover .agent-card-arrow[b-9vrtm9ucyd] {
    background: #7053c7;
    color: #fff;
}

.agent-card-content[b-9vrtm9ucyd] {
    margin-top: 23px;
}

    .agent-card-content h3[b-9vrtm9ucyd] {
        margin: 7px 0 9px;
        font-size: 24px;
        letter-spacing: -.7px;
    }

    .agent-card-content p[b-9vrtm9ucyd] {
        max-width: 370px;
        margin: 0;
        color: #858b9b;
        line-height: 1.65;
        font-size: 13px;
    }

.agent-card-footer[b-9vrtm9ucyd] {
    margin-top: auto;
    padding-top: 26px;
    color: #7561c2;
    font-size: 12px;
    font-weight: 650;
}

.agent-version[b-9vrtm9ucyd] {
    color: #9da1af;
    font-weight: 500;
}

.admin-info-panel[b-9vrtm9ucyd] {
    display: flex;
    gap: 20px;
    margin-top: 32px;
    padding: 25px 28px;
    background: #f1f0fa;
    border: 1px solid #e9e4fa;
    border-radius: 18px;
}

.admin-info-icon[b-9vrtm9ucyd] {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    background: #e5def8;
    border-radius: 12px;
    color: #7252c6;
    font-size: 21px;
}

.admin-info-panel h3[b-9vrtm9ucyd] {
    margin: 0 0 8px;
    font-size: 14px;
}

.admin-info-panel p[b-9vrtm9ucyd] {
    color: #77768c;
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.75;
}

    .admin-info-panel p:last-child[b-9vrtm9ucyd] {
        margin: 0;
    }

.admin-editor-section[b-9vrtm9ucyd] {
    animation: admin-enter-b-9vrtm9ucyd .25s ease;
}

.editor-back[b-9vrtm9ucyd] {
    margin-bottom: 23px;
}

.editor-heading[b-9vrtm9ucyd] {
    margin-bottom: 26px;
    align-items: center;
}

.editor-heading-info[b-9vrtm9ucyd] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.editor-logo[b-9vrtm9ucyd] {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 80px;
    height: 80px;
    border-radius: 21px;
    background: #fff;
    border: 1px solid #eaebf0;
}

    .editor-logo img[b-9vrtm9ucyd] {
        width: 76%;
        height: 76%;
        object-fit: contain;
    }

.editor-heading h2[b-9vrtm9ucyd] {
    font-size: 27px;
    margin: 5px 0;
    letter-spacing: -.8px;
}

.editor-heading p[b-9vrtm9ucyd] {
    color: #898e9e;
    font-size: 12px;
    margin: 0;
    line-height: 1.6;
}

.editor-version-badge[b-9vrtm9ucyd] {
    display: inline-flex;
    white-space: nowrap;
    padding: 9px 13px;
    color: #7063bb;
    background: #efecfa;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
}

.admin-editor-grid[b-9vrtm9ucyd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 22px;
    align-items: start;
}

.admin-editor-card[b-9vrtm9ucyd],
.admin-history-card[b-9vrtm9ucyd] {
    background: #fff;
    border: 1px solid #e9eaf0;
    border-radius: 21px;
    box-shadow: 0 8px 28px rgba(26, 30, 51, .025);
}

.admin-editor-card[b-9vrtm9ucyd] {
    padding: 25px;
    min-width: 0;
}

.editor-card-header[b-9vrtm9ucyd] {
    align-items: start;
    margin-bottom: 20px;
}

    .editor-card-header h3[b-9vrtm9ucyd],
    .history-card-header h3[b-9vrtm9ucyd] {
        margin: 0 0 7px;
        font-size: 16px;
        font-weight: 720;
    }

    .editor-card-header p[b-9vrtm9ucyd],
    .history-card-header p[b-9vrtm9ucyd] {
        margin: 0;
        color: #999dab;
        font-size: 12px;
        line-height: 1.6;
    }

.editor-dirty[b-9vrtm9ucyd] {
    flex-shrink: 0;
    padding: 7px 11px;
    border-radius: 30px;
    background: #f1f7f3;
    color: #4f9970;
    font-size: 10px;
    font-weight: 700;
}

    .editor-dirty.changed[b-9vrtm9ucyd] {
        background: #fff3df;
        color: #b17d23;
    }

.instructions-editor[b-9vrtm9ucyd] {
    display: block;
    width: 100%;
    min-height: 380px;
    padding: 20px;
    resize: vertical;
    background: #fafbfe;
    color: #303344;
    border: 1px solid #e7e9f0;
    border-radius: 14px;
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 12.5px;
    line-height: 1.85;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

    .instructions-editor:focus[b-9vrtm9ucyd] {
        border-color: #9e8ce1;
        box-shadow: 0 0 0 4px rgba(119, 86, 207, .075);
    }

.editor-character-count[b-9vrtm9ucyd] {
    margin: 9px 0 22px;
    color: #a1a5b0;
    font-size: 11px;
    text-align: right;
}

.editor-actions[b-9vrtm9ucyd] {
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.admin-btn-primary[b-9vrtm9ucyd],
.admin-btn-secondary[b-9vrtm9ucyd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    padding: 0 17px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, transform .2s;
}

.admin-btn-primary[b-9vrtm9ucyd] {
    border: 1px solid #7454cd;
    color: #fff;
    background: #7454cd;
}

    .admin-btn-primary:not(:disabled):hover[b-9vrtm9ucyd] {
        background: #6141b5;
        transform: translateY(-1px);
    }

.admin-btn-secondary[b-9vrtm9ucyd] {
    background: #fff;
    border: 1px solid #e3e4ed;
    color: #6f7586;
}

    .admin-btn-secondary:not(:disabled):hover[b-9vrtm9ucyd] {
        background: #f7f7fb;
    }

    .admin-btn-primary:disabled[b-9vrtm9ucyd],
    .admin-btn-secondary:disabled[b-9vrtm9ucyd] {
        cursor: not-allowed;
        opacity: .45;
    }

.editor-warning[b-9vrtm9ucyd] {
    margin-top: 24px;
    padding: 18px;
    background: #fbf9f2;
    border: 1px solid #f1ead7;
    border-radius: 13px;
}

    .editor-warning strong[b-9vrtm9ucyd] {
        display: block;
        margin-bottom: 7px;
        color: #80692f;
        font-size: 12px;
    }

    .editor-warning p[b-9vrtm9ucyd] {
        margin: 0;
        color: #958562;
        font-size: 11.5px;
        line-height: 1.8;
    }

.admin-history-card[b-9vrtm9ucyd] {
    padding: 22px 0;
}

.history-card-header[b-9vrtm9ucyd] {
    display: flex;
    align-items: start;
    gap: 12px;
    padding: 0 21px 21px;
    border-bottom: 1px solid #f0f0f4;
}

.history-icon[b-9vrtm9ucyd] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #f0edfa;
    color: #775cce;
    font-size: 23px;
}

.admin-version-list[b-9vrtm9ucyd] {
    max-height: 490px;
    overflow-y: auto;
}

.admin-version-item[b-9vrtm9ucyd] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 16px 19px;
    border: none;
    border-bottom: 1px solid #f2f2f5;
    background: #fff;
    cursor: pointer;
    text-align: left;
    transition: background .2s;
}

    .admin-version-item:hover[b-9vrtm9ucyd],
    .admin-version-item.selected[b-9vrtm9ucyd] {
        background: #faf8ff;
    }

.version-dot[b-9vrtm9ucyd] {
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    border: 2px solid #bdabe9;
    border-radius: 50%;
}

.admin-version-item:first-child .version-dot[b-9vrtm9ucyd] {
    border-color: #7860cf;
    background: #7860cf;
}

.version-details[b-9vrtm9ucyd] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

    .version-details strong[b-9vrtm9ucyd] {
        color: #3b3d4d;
        font-size: 12px;
    }

    .version-details small[b-9vrtm9ucyd] {
        color: #a0a3b0;
        font-size: 10px;
    }

.version-current[b-9vrtm9ucyd] {
    padding: 5px 8px;
    background: #eff8f2;
    color: #499264;
    border-radius: 7px;
    font-size: 9px;
    font-weight: 700;
}

.version-open[b-9vrtm9ucyd] {
    color: #aa9aca;
}

.history-empty[b-9vrtm9ucyd] {
    padding: 30px 18px;
    color: #9698a7;
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
}

.admin-notice[b-9vrtm9ucyd] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding: 14px 17px;
    border-radius: 12px;
    font-size: 12px;
}

    .admin-notice.success[b-9vrtm9ucyd] {
        background: #edf8f1;
        color: #28764b;
    }

    .admin-notice.error[b-9vrtm9ucyd] {
        background: #fff0ef;
        color: #bd4642;
    }

    .admin-notice button[b-9vrtm9ucyd] {
        margin-left: auto;
        border: 0;
        background: transparent;
        color: inherit;
        font-size: 21px;
        cursor: pointer;
    }

.admin-loading[b-9vrtm9ucyd] {
    padding: 70px;
    color: #989ba8;
    text-align: center;
}

.admin-modal-backdrop[b-9vrtm9ucyd] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(23, 22, 37, .58);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.admin-modal[b-9vrtm9ucyd],
.admin-confirm-modal[b-9vrtm9ucyd] {
    background: #fff;
    color: #252738;
    border-radius: 23px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .2);
    animation: admin-enter-b-9vrtm9ucyd .2s ease;
}

.admin-modal[b-9vrtm9ucyd] {
    width: 100%;
    max-width: 780px;
    padding: 28px;
}

.admin-modal-header[b-9vrtm9ucyd] {
    align-items: start;
    margin-bottom: 22px;
}

    .admin-modal-header h2[b-9vrtm9ucyd] {
        margin: 6px 0;
        font-size: 24px;
    }

    .admin-modal-header p[b-9vrtm9ucyd] {
        margin: 0;
        color: #9295a3;
        font-size: 12px;
    }

.modal-close[b-9vrtm9ucyd] {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    background: #f4f4f8;
    border: 0;
    border-radius: 10px;
    color: #7e8190;
    font-size: 23px;
    cursor: pointer;
}

.version-preview-text[b-9vrtm9ucyd] {
    width: 100%;
    height: min(55vh, 450px);
    padding: 20px;
    resize: none;
    border: 1px solid #e9eaf0;
    border-radius: 13px;
    outline: none;
    background: #f9fafc;
    color: #3e4152;
    font-family: Consolas, monospace;
    font-size: 12px;
    line-height: 1.8;
}

.admin-modal-actions[b-9vrtm9ucyd] {
    justify-content: flex-end;
    margin-top: 22px;
    flex-wrap: wrap;
}

.admin-confirm-modal[b-9vrtm9ucyd] {
    max-width: 430px;
    width: 100%;
    padding: 30px;
}

.confirm-icon[b-9vrtm9ucyd] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 15px;
    background: #efebfa;
    color: #7454c9;
    font-size: 28px;
}

.admin-confirm-modal h2[b-9vrtm9ucyd] {
    margin: 20px 0 12px;
    font-size: 22px;
}

.admin-confirm-modal p[b-9vrtm9ucyd] {
    color: #868b9a;
    font-size: 13px;
    line-height: 1.75;
}

@keyframes admin-enter-b-9vrtm9ucyd {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1050px) {
    .admin-page[b-9vrtm9ucyd] {
        padding: 32px 24px 70px;
    }

    .admin-editor-grid[b-9vrtm9ucyd] {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-history-card[b-9vrtm9ucyd] {
        width: 100%;
    }

    .admin-version-list[b-9vrtm9ucyd] {
        max-height: 300px;
    }
}

@media (max-width: 650px) {
    .admin-page[b-9vrtm9ucyd] {
        padding: 25px 17px 70px;
    }

    .admin-restricted[b-9vrtm9ucyd] {
        font-size: 9px;
        padding: 8px;
    }

    .admin-header[b-9vrtm9ucyd] {
        margin: 37px 0 35px;
    }

    .admin-card-grid[b-9vrtm9ucyd] {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .admin-agent-card[b-9vrtm9ucyd] {
        min-height: 260px;
        padding: 22px;
    }

    .admin-section-heading[b-9vrtm9ucyd] {
        align-items: start;
    }

        .admin-section-heading p[b-9vrtm9ucyd] {
            line-height: 1.5;
        }

    .admin-info-panel[b-9vrtm9ucyd] {
        padding: 18px;
        gap: 13px;
    }

    .editor-heading[b-9vrtm9ucyd] {
        align-items: start;
        flex-direction: column;
    }

    .editor-heading-info[b-9vrtm9ucyd] {
        gap: 14px;
    }

    .editor-logo[b-9vrtm9ucyd] {
        width: 65px;
        height: 65px;
    }

    .editor-heading h2[b-9vrtm9ucyd] {
        font-size: 23px;
    }

    .admin-editor-card[b-9vrtm9ucyd] {
        padding: 17px;
    }

    .editor-card-header[b-9vrtm9ucyd] {
        align-items: start;
        flex-direction: column;
    }

    .instructions-editor[b-9vrtm9ucyd] {
        min-height: 340px;
        font-size: 12px;
        padding: 14px;
    }

    .admin-btn-primary[b-9vrtm9ucyd],
    .admin-btn-secondary[b-9vrtm9ucyd] {
        flex: 1;
    }

    .admin-modal[b-9vrtm9ucyd] {
        padding: 19px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-agent-card[b-9vrtm9ucyd],
    .admin-btn-primary[b-9vrtm9ucyd],
    .admin-editor-section[b-9vrtm9ucyd],
    .admin-modal[b-9vrtm9ucyd] {
        animation: none;
        transition: none;
    }
}
/* /Pages/ForgotPassword.razor.rz.scp.css */

.reset-page[b-sh4q2euf8y] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: #f6f8fb;
    font-family: inherit;
}

.reset-card[b-sh4q2euf8y] {
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
    padding: 48px;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 22px;
    box-shadow: 0 16px 60px rgba(0, 0, 0, .04);
}

.reset-logo[b-sh4q2euf8y] {
    display: block;
    max-width: 160px;
    max-height: 64px;
    object-fit: contain;
    margin-bottom: 38px;
}

.reset-eyebrow[b-sh4q2euf8y] {
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 1.8px;
    color: #7b8794;
    margin-bottom: 12px;
}

.reset-card h1[b-sh4q2euf8y] {
    font-size: clamp(26px, 5vw, 34px);
    font-weight: 750;
    letter-spacing: -1.2px;
    margin: 0 0 15px;
    color: #202a36;
}

    .reset-card h1 span[b-sh4q2euf8y] {
        color: #4388f1;
    }

.reset-description[b-sh4q2euf8y] {
    line-height: 1.8;
    color: #778390;
    font-size: 14px;
    margin-bottom: 32px;
}

.reset-card form[b-sh4q2euf8y] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reset-card label[b-sh4q2euf8y] {
    font-size: 13px;
    font-weight: 650;
    color: #303b48;
}

.reset-card input[b-sh4q2euf8y] {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 17px;
    border: 1px solid #dfe5ec;
    background: #fafbfd;
    color: #202a36;
    border-radius: 11px;
    font: inherit;
    font-size: 14px;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

    .reset-card input:focus[b-sh4q2euf8y] {
        border-color: #4388f1;
        box-shadow: 0 0 0 3px rgba(67, 136, 241, .1);
    }

.reset-submit[b-sh4q2euf8y] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 16px 20px;
    background: #263c58;
    color: #fff;
    border: none;
    border-radius: 11px;
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s, transform .2s;
}

    .reset-submit:hover[b-sh4q2euf8y] {
        background: #345578;
        color: #fff;
        transform: translateY(-1px);
    }

    .reset-submit:disabled[b-sh4q2euf8y] {
        opacity: .65;
        cursor: not-allowed;
        transform: none;
    }

.reset-back[b-sh4q2euf8y] {
    display: block;
    margin-top: 26px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #64758a;
}

    .reset-back:hover[b-sh4q2euf8y] {
        color: #4388f1;
    }

.reset-message[b-sh4q2euf8y] {
    font-size: 13px;
    line-height: 1.6;
    color: #c34b4b;
    margin-top: 10px;
}

@media (max-width: 540px) {
    .reset-page[b-sh4q2euf8y] {
        padding: 10vh 16px 16px;
        align-items: flex-start;
    }

    .reset-card[b-sh4q2euf8y] {
        padding: 32px 24px;
        border-radius: 17px;
    }
}
/* /Pages/Home.razor.rz.scp.css */

.chat-page[b-xhh10is277] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    background: radial-gradient(ellipse at 50% 25%, rgba(232,228,255,.28), transparent 52%), var(--ai-bg);
}

/* Header */

.chat-header[b-xhh10is277] {
    flex-shrink: 0;
    height: 81px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 39px;
    border-bottom: 1px solid #edf0f5;
    background: rgba(255,255,255,.65);
}

.header-assistant[b-xhh10is277] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.header-logo[b-xhh10is277] {
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex-shrink: 0;
}

.header-assistant > div[b-xhh10is277] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.header-assistant strong[b-xhh10is277] {
    color: #2b2e3e;
    font-size: 14px;
    font-weight: 700;
}

.header-assistant span[b-xhh10is277] {
    color: #979caa;
    font-size: 11px;
}

.header-tag[b-xhh10is277] {
    padding: 8px 12px;
    color: #8d80ca;
    border: 1px solid #e7e2f8;
    background: #f5f2ff;
    border-radius: 40px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

/* Content */

.chat-scroll[b-xhh10is277] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #d7d9e2 transparent;
    scrollbar-width: thin;
}

.welcome[b-xhh10is277] {
    width: min(100%, 850px);
    margin: auto;
    padding: 35px 28px 45px;
    text-align: center;
}

.welcome-icon[b-xhh10is277] {
    display: grid;
    place-items: center;
    margin: 0 auto 22px;
    width: 92px;
    height: 92px;
    border-radius: 28px;
    background: #f1eeff;
    border: 1px solid #ebe5ff;
    box-shadow: 0 12px 35px rgba(103,91,176,.075);
}

    .welcome-icon img[b-xhh10is277] {
        display: block;
        width: 75px;
        height: 75px;
        object-fit: contain;
    }

.welcome-eyebrow[b-xhh10is277] {
    margin-bottom: 18px;
    color: #8979c5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.welcome h1[b-xhh10is277] {
    margin: 0 0 6px;
    color: #252838;
    font-size: clamp(35px, 4vw, 49px);
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.2;
}

.welcome h2[b-xhh10is277] {
    margin: 0;
    color: #7467c8;
    font-size: clamp(20px, 2.5vw, 29px);
    font-weight: 600;
    letter-spacing: -1px;
}

.welcome > p[b-xhh10is277] {
    max-width: 450px;
    margin: 20px auto 35px;
    color: #9197a5;
    font-size: 14px;
    line-height: 1.8;
}

/* Schnellaktionen */

.suggestions[b-xhh10is277] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
    max-width: 660px;
    margin: 0 auto;
}

    .suggestions button[b-xhh10is277] {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
        min-height: 83px;
        padding: 17px;
        border: 1px solid #e8e9ef;
        border-radius: 15px;
        background: #ffffff;
        color: var(--ai-text);
        text-align: left;
        box-shadow: 0 4px 18px rgba(25,27,48,.025);
        transition: border-color .2s, box-shadow .2s, transform .2s;
    }

        .suggestions button:hover[b-xhh10is277] {
            border-color: #cfc7f6;
            box-shadow: 0 10px 30px rgba(84,73,146,.075);
            transform: translateY(-2px);
        }

.suggestion-icon[b-xhh10is277] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #f2efff;
    color: #796ad0;
}

    .suggestion-icon svg[b-xhh10is277] {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.suggestion-content[b-xhh10is277] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

    .suggestion-content strong[b-xhh10is277] {
        color: #303243;
        font-size: 12px;
        font-weight: 700;
    }

    .suggestion-content small[b-xhh10is277] {
        color: #9a9fad;
        font-size: 11px;
    }

.suggestion-arrow[b-xhh10is277] {
    margin-left: auto;
    color: #bab9c8;
    font-size: 18px;
}

/* Chatverlauf */

.conversation[b-xhh10is277] {
    width: min(100%, 820px);
    min-width: 0;
    margin: 0 auto;
    padding: 35px 28px 60px;
}

.message-row[b-xhh10is277] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 28px;
}

.message-bubble[b-xhh10is277] {
    max-width: 82%;
    min-width: 0;
    padding: 15px 19px;
    border: 1px solid #e8e4f5;
    border-radius: 17px 17px 5px 17px;
    background: #eeebf9;
    color: #363147;
    font-size: 14px;
    line-height: 1.75;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: normal;
}

/* Andreas Antworten */

.assistant-preview[b-xhh10is277] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
    min-width: 0;
    padding: 10px 0 25px;
}

    .assistant-preview > img[b-xhh10is277] {
        width: 36px;
        height: 36px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .assistant-preview > div[b-xhh10is277] {
        flex: 1 1 0;
        min-width: 0;
        max-width: 100%;
    }

        .assistant-preview > div > strong[b-xhh10is277] {
            display: block;
            margin: 3px 0 9px;
            font-size: 13px;
            font-weight: 700;
            color: #2b2d40;
        }

/* Markdown Darstellung
   ::deep unterstützt Blazor CSS-Isolation */

.chat-markdown[b-xhh10is277] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    color: #747b8b;
    font-size: 14px;
    line-height: 1.75;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

    .chat-markdown[b-xhh10is277]  p {
        margin: 0 0 10px;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        max-width: none;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
    }

        .chat-markdown[b-xhh10is277]  p:last-child {
            margin-bottom: 0;
        }

    .chat-markdown[b-xhh10is277]  h1,
    .chat-markdown[b-xhh10is277]  h2,
    .chat-markdown[b-xhh10is277]  h3,
    .chat-markdown[b-xhh10is277]  h4 {
        color: #343447;
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: normal;
        overflow-wrap: break-word;
    }

    .chat-markdown[b-xhh10is277]  h1 {
        margin: 18px 0 10px;
        font-size: 20px;
    }

    .chat-markdown[b-xhh10is277]  h2 {
        margin: 17px 0 9px;
        font-size: 17px;
    }

    .chat-markdown[b-xhh10is277]  h3 {
        margin: 15px 0 8px;
        font-size: 15px;
    }

    .chat-markdown[b-xhh10is277]  h4 {
        margin: 13px 0 7px;
        font-size: 14px;
    }

        .chat-markdown[b-xhh10is277]  h1:first-child,
        .chat-markdown[b-xhh10is277]  h2:first-child,
        .chat-markdown[b-xhh10is277]  h3:first-child,
        .chat-markdown[b-xhh10is277]  h4:first-child {
            margin-top: 0;
        }

    .chat-markdown[b-xhh10is277]  strong,
    .chat-markdown[b-xhh10is277]  b {
        color: #424052;
        font-weight: 700;
    }

    .chat-markdown[b-xhh10is277]  em {
        font-style: italic;
    }

    .chat-markdown[b-xhh10is277]  ul,
    .chat-markdown[b-xhh10is277]  ol {
        margin: 7px 0 12px;
        padding-left: 24px;
        list-style-position: outside;
    }

    .chat-markdown[b-xhh10is277]  ul {
        list-style-type: disc;
    }

    .chat-markdown[b-xhh10is277]  ol {
        list-style-type: decimal;
    }

    .chat-markdown[b-xhh10is277]  li {
        margin: 3px 0;
        padding-left: 2px;
        line-height: 1.65;
    }

        .chat-markdown[b-xhh10is277]  li > p {
            margin: 0 0 4px;
        }

        .chat-markdown[b-xhh10is277]  li > ul,
        .chat-markdown[b-xhh10is277]  li > ol {
            margin: 4px 0 7px;
        }

    .chat-markdown[b-xhh10is277]  a {
        color: #7464c5;
        text-decoration: underline;
        text-underline-offset: 3px;
        overflow-wrap: break-word;
    }

        .chat-markdown[b-xhh10is277]  a:hover {
            color: #5849b2;
        }

    .chat-markdown[b-xhh10is277]  blockquote {
        margin: 12px 0;
        padding: 8px 15px;
        border-left: 3px solid #b5a9ed;
        background: rgba(241,238,255,.6);
        border-radius: 0 8px 8px 0;
        color: #666579;
    }

        .chat-markdown[b-xhh10is277]  blockquote p {
            margin: 0 0 6px;
        }

            .chat-markdown[b-xhh10is277]  blockquote p:last-child {
                margin-bottom: 0;
            }

    /* Inline Code */

    .chat-markdown[b-xhh10is277]  :not(pre) > code {
        padding: 2px 5px;
        border-radius: 5px;
        background: #f0eef7;
        color: #5e51a9;
        font-size: .92em;
        overflow-wrap: anywhere;
    }

    /* Codeblöcke */

    .chat-markdown[b-xhh10is277]  pre {
        display: block;
        max-width: 100%;
        margin: 12px 0;
        padding: 14px 16px;
        border-radius: 11px;
        background: #202335;
        color: #eef0f9;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: pre;
        line-height: 1.55;
        font-size: 12px;
        tab-size: 4;
    }

        .chat-markdown[b-xhh10is277]  pre code {
            padding: 0;
            border: none;
            background: transparent;
            color: inherit;
            font-size: inherit;
            white-space: pre;
            word-break: normal;
            overflow-wrap: normal;
        }

    /* Tabellen */

    .chat-markdown[b-xhh10is277]  table {
        display: block;
        max-width: 100%;
        margin: 12px 0;
        border-collapse: collapse;
        overflow-x: auto;
        font-size: 13px;
    }

    .chat-markdown[b-xhh10is277]  th,
    .chat-markdown[b-xhh10is277]  td {
        padding: 9px 12px;
        border: 1px solid #e5e3ef;
        text-align: left;
        vertical-align: top;
        white-space: normal;
    }

    .chat-markdown[b-xhh10is277]  th {
        background: #f4f1fc;
        color: #454055;
        font-weight: 700;
    }

    .chat-markdown[b-xhh10is277]  tr:nth-child(even) {
        background: rgba(247,246,252,.6);
    }

    /* Trennlinien */

    .chat-markdown[b-xhh10is277]  hr {
        margin: 18px 0;
        border: 0;
        border-top: 1px solid #e5e3ed;
    }

    /* Bilder */

    .chat-markdown[b-xhh10is277]  img {
        display: block;
        max-width: 100%;
        height: auto;
        border-radius: 9px;
    }

/* Audio */

.assistant-preview audio[b-xhh10is277] {
    display: block;
    width: 100%;
    max-width: 450px;
    margin-top: 13px;
}

/* Composer */

.composer-area[b-xhh10is277] {
    flex-shrink: 0;
    width: min(100%, 860px);
    margin: 0 auto;
    padding: 12px 25px 23px;
}

.composer[b-xhh10is277] {
    border: 1px solid #dcdeea;
    border-radius: 19px;
    background: #fff;
    padding: 16px 17px 12px;
    box-shadow: 0 10px 42px rgba(28,32,55,.055), 0 2px 8px rgba(28,32,55,.025);
    transition: border-color .2s, box-shadow .2s;
}

    .composer:focus-within[b-xhh10is277] {
        border-color: #b6acec;
        box-shadow: 0 12px 45px rgba(81,71,147,.08), 0 0 0 3px rgba(121,106,208,.05);
    }

    .composer textarea[b-xhh10is277] {
        display: block;
        width: 100%;
        min-height: 68px;
        max-height: 200px;
        border: none;
        resize: vertical;
        outline: none;
        color: #303344;
        background: transparent;
        font-size: 14px;
        line-height: 1.7;
    }

        .composer textarea[b-xhh10is277]::placeholder {
            color: #a7acb8;
        }

.composer-actions[b-xhh10is277],
.composer-left[b-xhh10is277],
.composer-right[b-xhh10is277] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.composer-actions[b-xhh10is277] {
    justify-content: space-between;
}

.icon-button[b-xhh10is277] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 39px;
    height: 39px;
    border: none;
    border-radius: 11px;
    background: transparent;
    color: #818899;
    transition: background .2s, color .2s;
}

    .icon-button:hover[b-xhh10is277] {
        color: #6e60c6;
        background: #f1effa;
    }

    .icon-button svg[b-xhh10is277],
    .send-button svg[b-xhh10is277] {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.composer-divider[b-xhh10is277] {
    height: 19px;
    width: 1px;
    background: #e6e7ee;
}

.composer-label[b-xhh10is277] {
    margin-left: 4px;
    color: #9b97b0;
    font-size: 12px;
    font-weight: 600;
}

.mic-button[b-xhh10is277] {
    width: 42px;
    height: 42px;
}

.send-button[b-xhh10is277] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 12px;
    background: #796ad6;
    color: #ffffff;
    transition: background .2s, transform .2s;
}

    .send-button:not(:disabled):hover[b-xhh10is277] {
        background: #6251c5;
        transform: translateY(-1px);
    }

    .send-button:disabled[b-xhh10is277] {
        opacity: .5;
        cursor: not-allowed;
    }

.composer-note[b-xhh10is277] {
    margin-top: 12px;
    text-align: center;
    color: #a8adba;
    font-size: 10px;
}

/* Ladeanimation */

.thinking[b-xhh10is277] {
    color: #8173ca !important;
    animation: thinking-pulse-b-xhh10is277 1.8s ease-in-out infinite;
}

@keyframes thinking-pulse-b-xhh10is277 {
    0%, 100% {
        opacity: .5;
    }

    50% {
        opacity: 1;
    }
}

/* Tablet */

@media (max-width: 850px) {
    .chat-header[b-xhh10is277] {
        height: 65px;
        padding: 0 20px;
    }
}

/* Mobile */

@media (max-width: 650px) {
    .chat-header[b-xhh10is277] {
        height: 59px;
    }

    .header-tag[b-xhh10is277] {
        display: none;
    }

    .welcome[b-xhh10is277] {
        padding: 20px 18px 32px;
    }

    .welcome-icon[b-xhh10is277] {
        width: 72px;
        height: 72px;
        border-radius: 20px;
        margin-bottom: 16px;
    }

        .welcome-icon img[b-xhh10is277] {
            width: 62px;
            height: 62px;
        }

    .welcome h1[b-xhh10is277] {
        font-size: 34px;
        letter-spacing: -1.5px;
    }

    .welcome h2[b-xhh10is277] {
        font-size: 20px;
    }

    .welcome > p[b-xhh10is277] {
        margin: 14px auto 22px;
        font-size: 12px;
    }

    .suggestions[b-xhh10is277] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

        .suggestions button[b-xhh10is277] {
            min-height: 67px;
            padding: 11px 13px;
        }

    .suggestion-icon[b-xhh10is277] {
        width: 39px;
        height: 39px;
    }

    .composer-area[b-xhh10is277] {
        padding: 9px 12px 14px;
    }

    .composer[b-xhh10is277] {
        padding: 12px 12px 9px;
        border-radius: 16px;
    }

        .composer textarea[b-xhh10is277] {
            min-height: 55px;
        }

    .mic-button[b-xhh10is277],
    .send-button[b-xhh10is277] {
        height: 44px;
        width: 44px;
    }

    .conversation[b-xhh10is277] {
        padding: 22px 16px 40px;
    }

    .message-bubble[b-xhh10is277] {
        max-width: 90%;
    }

    .assistant-preview[b-xhh10is277] {
        gap: 10px;
        padding-bottom: 20px;
    }

        .assistant-preview > img[b-xhh10is277] {
            width: 30px;
            height: 30px;
        }

    .chat-markdown[b-xhh10is277] {
        font-size: 13px;
        line-height: 1.65;
    }

        .chat-markdown[b-xhh10is277]  h1 {
            font-size: 18px;
        }

        .chat-markdown[b-xhh10is277]  h2 {
            font-size: 16px;
        }

        .chat-markdown[b-xhh10is277]  pre {
            padding: 12px;
            font-size: 11px;
        }

        .chat-markdown[b-xhh10is277]  ul,
        .chat-markdown[b-xhh10is277]  ol {
            padding-left: 21px;
        }
}

/* Barrierefreiheit */

@media (prefers-reduced-motion: reduce) {
    .thinking[b-xhh10is277] {
        animation: none;
    }

    .suggestions button[b-xhh10is277],
    .send-button[b-xhh10is277] {
        transition: none;
    }
}
/* /Pages/Login.razor.rz.scp.css */

.login-shell[b-llyvu3w4wk] {
    display: grid;
    grid-template-columns: 55% 45%;
    min-height: 100vh;
    min-height: 100dvh;
}

.login-brand[b-llyvu3w4wk] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 42px 56px 35px;
    isolation: isolate;
    background: radial-gradient(ellipse at 50% 40%, #27225a 0%, transparent 47%), radial-gradient(ellipse at 5% 90%, #162444 0%, transparent 45%), #0b1020;
}

    .login-brand[b-llyvu3w4wk]::after {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .13;
        pointer-events: none;
        background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px);
        background-size: 56px 56px;
        mask-image: linear-gradient(to bottom, transparent, black, transparent);
        z-index: -1;
    }

.wordmark[b-llyvu3w4wk] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    font-family: 'Manrope', sans-serif;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.brand-mark[b-llyvu3w4wk] {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #a499ff, #6252cd);
    box-shadow: 0 8px 35px #8572ff40;
    font-size: 30px;
}

.brand-dot[b-llyvu3w4wk],
.login-card h2 span[b-llyvu3w4wk] {
    color: #968aff;
}

.brand-stage[b-llyvu3w4wk] {
    width: 100%;
    max-width: 660px;
    margin: auto 0;
    padding: 20px 0 45px;
}

.orb-scene[b-llyvu3w4wk] {
    position: relative;
    height: clamp(210px, 30vh, 330px);
    display: grid;
    place-items: center;
    perspective: 800px;
}

.orb-halo[b-llyvu3w4wk] {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: #8072ff;
    filter: blur(95px);
    opacity: .25;
    animation: breathe-b-llyvu3w4wk 5s ease-in-out infinite alternate;
}

.orb[b-llyvu3w4wk] {
    width: clamp(160px, 18vw, 240px);
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
    background: radial-gradient(circle at 29% 24%, #ecedff 0%, transparent 23%), radial-gradient(circle at 65% 68%, #3c338d 0%, transparent 48%), conic-gradient(from 45deg, #5544c9, #b4a4ff, #5cbbfa, #6057cb, #a89aff);
    box-shadow: inset -22px -25px 40px #17144580, inset 14px 12px 35px #ffffff66, 0 0 55px #8675ff66, 0 0 120px #7164ff33;
    animation: float-b-llyvu3w4wk 7s ease-in-out infinite;
}

    .orb[b-llyvu3w4wk]::after {
        content: "";
        position: absolute;
        inset: 8%;
        border-radius: 50%;
        border: 1px solid #ffffff44;
        transform: rotate(-25deg) scaleX(.7);
    }

.orb-light[b-llyvu3w4wk] {
    position: absolute;
    bottom: 20px;
    width: 230px;
    height: 25px;
    background: #8c80ff;
    filter: blur(32px);
    opacity: .35;
}

.brand-tag[b-llyvu3w4wk] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    border-radius: 40px;
    background: #a495ff15;
    border: 1px solid #afa3ff33;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #beb6ff;
    margin-bottom: 22px;
}

.status-dot[b-llyvu3w4wk] {
    width: 7px;
    height: 7px;
    background: #a79cff;
    border-radius: 50%;
    box-shadow: 0 0 12px #a79cff;
}

.brand-stage h1[b-llyvu3w4wk] {
    margin: 0;
    font-size: clamp(38px, 4vw, 63px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -2.6px;
}

    .brand-stage h1 span[b-llyvu3w4wk] {
        background: linear-gradient(90deg, #eeeaff, #a79aff 65%, #6cceff);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
    }

.brand-stage p[b-llyvu3w4wk] {
    max-width: 480px;
    margin: 22px 0 26px;
    font-size: 16px;
    line-height: 1.8;
    color: #aeb6ca;
}

.feature-chips[b-llyvu3w4wk] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

    .feature-chips span[b-llyvu3w4wk] {
        font-size: 12px;
        padding: 9px 12px;
        border: 1px solid #ffffff1d;
        border-radius: 30px;
        color: #c9cbe0;
        background: #ffffff08;
    }

.brand-bottom[b-llyvu3w4wk] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    color: #818ca8;
    font-size: 12px;
}

    .brand-bottom a:hover[b-llyvu3w4wk] {
        color: white;
    }

.login-area[b-llyvu3w4wk] {
    background: #f7f8fc;
    color: #171b2b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 35px 25px;
}

.login-card[b-llyvu3w4wk] {
    width: 100%;
    max-width: 408px;
    margin: auto 0;
}

.welcome-icon[b-llyvu3w4wk] {
    display: grid;
    place-items: center;
    width: auto;
    height: auto;
    margin-bottom: 30px;
    border-radius: 0px;
    color: #7364ec;
    font-size: 37px;
    background: transparent;
}

.welcome-eyebrow[b-llyvu3w4wk] {
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 800;
    color: #8273d2;
    margin-bottom: 14px;
}

.login-card h2[b-llyvu3w4wk] {
    margin: 0;
    font-size: clamp(27px, 2.5vw, 36px);
    letter-spacing: -1.6px;
    font-weight: 800;
}

.welcome-description[b-llyvu3w4wk] {
    color: #8c93a4;
    line-height: 1.7;
    font-size: 14px;
    margin: 12px 0 38px;
}

.field[b-llyvu3w4wk] {
    margin-bottom: 20px;
}

    .field label[b-llyvu3w4wk] {
        display: block;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .field input[b-llyvu3w4wk] {
        display: block;
        width: 100%;
        height: 54px;
        border: 1px solid #e0e3ec;
        border-radius: 12px;
        background: white;
        padding: 0 16px;
        color: #171b2b;
        outline: none;
        transition: border-color .2s, box-shadow .2s;
    }

        .field input:focus[b-llyvu3w4wk] {
            border-color: #9083f6;
            box-shadow: 0 0 0 4px #9083f619;
        }

        .field input[b-llyvu3w4wk]::placeholder {
            color: #b1b7c4;
        }

.field-heading[b-llyvu3w4wk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .field-heading a[b-llyvu3w4wk] {
        color: #7768df;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 10px;
    }

.password-wrap[b-llyvu3w4wk] {
    position: relative;
}

    .password-wrap input[b-llyvu3w4wk] {
        padding-right: 90px;
    }

.show-password[b-llyvu3w4wk] {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 12px;
    color: #7b8190;
}

.login-submit[b-llyvu3w4wk] {
    width: 100%;
    height: 56px;
    background: #17192d;
    color: white;
    border: none;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin-top: 28px;
    font-size: 14px;
    font-weight: 700;
    transition: background .2s, transform .2s, box-shadow .2s;
}

    .login-submit:hover[b-llyvu3w4wk] {
        background: #6657d6;
        transform: translateY(-2px);
        box-shadow: 0 12px 32px #7767d536;
    }

    .login-submit span:last-child[b-llyvu3w4wk] {
        font-size: 23px;
        font-weight: 400;
    }

.form-message[b-llyvu3w4wk] {
    font-size: 12px;
    color: #7162c4;
}

.login-help[b-llyvu3w4wk] {
    margin-top: 42px;
    text-align: center;
    color: #888f9e;
    font-size: 12px;
}

    .login-help a[b-llyvu3w4wk] {
        color: #7162d9;
        font-weight: 700;
    }

.login-legal[b-llyvu3w4wk] {
    display: flex;
    gap: 10px;
    color: #a2a7b2;
    font-size: 11px;
}

    .login-legal a[b-llyvu3w4wk] {
        color: #555e74;
        font-weight: 700;
    }

.login-mobile-logo[b-llyvu3w4wk] {
    display: none;
}

/* Andreas Logo – Branding */

.login-brand-logo[b-llyvu3w4wk] {
    display: block;
    width: 245px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.login-form-logo[b-llyvu3w4wk] {
    display: block;
    width: 185px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Mobile Branding */

.login-mobile-logo img[b-llyvu3w4wk] {
    display: block;
    width: 180px;
    max-width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .login-mobile-logo[b-llyvu3w4wk] {
        display: block;
        margin-bottom: 45px;
    }
}

@keyframes float-b-llyvu3w4wk {
    0%, 100% {
        transform: translateY(0) rotate(-8deg);
    }

    50% {
        transform: translateY(-13px) rotate(8deg);
    }
}

@keyframes breathe-b-llyvu3w4wk {
    from {
        opacity: .18;
        transform: scale(.9);
    }

    to {
        opacity: .35;
        transform: scale(1.12);
    }
}

@media (max-width: 900px) {
    .login-shell[b-llyvu3w4wk] {
        grid-template-columns: 1fr;
    }

    .login-brand[b-llyvu3w4wk] {
        min-height: 320px;
        padding: 25px 30px;
    }

    .orb-scene[b-llyvu3w4wk] {
        display: none;
    }

    .brand-stage[b-llyvu3w4wk] {
        padding: 55px 0;
    }

        .brand-stage h1[b-llyvu3w4wk] {
            font-size: 38px;
            letter-spacing: -1.6px;
        }

    .login-area[b-llyvu3w4wk] {
        min-height: 550px;
    }

    .brand-bottom[b-llyvu3w4wk] {
        display: none;
    }
}

@media (max-width: 600px) {
    .login-brand[b-llyvu3w4wk] {
        display: none;
    }

    .login-area[b-llyvu3w4wk] {
        min-height: 100dvh;
        padding: 30px 25px 22px;
    }

    .login-mobile-logo[b-llyvu3w4wk] {
        display: block;
        align-self: flex-start;
        margin-bottom: 60px;
        font-size: 23px;
        font-weight: 800;
        color: #6e5fda;
    }

    .login-card[b-llyvu3w4wk] {
        margin: auto 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .orb[b-llyvu3w4wk], .orb-halo[b-llyvu3w4wk] {
        animation: none;
    }
}
/* /Pages/ResetPassword.razor.rz.scp.css */

.reset-page[b-kdyjest0dg] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: #f6f8fb;
    font-family: inherit;
}

.reset-card[b-kdyjest0dg] {
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
    padding: 48px;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 22px;
    box-shadow: 0 16px 60px rgba(0, 0, 0, .04);
}

.reset-logo[b-kdyjest0dg] {
    display: block;
    max-width: 160px;
    max-height: 64px;
    object-fit: contain;
    margin-bottom: 38px;
}

.reset-eyebrow[b-kdyjest0dg] {
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 1.8px;
    color: #7b8794;
    margin-bottom: 12px;
}

.reset-card h1[b-kdyjest0dg] {
    font-size: clamp(26px, 5vw, 34px);
    font-weight: 750;
    letter-spacing: -1.2px;
    margin: 0 0 15px;
    color: #202a36;
}

    .reset-card h1 span[b-kdyjest0dg] {
        color: #4388f1;
    }

.reset-description[b-kdyjest0dg] {
    line-height: 1.8;
    color: #778390;
    font-size: 14px;
    margin-bottom: 32px;
}

.reset-card form[b-kdyjest0dg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reset-card label[b-kdyjest0dg] {
    font-size: 13px;
    font-weight: 650;
    color: #303b48;
}

.reset-card input[b-kdyjest0dg] {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 17px;
    border: 1px solid #dfe5ec;
    background: #fafbfd;
    color: #202a36;
    border-radius: 11px;
    font: inherit;
    font-size: 14px;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

    .reset-card input:focus[b-kdyjest0dg] {
        border-color: #4388f1;
        box-shadow: 0 0 0 3px rgba(67, 136, 241, .1);
    }

.reset-submit[b-kdyjest0dg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 16px 20px;
    background: #263c58;
    color: #fff;
    border: none;
    border-radius: 11px;
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s, transform .2s;
}

    .reset-submit:hover[b-kdyjest0dg] {
        background: #345578;
        color: #fff;
        transform: translateY(-1px);
    }

    .reset-submit:disabled[b-kdyjest0dg] {
        opacity: .65;
        cursor: not-allowed;
        transform: none;
    }

.reset-back[b-kdyjest0dg] {
    display: block;
    margin-top: 26px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #64758a;
}

    .reset-back:hover[b-kdyjest0dg] {
        color: #4388f1;
    }

.reset-message[b-kdyjest0dg] {
    font-size: 13px;
    line-height: 1.6;
    color: #c34b4b;
    margin-top: 10px;
}

@media (max-width: 540px) {
    .reset-page[b-kdyjest0dg] {
        padding: 10vh 16px 16px;
        align-items: flex-start;
    }

    .reset-card[b-kdyjest0dg] {
        padding: 32px 24px;
        border-radius: 17px;
    }
}