/* Citizen ICL Corporate v1.7.1C — Runtime and responsive UI correction */
#sola-assistant,
#sola-assistant *{box-sizing:border-box}

#sola-assistant .sola-panel{
    width:min(390px,calc(100vw - 24px));
    max-width:390px;
    height:min(660px,calc(100vh - 88px));
    max-height:660px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

#sola-assistant .sola-header,
#sola-assistant .sola-status,
#sola-assistant .sola-form,
#sola-assistant .sola-footer{
    flex:0 0 auto;
    min-width:0;
}

#sola-assistant .sola-header{
    position:relative;
    z-index:3;
}

#sola-assistant .sola-status{
    position:relative;
    z-index:2;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

#sola-assistant .sola-messages{
    flex:1 1 auto;
    min-height:0;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-gutter:stable;
}

#sola-assistant .sola-message,
#sola-assistant .sola-bubble{
    min-width:0;
    max-width:100%;
}

#sola-assistant .sola-bubble{
    overflow-wrap:anywhere;
    word-break:normal;
}

#sola-assistant .sola-suggestions{
    flex:0 0 auto;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scrollbar-width:thin;
}

#sola-assistant .sola-suggestions button{
    display:inline-flex;
    width:auto;
    max-width:260px;
    white-space:normal;
    vertical-align:top;
}

#sola-assistant .sola-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:end;
    width:100%;
}

#sola-assistant .sola-form label{
    grid-column:1/-1;
}

#sola-assistant .sola-form textarea{
    min-width:0;
    width:100%;
    max-width:100%;
    resize:none;
    overflow-y:auto;
}

#sola-assistant .sola-form > button{
    width:auto;
    min-width:78px;
    margin:0;
}

#sola-assistant .sola-footer{
    width:100%;
    overflow-wrap:anywhere;
}

#sola-assistant .sola-handover-form{
    display:grid;
    gap:8px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(0,0,0,.1);
    min-width:0;
}

#sola-assistant .sola-handover-form input{
    width:100%;
    min-width:0;
    padding:10px 12px;
    border:1px solid rgba(0,0,0,.16);
    border-radius:8px;
    font:inherit;
}

#sola-assistant .sola-handover-form button{
    width:100%;
    padding:10px 12px;
    border:0;
    border-radius:8px;
    cursor:pointer;
    font-weight:700;
}

#sola-assistant .sola-handover-form button:disabled{cursor:wait;opacity:.65}
#sola-assistant .sola-handover-form small{display:block}
#sola-assistant .sola-form-error{color:#9b1c1c}
#sola-assistant .sola-queue-confirmation{
    margin-top:12px;
    padding:12px;
    border-radius:10px;
    background:rgba(25,135,84,.08);
}
#sola-assistant .sola-queue-confirmation p{margin:5px 0}

@media(max-width:600px){
    #sola-assistant .sola-panel{
        left:8px;
        right:8px;
        bottom:76px;
        width:auto;
        max-width:none;
        height:min(640px,calc(100vh - 92px));
        max-height:none;
    }

    #sola-assistant .sola-form{
        grid-template-columns:minmax(0,1fr);
    }

    #sola-assistant .sola-form > button{
        width:100%;
    }
}
/* End Citizen ICL Corporate v1.7.1C */

/* Citizen ICL Sola surgical UI correction v1.8.1-R1 */
#sola-assistant {
    pointer-events: none;
}

#sola-launcher,
#sola-panel {
    pointer-events: auto;
}

#sola-close {
    position: relative !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 8px !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation;
}

#sola-panel[hidden] {
    display: none !important;
}

#sola-assistant.sola-is-closed #sola-launcher {
    display: inline-flex !important;
}

#sola-assistant.sola-is-open #sola-launcher {
    display: none !important;
}

@media (max-width: 760px) {
    #sola-assistant {
        position: fixed !important;
        right: 12px !important;
        bottom: 12px !important;
        left: auto !important;
        width: auto !important;
        max-width: calc(100vw - 24px) !important;
        z-index: 5000 !important;
    }

    #sola-launcher {
        min-height: 48px !important;
        max-width: calc(100vw - 24px) !important;
    }

    #sola-panel {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        height: min(78vh, 640px) !important;
        max-height: calc(100dvh - 24px) !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    #sola-panel .sola-header {
        min-height: 64px !important;
        padding: 10px 12px !important;
    }

    #sola-panel .sola-messages {
        min-height: 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    #sola-panel .sola-suggestions {
        overflow-x: auto !important;
        white-space: nowrap !important;
        scrollbar-width: thin;
    }

    #sola-panel .sola-form {
        padding: 10px 12px !important;
    }

    #sola-panel textarea,
    #sola-panel input {
        font-size: 16px !important;
    }
}

@media (max-width: 420px) {
    #sola-panel {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        max-height: calc(100dvh - 16px) !important;
    }
}
