/* CUSTOM PANEL STYLES START */

    .ays-chatgpt-assistant-panel-suggest-title {
        width: 100%;
        padding: 10px 0;
        border: 1px solid #405CF5;
        transition: all 0.3s;
        box-sizing: border-box;
        background: #405CF5;
        border-radius: 4px;
        line-height: 15px;
        font-weight: 700;
        font-size: 13px;
        color: #ffffff;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ays-chatgpt-assistant-title-loader {
        margin-right: 10px;
        display: none;
    }

    .ays-chatgpt-assistant-panel-body .components-panel__body-title {
        padding: 5px 0 5px 35px;
        background: url("../admin/images/icons/chatgpt-icon.png") no-repeat 16px 50%;
        background-size: 26px;
    }

    .ays-chatgpt-assistant-panel-body .components-panel__body-title:hover {
        background: url("../admin/images/icons/chatgpt-icon.png") no-repeat 16px 50%;
        background-size: 26px;
    }

    .ays-chatgpt-assistant-panel-body .components-button.components-panel__body-toggle:focus,
    .ays-chatgpt-assistant-panel-body .components-button:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

    .ays-chatgpt-assistant-select-title-suggestion-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: stretch;
    }

    button.ays-chatgpt-assistant-select-title-suggestion {
        padding: 8px 0 8px 5px;
        text-align: left;
        background: #e8f1ff;
        border: none;
        cursor: pointer;
        border-radius: 4px;
    }

    button.ays-chatgpt-assistant-select-title-suggestion:hover {
        background: #c7dcff;
    }

    .ays-chatgpt-assistant-select-title-popup-title {
        margin: 30px 0;
        font-size: 1.5rem;
        line-height: initial;
    }

    .swal2-container {
        z-index: 999999 !important;
    }

/* CUSTOM PANEL STYLES END */


/* CUSTOM SIDEBAR STYLES START */

    .ays-chatgpt-assistant-sidebar.components-panel {
        padding: 20px;
    }

    .ays-chatgpt-assistant-sidebar.components-panel>div.components-base-control .components-base-control__field {
        margin-bottom: 10px;
    }

    .ays-chatgpt-assistant-sidebar.components-panel .ays-chatgpt-assistant-sidebar-button>svg {
        width: 15px;
        height: 15px;
        margin-right: 3px;
    }

    .ays-chatgpt-assistant-sidebar p.ays-chatgpt-assistant-sidebar-hint-text {
        margin-top: 10px;
    }

    .ays-chatgpt-assistant-sidebar p.ays-chatgpt-assistant-sidebar-hint-text>span {
        font-style: italic;
        color: #898989;
    }

/* CUSTOM SIDEBAR STYLES END */