/* Presentation only: leave report/print styles and the AnyChart canvas untouched. */
.agentcpm-logo {
    display: block;
    width: 190px;
    height: 46px;
    max-width: 100%;
    object-fit: contain;
}

@media screen {
    body.agentcpm-app:not(.pdf-render) {
        --agentcpm-navy: #0b3159;
        --agentcpm-navy-deep: #082746;
        --agentcpm-red: #e52b2f;
        --agentcpm-amber: #f4b52e;
        --agentcpm-ink: #162333;
        --agentcpm-line: #d8e0e8;
        --bs-primary: var(--agentcpm-navy);
        --bs-primary-rgb: 11, 49, 89;
        --bs-link-color: var(--agentcpm-navy);
        --bs-link-color-rgb: 11, 49, 89;
        --bs-link-hover-color: var(--agentcpm-navy-deep);
        --bs-link-hover-color-rgb: 8, 39, 70;
        background: radial-gradient(ellipse at 5% 0, #f7f4ee 0, transparent 38rem), #f4f6f8;
    }

    .agentcpm-app:not(.pdf-render) .agentcpm-navbar {
        background: linear-gradient(115deg, #051c33, #0b3159) !important;
        border-color: #082746 !important;
        box-shadow: 0 2px 0 #f4b52e, 0 5px 14px rgb(5 28 51 / 12%);
    }

    .agentcpm-navbar .navbar-brand {
        flex-shrink: 0;
    }

    .agentcpm-navbar .menu label {
        color: #eef3f8;
        font-size: .78rem;
        font-weight: 700;
        letter-spacing: .025em;
    }

    .agentcpm-navbar .form-control {
        border-color: #ccd7e2;
        border-radius: .35rem;
    }

    .agentcpm-navbar .navbar-toggler {
        border-color: rgb(255 255 255 / 45%);
    }

    .agentcpm-navbar .navbar-nav .nav-link {
        color: #eef3f8;
    }

    .agentcpm-app:not(.pdf-render) #chat-header {
        background: linear-gradient(115deg, #082746, #0b3159);
        border-bottom-color: #f4b52e;
    }

    .agentcpm-app:not(.pdf-render) #chat-toggle-btn {
        background: linear-gradient(115deg, #082746, #0b3159);
    }

    .agentcpm-app:not(.pdf-render) .btn-primary {
        --bs-btn-bg: #0b3159;
        --bs-btn-border-color: #0b3159;
        --bs-btn-hover-bg: #082746;
        --bs-btn-hover-border-color: #082746;
        --bs-btn-active-bg: #082746;
        --bs-btn-active-border-color: #082746;
        --bs-btn-disabled-bg: #0b3159;
        --bs-btn-disabled-border-color: #0b3159;
        --bs-btn-focus-shadow-rgb: 11, 49, 89;
        color: #fff;
        background: #0b3159;
        border-color: #0b3159;
    }

    .agentcpm-app:not(.pdf-render) .btn-primary:is(:hover, :active, .active) {
        color: #fff;
        background: #082746;
        border-color: #082746;
    }

    .agentcpm-app:not(.pdf-render) .btn-outline-primary {
        --bs-btn-color: #0b3159;
        --bs-btn-border-color: #0b3159;
        --bs-btn-hover-bg: #0b3159;
        --bs-btn-hover-border-color: #0b3159;
        --bs-btn-active-bg: #082746;
        --bs-btn-active-border-color: #082746;
        --bs-btn-disabled-color: #0b3159;
        --bs-btn-disabled-border-color: #0b3159;
        --bs-btn-focus-shadow-rgb: 11, 49, 89;
        color: #0b3159;
        border-color: #0b3159;
    }

    .agentcpm-app:not(.pdf-render) .btn-outline-primary:is(:hover, :active, .active) {
        color: #fff;
        background: #0b3159;
        border-color: #0b3159;
    }

    .agentcpm-app:not(.pdf-render) :is(.btn, a, input, select, textarea):focus-visible {
        outline: 3px solid #b47708;
        outline-offset: 3px;
    }

    .agentcpm-app:not(.pdf-render) .nav-tabs {
        --bs-nav-link-color: #425166;
        --bs-nav-link-hover-color: #0b3159;
        --bs-nav-tabs-border-color: #d8e0e8;
        --bs-nav-tabs-link-active-color: #0b3159;
        --bs-nav-tabs-link-active-border-color: #d8e0e8 #d8e0e8 #fff;
    }

    .agentcpm-app:not(.pdf-render) .nav-tabs .nav-link.active {
        color: #0b3159;
        background-color: #fff;
        box-shadow: inset 0 3px 0 #0b3159;
        font-weight: 700;
    }

    .agentcpm-workspace .page-header :is(h1, h2, h3) {
        color: #0b3159;
        font-family: "Nunito", "Open Sans", sans-serif;
        font-weight: 800;
        letter-spacing: -.025em;
    }

    .agentcpm-workspace .tab-content {
        background: #fff;
        border: 1px solid #d8e0e8;
        border-top: 0;
        border-radius: 0 0 .5rem .5rem;
        padding: 1rem;
        box-shadow: 0 3px 12px rgb(5 28 51 / 4%);
    }

    .agentcpm-workspace .table {
        --bs-table-border-color: #d8e0e8;
    }

    .agentcpm-workspace :is(.table, table.display) thead th {
        color: #0b3159;
        background-color: #f0f4f8;
    }

    .agentcpm-auth .card {
        border: 1px solid #d8e0e8;
        border-radius: .75rem;
        box-shadow: 0 12px 36px rgb(5 28 51 / 9%);
        overflow: hidden;
    }

    .agentcpm-auth .card-header {
        background: #fff;
        border-bottom: 1px solid #d8e0e8;
        padding: 1.5rem;
    }

    .agentcpm-auth .agentcpm-login-logo {
        width: 290px;
        height: auto;
        max-width: 100%;
        margin: 0 auto 1.25rem;
    }

    .agentcpm-auth .card-body {
        padding: 1.5rem;
    }
}

@media screen and (max-width: 991.98px) {
    .agentcpm-navbar .agentcpm-logo {
        width: 164px;
        height: 38px;
    }

    .agentcpm-workspace .tab-content {
        padding: .65rem;
    }

    .agentcpm-workspace .dataTables_wrapper {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: .5rem;
    }

    /* Let row menus expand inside the scrolling table instead of being clipped. */
    .agentcpm-workspace .dataTables_wrapper .dropdown {
        min-width: 9rem;
    }

    .agentcpm-workspace .dataTables_wrapper .dropdown-toggle {
        width: 100%;
    }

    .agentcpm-workspace .dataTables_wrapper .dropdown-menu {
        position: static !important;
        transform: none !important;
        min-width: 0;
        width: 100%;
    }

    .agentcpm-workspace .dataTables_wrapper .dropdown-item {
        white-space: normal;
        overflow-wrap: normal;
        padding: .5rem .6rem;
    }
}