:root {
    --color-indigo-20: #F5F8FF;
    --color-indigo-50: #E0E7FF;
    --color-indigo-100: #C7D2FE;
    --color-indigo-800: #3730A3;
}

.content-type-wrapper.body-param-content-type,
.response-controls,
.response-col_links,
.view-line-link.copy-to-clipboard,
.information-container.wrapper:not(:has(.description)),
.information-container .info .main,
.title span {
    display: none !important;
}

#documentation .wrapper {
    margin-top: 30px;
    font-size: 15px;
    padding: 10px 60px;
}

#documentation .block {
    background-color: #F0F4FF;
    border-radius: 4px;
    padding: 10px 20px;
    border-left: 4px solid var(--color-indigo-50);
}

#documentation a {
    color: var(--color-indigo-800);
    text-decoration: none;
}

#documentation a:hover {
    text-decoration: underline;
}

.header-logo {
    justify-content: center;
    display: flex;
}

.header-logo img {
    position: fixed;
    top: 35px;
    z-index: 102;
    transform: translateY(-50%);
    right: auto !important;
    height: 50px;
    width: auto;
    background-color: transparent !important;
}

header::before {
    background-color: var(--color-indigo-100);
}

body,
.swagger-ui {
    background-color: var(--color-indigo-20);
}

.scheme-container {
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px 0 0 0!important;
}

.renderedMarkdown blockquote {
    background: #F9F9F9;
    border-left: 4px solid #D0D0D0;
    padding: 10px 16px;
    margin: 16px 0;
    color: #555555;
    font-style: italic;
    border-radius: 4px;
    line-height: 1.6;
}

.renderedMarkdown blockquote p {
    font-size: 12px !important;
}

.renderedMarkdown ul,
.renderedMarkdown ol {
    padding-left: 15px;
    margin-bottom: 10px;
}

.renderedMarkdown li {
    margin-bottom: 4px;
    line-height: 1.6;
}

.renderedMarkdown table {
    padding: 0 !important;
    border: 1px solid #E5E7EB;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
}

.renderedMarkdown td {
    padding: 17px !important;
}

.renderedMarkdown tr:nth-child(even) td {
    background-color: #FAFCFF;
}

.renderedMarkdown tr td:nth-child(1)  {
    width: 160px;
}

.renderedMarkdown tr td:nth-child(2)  {
    width: 100px;
}

.renderedMarkdown td:nth-child(2) {
    font-style: italic;
}

.renderedMarkdown tr td:nth-child(3) {
    width: 240px;
}

.renderedMarkdown td code {
    background-color: #F8F8F8 !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 2px !important;
    color: #666666 !important;
    display: inline !important;
    padding: 0 3px !important;
}

.renderedMarkdown td ul {
    margin: 0 !important;
}

.parameters-col_description .renderedMarkdown ul {
    margin: 0 !important;
    font-size: 12px;
}

.opblock-tag-section {
    margin-bottom: 30px;
}

.opblock-tag.no-desc:hover {
    background-color: var(--color-indigo-50) !important;
}

.responses-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.responses-inner .responses-table td {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    border-bottom: 1px solid #E0E0E0;
}

.btn.authorize,
.btn.try-out__btn,
.btn.execute.opblock-control__btn {
    color: var(--color-indigo-800) !important;
    border-color: var(--color-indigo-800) !important;
    background-color: #F7F7F7 !important;
}

.btn.authorize:hover,
.btn.try-out__btn:hover,
.btn.execute.opblock-control__btn:hover {
    background-color: var(--color-indigo-100) !important;
}

.btn.authorize svg {
    fill: var(--color-indigo-800) !important;
}

.body-param__text {
    border: 2px solid var(--color-indigo-50) !important;
    min-height: 150px !important;
    color: var(--color-indigo-800) !important;
}

.rolling-load_svg__lds-rolling {
    display: none !important;
}

.swagger-ui section.models table.model {
    margin-top: 8px;
    border-collapse: separate;
    border-spacing: 0 12px;
}

.swagger-ui table.model tr.property-row td:first-child {
    padding: 6px 0 0 24px;
}

.swagger-ui section.models table.model .prop .renderedMarkdown {
    margin-top: 10px;
}

.swagger-ui section.models .prop-type {
    display: inline-block;
    background: #eef2ff;
    color: #4338ca;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    margin: 2px 0 8px;
}

.swagger-ui section.models .renderedMarkdown p {
    font-weight: 500;
}

.swagger-ui section.models .renderedMarkdown p strong {
    color: #374151;
}

.swagger-ui section.models .renderedMarkdown ul {
    padding: 0;
}

.swagger-ui section.models .renderedMarkdown li {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 5px 8px;
}
.swagger-ui section.models .renderedMarkdown li::marker {
    content: none;
}
.swagger-ui section.models .model-container {
    background: rgba(0, 0, 0, 0.03)!important;
    margin-left: 0!important;
}

.swagger-ui .markdown code, .swagger-ui .renderedMarkdown code,
.swagger-ui section.models .prop-type{
    color: #4338ca!important;
    background: white!important;
}

#operations-CRM_Close-get_api_crm_close_auth_callback .opblock-summary,
#operations-CRM_Boond-get_crm_boond .opblock-summary,
#operations-CRM_Boond-post_crm_boond_install .opblock-summary,
#operations-CRM_Boond-post_crm_boond_uninstall .opblock-summary,
#operations-CRM_Pipedrive-get_api_crm_pipedrive_auth_callback .opblock-summary,
#operations-CRM_HubSpot-get_api_crm_hubspot_auth_callback .opblock-summary,
#operations-CRM_Salesforce-get_api_crm_salesforce_auth_callback .opblock-summary,
#operations-Twilio-get_api_twilio_voicemail_audio .opblock-summary,
#operations-Twilio-post_api_twilio_messages_incoming_sms .opblock-summary,
#operations-Twilio-post_api_twilio_preflight_echo .opblock-summary,
#operations-Twilio-post_api_twilio_preflight_echo_record_redirect .opblock-summary,
#operations-Twilio-post_api_twilio_calls_incoming_voicemail_webhook .opblock-summary,
#operations-Twilio-post_api_twilio_calls_incoming_voicemail_record .opblock-summary,
#operations-Twilio-post_api_twilio_calls_incoming_webhook .opblock-summary,
#operations-Twilio-post_api_twilio_calls_webhook .opblock-summary,
#operations-Twilio-post_api_twilio_calls_recording_status .opblock-summary,
#operations-Twilio-post_api_twilio_calls_conference_status .opblock-summary,
#operations-Twilio-post_api_twilio_phones_validation_status .opblock-summary,
#operations-Twilio-post_api_twilio_calls_status .opblock-summary,
#operations-Twilio-post_api_twilio_calls_accepted .opblock-summary,
#operations-Twilio-post_api_twilio_call_user_status .opblock-summary {
   background: #91919121;
}

.swagger-ui section.models .model-container:not(
    #model-MercureEvents,
    #model-Enums,
    #model-PaginatedRequestSchema,
    #model-PaginatedResponseSchema,
    #model-AccessDeniedSchema,
    #model-UnauthorizedSchema,
    #model-ApiSuccessSchema,
    #model-ApiErrorSchema
) {
    display: none;
}

#model-MercureEvents .property-row > td:nth-child(2) .model-box-control,
#model-MercureEvents .property-row > td:nth-child(2) .brace-open,
#model-MercureEvents .property-row > td:nth-child(2) .model-jump-to-path,
#model-MercureEvents .property-row > td:nth-child(2) .inner-object,
#model-MercureEvents .property-row > td:nth-child(2) .brace-close {
    display: none !important;
}

.swagger-ui section.models .property.swagger-json-example {
    display: block;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 10px 12px;
    overflow-x: auto;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    color: #374151;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.swagger-ui section.models .property.swagger-json-example br:first-child {
    display: none;
}

.parameters-col_name {
    min-width: 300px;
}

.swagger-ui .information-container.wrapper {
    padding: 0 60px;
}

.swagger-ui .information-container .info {
    margin: 40px 0;
    padding-bottom: 20px;
}

.swagger-ui .information-container .info .description {
    padding: 28px 32px;
    background: #FFFFFF;
    border: 1px solid var(--color-indigo-50);
    color: #374151;
    font-family: system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

.swagger-ui .information-container .info .description h1 {
    margin: 0 0 12px;
    color: #1F2937;
    font-size: 26px;
    font-weight: 700;
}

.swagger-ui .information-container .info .description h2 {
    margin: 32px 0 12px;
    padding-top: 24px;
    border-top: 1px solid #F1F2F6;
    color: #1F2937;
    font-size: 20px;
    font-weight: 700;
}

.swagger-ui .information-container .info .description :is(h1, h2, h3, h4, h5, li, p, table, a) {
    font-family: system-ui, sans-serif;
}

.swagger-ui .information-container .info .description a {
    font-size: inherit;
}

.swagger-ui .information-container .info .description p {
    margin: 0 0 14px;
    font-size: 16px;
}

.swagger-ui .information-container .info .description p:last-child {
    margin-bottom: 0;
}

.swagger-ui .information-container .info .description table {
    width: 100%;
    max-width: 720px;
    margin: 4px 0 18px;
    border-radius: 8px;
    overflow: hidden;
}

.swagger-ui .information-container .info .description th {
    padding: 10px 16px;
    background: var(--color-indigo-20);
    border-bottom: 1px solid #E5E7EB;
    color: var(--color-indigo-800);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
}

.swagger-ui .information-container .info .description table tbody tr td {
    width: auto;
    padding: 12px 16px !important;
    background: #FFFFFF;
    border-bottom: 1px solid #F1F2F6;
    font-size: 15px;
    font-style: normal;
}

.swagger-ui .information-container .info .description table tbody tr:last-child td {
    border-bottom: 0;
}

.swagger-ui .information-container .info .description table tbody tr td:first-child {
    color: #1F2937;
    font-weight: 700;
}

.swagger-ui .information-container .info .description code {
    padding: 2px 8px;
    background: #EEF2FF !important;
    border-radius: 999px;
    color: #4338CA !important;
    font-family: ui-monospace, Menlo, monospace;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

body:has(.information-container .description) #swagger-ui .information-container.wrapper {
    padding-top: 0;
    border-bottom: 0;
}

body:has(.information-container .description) #swagger-ui .information-container .info {
    margin-top: 40px;
    padding: 0 60px;
}

body:has(.information-container .description) #swagger-ui .scheme-container {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    padding: 24px 0 0 !important;
    pointer-events: none;
}

body:has(.information-container .description) #swagger-ui .scheme-container .schemes.wrapper {
    padding: 0 93px;
}

body:has(.information-container .description) #swagger-ui .scheme-container .auth-wrapper {
    pointer-events: auto;
}

body:has(.information-container .description) #operations .wrapper {
    padding: 0 60px;
}

body:has(.information-container .description) #operations .wrapper > .block {
    margin-bottom: 40px;
    padding: 28px 32px;
    background: #FFFFFF;
    border: 1px solid var(--color-indigo-50);
}

body:has(.information-container .description) #operations .wrapper > .block:not(:has(.models))::before {
    content: "Endpoints";
    display: block;
    margin-bottom: 20px;
    color: #1F2937;
    font-family: sans-serif;
    font-size: 26px;
    font-weight: 700;
}

body:has(.information-container .description) .swagger-ui section.models {
    margin: 0;
    border: 0;
}

body:has(.information-container .description) .swagger-ui section.models h4 {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    color: #1F2937;
    font-family: sans-serif;
    font-size: 26px;
    font-weight: 700;
}
