/* Herzschild Talk Version5.0 Build3: category and question choice panels */

#herzschild-talk-app .ht-category-message,
#herzschild-talk-app .ht-question-window {
    align-items:flex-start;
}

#herzschild-talk-app .ht-category-message .ht-message-body,
#herzschild-talk-app .ht-question-window .ht-message-body {
    width:min(76%, calc(100% - 54px));
    max-width:min(76%, calc(100% - 54px));
}

#herzschild-talk-app .ht-choice-panel,
#herzschild-talk-app .ht-question-window .ht-message-bubble {
    width:100%;
    padding:6px 16px;
}

#herzschild-talk-app .ht-category-choice-list,
#herzschild-talk-app .ht-question-list {
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
}

#herzschild-talk-app .ht-category-choice,
#herzschild-talk-app .ht-question-button {
    display:flex !important;
    align-items:center;
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    height:auto !important;
    margin:0 !important;
    padding:12px 4px !important;
    border:0 !important;
    border-bottom:1px solid #e8ebf0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#303030 !important;
    box-shadow:none !important;
    font:inherit !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
    text-align:left !important;
    text-decoration:none !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
}

#herzschild-talk-app .ht-category-choice::after,
#herzschild-talk-app .ht-question-button::after {
    margin-left:auto;
    padding-left:12px;
    color:#8490a3;
    content:"›";
    font-size:21px;
    font-weight:400;
    line-height:1;
}

#herzschild-talk-app .ht-category-choice:last-child,
#herzschild-talk-app .ht-question-button:last-child {
    border-bottom:0 !important;
}

#herzschild-talk-app .ht-category-choice:hover,
#herzschild-talk-app .ht-category-choice:focus-visible,
#herzschild-talk-app .ht-question-button:hover,
#herzschild-talk-app .ht-question-button:focus-visible,
#herzschild-talk-app .ht-question-button.is-selected {
    background:#f1f4ff !important;
    color:#4059da !important;
}

#herzschild-talk-app .ht-category-choice:focus-visible,
#herzschild-talk-app .ht-question-button:focus-visible {
    outline:2px solid #526df6;
    outline-offset:-2px;
}

#herzschild-talk-app .ht-category-choice:active,
#herzschild-talk-app .ht-question-button:active {
    background:#e7ebff !important;
}

#herzschild-talk-app .ht-question-button:disabled {
    opacity:.55;
    cursor:not-allowed;
    pointer-events:none;
}

#herzschild-talk-app .ht-no-question {
    width:100%;
    padding:16px;
    border:1px dashed #d9d9d9;
    border-radius:12px;
    background:rgba(255, 255, 255, .94);
    color:#666;
    font-size:14px;
    line-height:1.5;
    text-align:center;
}