/* Dark blue-black client theme. Loaded after page-specific styles on purpose. */
:root {
    color-scheme: dark;
    --client-bg: #01040a;
    --client-bg-soft: #020812;
    --client-sidebar: #020710;
    --client-panel: #040b14;
    --client-panel-2: #071321;
    --client-border: rgba(68, 119, 181, .16);
    --client-border-strong: rgba(58, 135, 224, .28);
    --client-text: #e9f1fc;
    --client-muted: #8498b2;
    --client-accent: #087cff;
    --client-accent-soft: rgba(8, 124, 255, .15);
}

html,
body.client-admin-body,
.client-admin-shell,
.client-admin-main,
.main-body,
.client-page {
    background: var(--client-bg) !important;
}

body.client-admin-body {
    color: var(--client-text);
}

.client-billing-alert {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    padding: 12px 15px;
    border-radius: 13px;
    background: #0b2038;
    color: #91acd0;
    text-decoration: none;
}

.client-billing-alert > i {
    color: #55a4ff;
    font-size: 1.25rem;
}

.client-billing-alert strong {
    color: #f3f7ff;
}

.client-billing-alert b {
    color: #8fc2ff;
    font-size: .74rem;
    white-space: nowrap;
}

.client-billing-alert--danger {
    background: #29131d;
}

.client-billing-alert--danger > i,
.client-billing-alert--danger b {
    color: #ff8da4;
}

.client-billing-alert:hover {
    color: #bed4ee;
    background: #0d2948;
}

.client-billing-alert--danger:hover {
    background: #351823;
}

@media (max-width: 640px) {
    .client-billing-alert {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .client-billing-alert b {
        grid-column: 2;
    }
}

.client-sidebar {
    overflow: visible;
    background: linear-gradient(180deg, #020812 0%, #01040a 100%) !important;
    border-right-color: rgba(41, 99, 171, .18);
}

.client-sidebar__brand {
    position: relative;
    background: rgba(255, 255, 255, .008);
    border-bottom-color: rgba(41, 99, 171, .16);
}

.client-sidebar__logo {
    min-width: 0;
}

.client-sidebar__logo-full {
    display: block;
}

.client-sidebar__logo-small {
    display: none;
    width: 38px !important;
    height: 38px !important;
    object-fit: contain;
}

.client-sidebar__collapse {
    position: absolute;
    top: 50%;
    right: -14px;
    z-index: 3;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(25, 119, 234, .34);
    border-radius: 9px;
    background: #06101c;
    color: #42a1ff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .34);
    transform: translateY(-50%);
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.client-sidebar__collapse:hover,
.client-sidebar__collapse:focus-visible {
    color: #fff;
    background: #082043;
    border-color: rgba(35, 137, 255, .72);
    outline: none;
    transform: translateY(-50%) scale(1.05);
}

.client-sidebar__collapse i {
    font-size: 1rem;
}

.client-sidebar__nav {
    scrollbar-color: #172b45 transparent;
}

.client-sidebar__label,
.client-topbar__eyebrow {
    color: #7891af;
}

.client-admin-body .client-sidebar__link,
.client-admin-body .client-sidebar__group-toggle {
    color: #e6f0fc;
}

.client-admin-body .client-sidebar__sublink {
    color: #c9d9eb;
}

.client-admin-body .client-sidebar__link i,
.client-admin-body .client-sidebar__group-main > i {
    color: #b9d6f5;
}

.client-admin-body .client-sidebar__link .client-sidebar__unread-icon {
    color: #35d68a !important;
}

.client-sidebar__dev-badge {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    padding: .18rem .4rem;
    border: 1px solid rgba(79, 140, 255, .34);
    border-radius: 999px;
    background: rgba(79, 140, 255, .12);
    color: #9fc1ff;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1;
}

.client-admin-body .client-sidebar__sublink i {
    color: #a7c3e2;
}

.client-admin-body .client-sidebar__link:hover,
.client-admin-body .client-sidebar__group-toggle:hover,
.client-admin-body .client-sidebar__sublink:hover,
.client-admin-body .client-sidebar__profile-link:hover {
    color: #ffffff;
}

.client-admin-body .client-sidebar__profile-link {
    color: #e8f1fc;
}

.client-admin-body .client-sidebar__profile-text small {
    color: #a9bfd8;
}

.client-sidebar__link:hover,
.client-sidebar__group-toggle:hover,
.client-sidebar__profile-link:hover {
    background: #050f1c !important;
}

.client-sidebar__link.active,
.client-sidebar__group-toggle.active,
.client-sidebar__sublink.active {
    color: #ffffff !important;
    background: var(--client-surface-borderless, #06101c) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.client-sidebar__link.active i,
.client-sidebar__group-toggle.active .client-sidebar__group-main > i,
.client-sidebar__sublink.active i {
    color: #b9d6f5 !important;
    filter: none !important;
}

.client-sidebar__footer {
    background: rgba(0, 0, 0, .08);
    border-top-color: rgba(41, 99, 171, .16);
}

.client-topbar {
    background: rgba(1, 4, 10, .97) !important;
    border-bottom-color: rgba(41, 99, 171, .16);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
    backdrop-filter: blur(16px);
}

.client-topbar__menu,
.client-icon-button,
.client-user-button,
.client-online-control {
    background: #040b14 !important;
    border-color: rgba(52, 111, 181, .2) !important;
}

.client-icon-button:hover,
.client-user-button:hover,
.client-user-button:focus,
.client-user-button.show,
.client-online-control:hover {
    background: #071422 !important;
    border-color: rgba(23, 125, 248, .38) !important;
}

.client-page-header {
    border-bottom-color: rgba(111, 151, 200, .12);
}

.client-admin-body .card,
.client-admin-body .widget,
.client-admin-body .box,
.client-admin-body .content-box,
.client-card,
.dashboard-stat-card,
.dashboard-panel,
.statistics-card,
.help-category-card,
.ai-source-summary {
    color: var(--client-text);
    background: #040b14 !important;
    background-image: none !important;
    border-color: var(--client-border) !important;
    box-shadow: none !important;
}

.dashboard-stat-card::after {
    content: none !important;
    display: none !important;
}

.client-admin-body .card-header,
.client-admin-body .card-footer {
    background: #06101b !important;
    border-color: var(--client-border) !important;
}

/* Table pages stay flat on the application background. */
.client-data-card,
.ai-source-table-wrap {
    overflow: visible;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.client-data-card__header {
    padding: 0 0 14px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(68, 119, 181, .18) !important;
}

.client-filter-card {
    overflow: visible;
    margin-bottom: 22px;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.client-filter-card .form-control,
.client-filter-card .form-select,
.client-filter-card .select2-container--default .select2-selection--single,
.client-filter-card .select2-container--default .select2-selection--multiple,
.client-filter-card .input-group-text {
    background: var(--client-bg) !important;
}

.client-admin-body .client-table,
.client-admin-body .ai-source-table {
    background: transparent !important;
    border: 0 !important;
    border-collapse: collapse;
}

.client-admin-body .client-table > :not(caption) > * > *,
.client-admin-body .ai-source-table > :not(caption) > * > * {
    background: transparent !important;
    border-width: 0 0 1px !important;
    border-color: rgba(68, 119, 181, .16) !important;
}

.client-admin-body .client-table tbody tr:last-child > *,
.client-admin-body .ai-source-table tbody tr:last-child > * {
    border-bottom: 0 !important;
}

.client-admin-body .table {
    --bs-table-bg: transparent;
    --bs-table-color: #dce7f5;
    --bs-table-border-color: rgba(105, 145, 194, .13);
}

.client-admin-body .table > :not(caption) > * > * {
    background-color: transparent !important;
}

.client-admin-body .table-hover > tbody > tr:hover > *,
.client-admin-body .tr-highlight td {
    --bs-table-accent-bg: rgba(8, 124, 255, .08);
    background: rgba(8, 124, 255, .08) !important;
}

.client-admin-body .btn-primary,
.client-admin-body .btn--primary,
.client-admin-body .btn-success {
    background: #0767ed !important;
    background-image: none !important;
    border-color: #147cff !important;
    box-shadow: 0 10px 24px rgba(0, 91, 224, .2) !important;
}

.client-admin-body .btn-primary:hover,
.client-admin-body .btn-primary:focus,
.client-admin-body .btn--primary:hover,
.client-admin-body .btn-success:hover {
    background: #0c78ff !important;
    border-color: #2992ff !important;
}

.client-admin-body a,
.client-admin-body .btn-outline-primary {
    color: #389dff;
}

.client-admin-body .btn-outline-primary {
    border-color: rgba(34, 146, 255, .58);
}

.client-admin-body .btn-outline-primary:hover {
    color: #fff;
    background: #0767ed;
    border-color: #147cff;
}

.client-admin-body .form-control,
.client-admin-body .form-select,
.client-admin-body textarea,
.client-admin-body select,
.client-admin-body .select2-container--default .select2-selection--single,
.client-admin-body .select2-container--default .select2-selection--multiple,
.client-admin-body .input-group-text {
    color: #e4edf9;
    background-color: #020914 !important;
    border-color: rgba(49, 112, 188, .24) !important;
}

.client-admin-body .form-control:focus,
.client-admin-body .form-select:focus,
.client-admin-body textarea:focus,
.client-admin-body .select2-container--focus .select2-selection--single,
.client-admin-body .select2-container--open .select2-selection--single {
    background-color: #04101d !important;
    border-color: #087cff !important;
}

.client-admin-body .form-control:disabled,
.client-admin-body .form-control[readonly] {
    background: #02070e !important;
}

/* Select2 owns the outer field border; its internal renderer/search stays borderless. */
.client-admin-body .select2-container--default .select2-selection__rendered,
.client-admin-body .select2-container--default .select2-selection--single .select2-selection__rendered,
.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.client-admin-body .select2-container--default .select2-selection--multiple .select2-search--inline,
.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field {
    color: #e4edf9 !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field:focus {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-body .dropdown-menu,
.client-admin-body .client-dropdown,
.client-admin-body .modal-content,
.client-notifications .notifications-popup,
#notifications .notifications-popup,
.select2-dropdown {
    color: var(--client-text);
    background: #040c17 !important;
    border-color: rgba(45, 114, 197, .27) !important;
}

.client-admin-body .dropdown-item:hover,
.client-admin-body .dropdown-item:focus,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(8, 124, 255, .16) !important;
}

.client-admin-body .list-group-item,
.client-admin-body .accordion-item,
.client-admin-body .accordion-button,
.client-admin-body .nav-tabs .nav-link,
.client-admin-body .pagination .page-link {
    color: #aebfd3;
    background: #040b14;
    border-color: var(--client-border);
}

.client-admin-body .accordion-button:not(.collapsed),
.client-admin-body .nav-tabs .nav-link.active,
.client-admin-body .pagination .page-item.active .page-link {
    color: #fff;
    background: rgba(0, 91, 224, .2);
    border-color: rgba(8, 124, 255, .42);
}

/* Edge-to-edge live support workspaces use the same darker depth scale. */
.client-action-chats .chat-page,
.client-action-messages .chat-page,
.client-action-ticket .ticket-page {
    background: var(--client-bg) !important;
}

.client-action-chats .chat-list-panel,
.client-action-chats .chat-details-panel,
.client-action-messages .chat-list-panel,
.client-action-messages .chat-details-panel,
.client-action-ticket .ticket-panel,
.client-action-ticket .ticket-sidebar,
.client-action-ticket .ticket-main,
.client-action-ticket .ticket-actions-panel {
    background: #040b14 !important;
    background-image: none !important;
    border-color: var(--client-border) !important;
}

.client-action-chats .chat-panel-header,
.client-action-messages .chat-panel-header,
.client-action-ticket .ticket-panel-header,
.client-action-ticket .ticket-main-header,
.client-action-ticket .trumbowyg-button-pane {
    background: #06101b !important;
    border-color: var(--client-border) !important;
}

.client-action-chats .chat-search-wrap,
.client-action-chats .chat-search,
.client-action-chats .message-input-wrap,
.client-action-chats .chat-detail-card,
.client-action-chats .chat-icon-button,
.client-action-chats .chat-select,
.client-action-messages .chat-search-wrap,
.client-action-messages .chat-search,
.client-action-messages .message-input-wrap,
.client-action-messages .chat-detail-card,
.client-action-messages .chat-icon-button,
.client-action-messages .chat-select,
.client-action-ticket .ticket-sidebar-body,
.client-action-ticket .ticket-actions-body,
.client-action-ticket #chat-details-body,
.client-action-ticket .trumbowyg-box,
.client-action-ticket .trumbowyg-editor,
.client-action-ticket .trumbowyg-textarea,
.client-action-ticket .ticket-select,
.client-action-ticket .ticket-actions-card .form-control {
    background: #020914 !important;
    border-color: rgba(48, 109, 183, .22) !important;
}

.client-action-chats .chat-message-row.user .chat-message-bubble,
.client-action-messages .chat-message-row.user .chat-message-bubble,
.client-action-ticket #messages > .message,
.client-action-ticket .ticket-action-button,
.client-action-chats .chat-secondary-button,
.client-action-messages .chat-secondary-button {
    background: #0d1c2f !important;
    border-color: rgba(47, 109, 183, .2) !important;
}

.client-action-chats .chat-list-item.active,
.client-action-messages .chat-list-item.active {
    padding-left: 15px !important;
    background: var(--client-surface-borderless, #06101c) !important;
    background-image: none !important;
    border-left-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-action-chats .chat-list-item:focus,
.client-action-chats .chat-list-item:focus-visible,
.client-action-messages .chat-list-item:focus,
.client-action-messages .chat-list-item:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

.client-action-chats .chat-avatar,
.client-action-messages .chat-avatar {
    background: var(--client-surface-borderless, #06101c) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-action-ticket .ticket-messages-wrap,
.client-action-ticket #messages {
    background: transparent !important;
}

/* Ticket detail follows the same edge-to-edge workspace geometry as live chats. */
.client-action-ticket .ticket-page {
    padding: 0 !important;
}

.client-action-ticket .ticket-workspace {
    gap: 0 !important;
}

.client-action-ticket .ticket-sidebar {
    margin: 0 !important;
    border-right: 1px solid var(--client-border) !important;
    border-radius: 0 !important;
}

.client-action-ticket .ticket-main {
    margin: 0 !important;
    border-radius: 0 !important;
    background: var(--client-bg) !important;
    background-image: none !important;
}

.client-action-ticket .ticket-main-header {
    padding: 12px 22px !important;
    background: var(--client-bg) !important;
    background-image: none !important;
    backdrop-filter: none !important;
}

.client-action-ticket .ticket-composer {
    padding: 14px 22px 16px !important;
    background: var(--client-bg) !important;
    background-image: none !important;
    backdrop-filter: none !important;
}

/* Shared reply tools in chats, messages and tickets. */
.client-admin-body .client-composer-action {
    display: inline-flex;
    width: max-content;
    min-height: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    background: #132943;
    color: #a8c7f6 !important;
    font-family: inherit;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease;
}

.client-admin-body .client-composer-action:hover:not(:disabled),
.client-admin-body .client-composer-action[aria-expanded="true"] {
    background: #1b3b63;
    color: #fff !important;
}

.client-composer-action:focus-visible,
.client-composer-action:has(+ .ticket-attachment-input:focus-visible) {
    outline: 2px solid #66a0ff;
    outline-offset: 3px;
}

.client-composer-action:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.client-composer-action > i {
    display: inline-flex;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: #66a0ff;
    font-size: 1rem;
    line-height: 1;
}

.client-action-ticket .ticket-messages-wrap,
.client-action-ticket #messages {
    background: var(--client-bg) !important;
    background-image: none !important;
}

@media (min-width: 1200px) {
    .client-topbar__menu {
        display: none !important;
    }

    html.client-sidebar-is-collapsed .client-sidebar__brand {
        padding-right: 18px;
        padding-left: 18px;
    }

    html.client-sidebar-is-collapsed .client-sidebar__logo {
        width: 42px;
        justify-content: center;
        overflow: visible;
    }

    html.client-sidebar-is-collapsed .client-sidebar__logo-full {
        display: none;
    }

    html.client-sidebar-is-collapsed .client-sidebar__logo-small {
        display: block;
    }
}

@media (max-width: 1199.98px) {
    .client-topbar__menu {
        display: inline-flex !important;
    }
}

/* =========================================================
   Borderless client content system
   The sidebar intentionally keeps its own navigation styling.
   ========================================================= */
.client-admin-body {
    --client-field: #142034;
    --client-field-hover: #18263c;
    --client-field-focus: #1a2a42;
    --client-surface-borderless: #06101c;
    --client-surface-borderless-raised: #091525;
}

/* Topbar belongs to the work area, not to the sidebar. */
.client-admin-main .client-topbar__menu,
.client-admin-main .client-icon-button,
.client-admin-main .client-user-button,
.client-admin-main .client-online-control {
    background: #07111e !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .client-topbar__menu:hover,
.client-admin-main .client-icon-button:hover,
.client-admin-main .client-user-button:hover,
.client-admin-main .client-user-button:focus,
.client-admin-main .client-user-button.show,
.client-admin-main .client-online-control:hover {
    background: #0c192a !important;
    border: 0 !important;
}

/* Fields use filled surfaces for depth instead of outlines. */
.client-admin-main .main-body .form-control,
.client-admin-main .main-body .form-select,
.client-admin-main .main-body textarea,
.client-admin-main .main-body select,
.client-admin-main .main-body .input-group-text,
.client-admin-main .main-body .select2-container--default .select2-selection--single,
.client-admin-main .main-body .select2-container--default .select2-selection--multiple,
.client-admin-main .main-body .chat-search,
.client-admin-main .main-body .chat-select,
.client-admin-main .main-body .ticket-select {
    color: #eef4fc !important;
    background: var(--client-field) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 11px !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body input.form-control,
.client-admin-main .main-body select.form-select,
.client-admin-main .main-body .select2-container--default .select2-selection--single {
    min-height: 48px;
}

.client-admin-main .main-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 48px;
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 30px;
}

.client-admin-main .main-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.client-admin-main .main-body .form-control::placeholder,
.client-admin-main .main-body textarea::placeholder,
.client-admin-main .main-body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8c9bb0 !important;
    opacity: 1;
}

.client-admin-main .main-body .form-control:hover,
.client-admin-main .main-body .form-select:hover,
.client-admin-main .main-body textarea:hover,
.client-admin-main .main-body select:hover,
.client-admin-main .main-body .select2-container--default .select2-selection--single:hover,
.client-admin-main .main-body .select2-container--default .select2-selection--multiple:hover {
    background: var(--client-field-hover) !important;
    border: 0 !important;
}

.client-admin-main .main-body .form-control:focus,
.client-admin-main .main-body .form-select:focus,
.client-admin-main .main-body textarea:focus,
.client-admin-main .main-body select:focus,
.client-admin-main .main-body .select2-container--focus .select2-selection--single,
.client-admin-main .main-body .select2-container--focus .select2-selection--multiple,
.client-admin-main .main-body .select2-container--open .select2-selection--single,
.client-admin-main .main-body .select2-container--open .select2-selection--multiple {
    background: var(--client-field-focus) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(38, 139, 255, .13) !important;
}

.client-admin-main .main-body .form-control:disabled,
.client-admin-main .main-body .form-control[readonly],
.client-admin-main .main-body .form-select:disabled,
.client-admin-main .main-body select:disabled {
    color: #77879c !important;
    background: #0b1421 !important;
    border: 0 !important;
    opacity: 1;
}

.client-admin-main .main-body .input-group {
    border: 0 !important;
    border-radius: 11px;
    box-shadow: none !important;
}

.client-admin-main .main-body .input-group > :not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.client-admin-main .main-body .input-group > :not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Cards remain visually grouped through filled surfaces only. */
.client-admin-main .main-body .card,
.client-admin-main .main-body .widget,
.client-admin-main .main-body .box,
.client-admin-main .main-body .content-box,
.client-admin-main .main-body .client-card,
.client-admin-main .main-body .dashboard-stat-card,
.client-admin-main .main-body .dashboard-panel,
.client-admin-main .main-body .statistics-card,
.client-admin-main .main-body .help-category-card,
.client-admin-main .main-body .ai-source-summary,
.client-admin-main .main-body .subscription-item,
.client-admin-main .main-body .registration-step,
.client-admin-main .main-body .ai-source-widget-option,
.client-admin-main .main-body .form-images-preview,
.client-admin-main .main-body .chat-detail-card,
.client-admin-main .main-body .ticket-actions-card,
.client-admin-main .main-body .client-info-panel,
.client-admin-main .main-body .client-empty-state {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .card:not(.client-form-card),
.client-admin-main .main-body .client-card:not(.client-form-card),
.client-admin-main .main-body .dashboard-stat-card,
.client-admin-main .main-body .dashboard-panel,
.client-admin-main .main-body .statistics-card,
.client-admin-main .main-body .help-category-card,
.client-admin-main .main-body .ai-source-summary,
.client-admin-main .main-body .subscription-item,
.client-admin-main .main-body .registration-step,
.client-admin-main .main-body .ai-source-widget-option,
.client-admin-main .main-body .form-images-preview,
.client-admin-main .main-body .chat-detail-card,
.client-admin-main .main-body .ticket-actions-card {
    background: var(--client-surface-borderless) !important;
    background-image: none !important;
}

.client-admin-main .main-body .client-form-card,
.client-admin-main .main-body .client-filter-card,
.client-admin-main .main-body .client-data-card,
.client-admin-main .main-body .ai-source-table-wrap,
.client-admin-main .main-body .ai-qa-table-wrap {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .dashboard-stat-card[href]:hover,
.client-admin-main .main-body .help-category-card:hover {
    background: var(--client-surface-borderless-raised) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Static component borders are removed; section and table separators stay. */
.client-admin-main .main-body .btn,
.client-admin-main .main-body button,
.client-admin-main .main-body .client-icon-button,
.client-admin-main .main-body .chat-icon-button,
.client-admin-main .main-body .ticket-action-button,
.client-admin-main .main-body .chat-secondary-button,
.client-admin-main .main-body .badge,
.client-admin-main .main-body .dashboard-panel-badge,
.client-admin-main .main-body .select2-selection__choice {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .btn-primary,
.client-admin-main .main-body .btn--primary,
.client-admin-main .main-body .btn-success {
    color: #fff !important;
    background: #0875ee !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .btn-primary:hover,
.client-admin-main .main-body .btn--primary:hover,
.client-admin-main .main-body .btn-success:hover {
    background: #1689ff !important;
}

.client-admin-main .main-body .btn-secondary,
.client-admin-main .main-body .btn-light,
.client-admin-main .main-body .btn-dark,
.client-admin-main .main-body .btn-border,
.client-admin-main .main-body .btn-outline-primary,
.client-admin-main .main-body .btn-outline-secondary {
    color: #dbe9fa !important;
    background: var(--client-field) !important;
    border: 0 !important;
}

.client-admin-main .main-body .btn-secondary:hover,
.client-admin-main .main-body .btn-light:hover,
.client-admin-main .main-body .btn-dark:hover,
.client-admin-main .main-body .btn-border:hover,
.client-admin-main .main-body .btn-outline-primary:hover,
.client-admin-main .main-body .btn-outline-secondary:hover {
    color: #fff !important;
    background: #1a2a42 !important;
}

.client-admin-main .main-body .btn-danger,
.client-admin-main .main-body .btn-outline-danger {
    color: #ff9cad !important;
    background: rgba(238, 69, 97, .14) !important;
    border: 0 !important;
}

.client-admin-main .main-body .btn-danger:hover,
.client-admin-main .main-body .btn-outline-danger:hover {
    color: #fff !important;
    background: rgba(238, 69, 97, .28) !important;
}

.client-admin-main .main-body .client-form-section__icon,
.client-admin-main .main-body .dashboard-stat-icon,
.client-admin-main .main-body .help-category-card__icon,
.client-admin-main .main-body .ai-source-summary__icon,
.client-admin-main .main-body .ai-source-type-icon,
.client-admin-main .main-body .theme-icon {
    background: linear-gradient(145deg, #15243a, #0c1727) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Select2 popup and its search field follow the same borderless field language. */

.client-admin-body .select2-container--default .select2-search--dropdown .select2-search__field {
    background: var(--client-field) !important;
}

/* Rich text inputs are one filled control, including the toolbar. */
.client-admin-main .main-body .trumbowyg-box,
.client-admin-main .main-body .trumbowyg-editor-box {
    overflow: hidden;
    color: #eef4fc !important;
    background: var(--client-field) !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .trumbowyg-box:focus-within {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(38, 139, 255, .13) !important;
}

.client-admin-main .main-body .trumbowyg-button-pane {
    min-height: 48px;
    padding: 6px 9px !important;
    gap: 2px;
    background: #0f1a2b !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .trumbowyg-button-pane::before,
.client-admin-main .main-body .trumbowyg-button-pane::after,
.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-button-group::after {
    content: none !important;
    display: none !important;
}

.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-button-group {
    gap: 2px;
}

.client-admin-main .main-body .trumbowyg-button-pane button {
    width: 34px;
    height: 34px;
    margin: 1px 0 !important;
    padding: 0 8px !important;
    color: #b9d6f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    outline: 0 !important;
    box-shadow: none !important;
    opacity: .9;
}

.client-admin-main .main-body .trumbowyg-box svg,
.client-admin-main .main-body .trumbowyg-button-pane button svg {
    color: #b9d6f5 !important;
    fill: #b9d6f5 !important;
    opacity: 1;
}

.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-fullscreen-button svg,
.client-admin-main .main-body .trumbowyg-fullscreen .trumbowyg-fullscreen-button svg {
    color: #b9d6f5 !important;
    fill: transparent !important;
    stroke: #b9d6f5 !important;
}

.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    border-top-color: #7f9fbe !important;
}

.client-admin-main .main-body .trumbowyg-button-pane button:hover,
.client-admin-main .main-body .trumbowyg-button-pane button:focus,
.client-admin-main .main-body .trumbowyg-button-pane button.trumbowyg-active {
    color: #ffffff !important;
    background: #192a42 !important;
    outline: 0 !important;
    opacity: 1;
}

.client-admin-main .main-body .trumbowyg-button-pane button:hover svg,
.client-admin-main .main-body .trumbowyg-button-pane button:focus svg,
.client-admin-main .main-body .trumbowyg-button-pane button.trumbowyg-active svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.client-admin-main .main-body .trumbowyg-button-pane button.trumbowyg-disable {
    opacity: .32;
}

.client-admin-main .main-body .trumbowyg-editor,
.client-admin-main .main-body .trumbowyg-textarea {
    color: #eef4fc !important;
    background: var(--client-field) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .trumbowyg-editor[contenteditable="true"]:empty:not(:focus)::before,
.client-admin-main .main-body .trumbowyg-editor-box[contenteditable="true"]:empty:not(:focus)::before {
    color: #8c9bb0 !important;
}

.client-admin-main .main-body .trumbowyg-dropdown {
    color: #dbe7f6 !important;
    background: #0f1a2b !important;
    border: 0 !important;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .32) !important;
}

.client-admin-main .main-body .trumbowyg-dropdown button {
    color: #dbe7f6 !important;
    background: transparent !important;
    border: 0 !important;
}

.client-admin-main .main-body .trumbowyg-dropdown button:hover,
.client-admin-main .main-body .trumbowyg-dropdown button:focus {
    color: #fff !important;
    background: #192a42 !important;
}

/* Overlays and secondary navigation also avoid outlined boxes. */
.client-admin-body .dropdown-menu,
.client-admin-body .client-dropdown,
.client-admin-body .modal-content,
.client-notifications .notifications-popup,
#notifications .notifications-popup,
.client-admin-main .main-body .list-group-item,
.client-admin-main .main-body .accordion-item,
.client-admin-main .main-body .accordion-button,
.client-admin-main .main-body .nav-tabs,
.client-admin-main .main-body .nav-tabs .nav-link,
.client-admin-main .main-body .pagination .page-link,
.client-admin-body .flatpickr-calendar {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .accordion-item,
.client-admin-main .main-body .accordion-button,
.client-admin-main .main-body .list-group-item,
.client-admin-main .main-body .pagination .page-link {
    background: var(--client-surface-borderless) !important;
}

.client-admin-main .main-body .accordion-button:not(.collapsed),
.client-admin-main .main-body .nav-tabs .nav-link.active,
.client-admin-main .main-body .pagination .page-item.active .page-link {
    color: #fff !important;
    background: rgba(8, 117, 238, .2) !important;
    border: 0 !important;
}

/* Live chat and ticket workspaces are also content, so their panels stay flat. */
.client-action-chats .chat-list-panel,
.client-action-chats .chat-details-panel,
.client-action-messages .chat-list-panel,
.client-action-messages .chat-details-panel,
.client-action-ticket .ticket-panel,
.client-action-ticket .ticket-sidebar,
.client-action-ticket .ticket-main,
.client-action-ticket .ticket-actions-panel,
.client-action-chats .chat-search-wrap,
.client-action-chats .message-input-wrap,
.client-action-chats .chat-detail-card,
.client-action-chats .chat-icon-button,
.client-action-messages .chat-search-wrap,
.client-action-messages .message-input-wrap,
.client-action-messages .chat-detail-card,
.client-action-messages .chat-icon-button,
.client-action-ticket .ticket-sidebar-body,
.client-action-ticket .ticket-actions-body,
.client-action-ticket #chat-details-body,
.client-action-ticket .ticket-action-button,
.client-action-chats .chat-secondary-button,
.client-action-messages .chat-secondary-button {
    border: 0 !important;
    box-shadow: none !important;
}

/* Catch component variants used by individual client views. */

.client-admin-main .main-body [class*="-card"],
.client-admin-main .main-body [class*="__card"],
.client-admin-main .main-body [class*="-panel"],
.client-admin-main .main-body [class*="__panel"],
.client-admin-main .main-body [class*="-icon"],
.client-admin-main .main-body [class*="__icon"],
.client-admin-main .main-body .message-attachments a,
.client-admin-main .main-body .client-list-status,
.client-admin-main .main-body .client-list-details,
.client-admin-main .main-body .client-code-block,
.client-admin-main .main-body .archive-message,
.client-admin-main .main-body .archive-message-translation,
.client-admin-main .main-body .ticket-message,
.client-admin-main .main-body .ticket-message__avatar,
.client-admin-main .main-body .ticket-message .message-body > div,
.client-admin-main .main-body .widget-settings-card .accordion,
.client-admin-main .main-body .widget-settings-card .c-file-input-btn,
.client-admin-main .main-body .ai-source-widget-option__language,
.client-admin-main .main-body .ai-source-stat-grid,
.client-admin-main .main-body .ai-qa-translation-empty,
.client-admin-main .main-body .ai-qa-language-badge,
.client-admin-main .main-body .alert,
.client-admin-main .main-body .form-check-input,
.client-admin-main .main-body .flatpickr-day,
.client-admin-main .main-body .help-article-content pre,
.client-admin-main .main-body .help-article-content img,
.client-notifications .notifications-items > div,
.client-admin-body .modal-header,
.client-admin-body .modal-footer {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .form-check-input {
    background-color: var(--client-field) !important;
}

.client-admin-main .main-body .form-check-input:checked {
    background-color: #0875ee !important;
}

.ticket-ai-master-toggle {
    min-width: 174px;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 14px;
    border: 0 !important;
    border-radius: 12px;
    background: #0a192b;
    color: #dce9f8;
    cursor: pointer;
    transition: background-color .16s ease;
}

.ticket-ai-master-toggle:hover {
    background: #0c1e33;
}

.ticket-ai-master-toggle.is-active {
    background: rgba(8, 117, 238, .22);
}

.ticket-ai-master-toggle__state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.ticket-ai-master-toggle__state i {
    color: #8fa9c7;
    font-size: 1.25rem;
}

.ticket-ai-master-toggle.is-active .ticket-ai-master-toggle__state i {
    color: #45a0ff;
}

.ticket-ai-master-toggle__state strong {
    font-size: .86rem;
    font-weight: 750;
}

.client-admin-main .main-body .ticket-ai-master-toggle .form-check-input {
    width: 3.25rem;
    height: 1.75rem;
    margin: 0 !important;
    border: 0 !important;
    cursor: pointer;
}

@media (max-width: 575.98px) {
    .ticket-ai-master-row {
        align-items: stretch !important;
        flex-direction: column;
    }

    .ticket-ai-master-toggle {
        width: 100%;
    }
}

.client-admin-main .main-body .client-list-details,
.client-admin-main .main-body .archive-message,
.client-admin-main .main-body .ai-qa-language-panel {
    background-image: none !important;
}

/* Keep only structural separators: rows and transitions between major sections. */
.client-admin-main .main-body .client-form-section + .client-form-section,
.client-admin-main .main-body .ai-source-form-section,
.client-admin-main .main-body .client-form-actions {
    border-right: 0 !important;
    border-bottom-color: rgba(68, 119, 181, .16) !important;
    border-left: 0 !important;
}

.client-admin-main .main-body .client-form-section + .client-form-section,
.client-admin-main .main-body .client-form-actions {
    border-top: 1px solid rgba(68, 119, 181, .16) !important;
    border-bottom: 0 !important;
}

.client-admin-main .main-body .ai-source-form-section {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(68, 119, 181, .16) !important;
}

.select2-flag-option {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    vertical-align: middle;
}

.select2-flag-option__copy {
    display: inline-flex;
    min-width: 0;
    align-items: baseline;
    gap: 6px;
}

.select2-flag-option__image {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    object-fit: cover;
}

.select2-flag-option__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-flag-option__secondary {
    flex: 0 0 auto;
    color: #7187a3;
    font-size: .78em;
}

.select2-flag-dropdown .select2-results__option {
    display: flex;
    min-height: 38px;
    align-items: center;
}

/* One consistent dark Select2 surface across all client pages. */
.client-admin-body .select2-container {
    width: 100% !important;
}

.client-admin-body .select2-container--default .select2-selection--single {
    min-height: 48px;
    padding: 0 !important;
    color: #edf4ff !important;
    background: var(--client-field, #0b192b) !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

.client-admin-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: 0 42px 0 15px !important;
    color: #edf4ff !important;
    line-height: 1.25 !important;
}

.client-admin-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 10px;
    width: 26px;
    height: 48px;
}

.client-admin-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -4px;
    border-top-color: #7890ad;
}

.client-admin-body .select2-container--open .select2-selection--single {
    background: var(--client-field-focus, #10223a) !important;
    box-shadow: 0 0 0 3px rgba(38, 139, 255, .13) !important;
}

.client-admin-body .select2-dropdown {
    overflow: hidden;
    margin-top: 6px;
    color: #dce8f7 !important;
    background: #06111f !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .38) !important;
}

.client-admin-body .select2-search--dropdown {
    padding: 9px !important;
}

.client-admin-body .select2-container--default .select2-search--dropdown .select2-search__field {
    min-height: 40px;
    padding: 8px 11px;
    color: #edf4ff !important;
    background: #0b192b !important;
    border: 0 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-body .select2-results__options {
    padding: 4px 6px 7px;
    scrollbar-color: #526985 transparent;
    scrollbar-width: thin;
}

.client-admin-body .select2-container--default .select2-results__option {
    min-height: 42px;
    margin: 2px 0;
    padding: 9px 11px;
    color: #cbd9ea !important;
    background: transparent !important;
    border-radius: 8px;
}

.client-admin-body .select2-container--default .select2-results__option--selected,
.client-admin-body .select2-container--default .select2-results__option[aria-selected="true"] {
    color: #dceaff !important;
    background: rgba(8, 124, 255, .14) !important;
}

.client-admin-body .select2-container--default .select2-results__option--highlighted,
.client-admin-body .select2-container--default .select2-results__option--highlighted[aria-selected],
.client-admin-body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #fff !important;
    background: #0875ee !important;
}

.client-admin-body .select2-container--default .select2-results__option--highlighted .select2-flag-option__secondary,
.client-admin-body .select2-container--default .select2-results__option--selected .select2-flag-option__secondary {
    color: #bcd3f2;
}

/* Ticket actions mirror the right-side chat details panel. */
.client-action-ticket .ticket-actions-panel {
    flex-basis: 310px;
    margin: 14px !important;
    border-radius: 16px !important;
    background: #040b14 !important;
    background-image: none !important;
}

.client-action-ticket .ticket-actions-panel .ticket-panel-header {
    min-height: 72px;
    padding: 14px 16px;
    background: #06101b !important;
    border-bottom: 1px solid var(--client-border) !important;
}

.client-action-ticket .ticket-actions-body,
.client-action-ticket #chat-details-body {
    padding: 15px !important;
    background: rgba(7, 17, 31, .28) !important;
}

.client-action-ticket .ticket-actions-card {
    overflow: hidden;
    padding: 0 !important;
    border-radius: 15px !important;
    background: var(--client-surface-borderless, #06101c) !important;
}

.client-action-ticket .ticket-actions-card > form {
    padding: 13px !important;
}

.client-action-ticket .ticket-status-form .form-label {
    margin-bottom: 7px;
    color: #7b94b3;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* Canonical icon geometry across the complete client application. */
.client-admin-body .client-sidebar__collapse,
.client-admin-body .client-sidebar__close,
.client-admin-main .client-topbar__menu,
.client-admin-main .client-icon-button,
.client-admin-main .main-body .chat-icon-button,
.client-admin-main .main-body :is(button, a):has(> i:only-child),
.client-admin-main .main-body :where([class*="-icon"], [class*="__icon"]):not(i):not(svg):not(img),
.client-admin-body :where([class*="-avatar"], [class*="__avatar"]):not(img) {
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.client-admin-main .client-icon-button,
.client-admin-main .main-body .chat-icon-button,
.client-admin-main .main-body :is(button, a):has(> i:only-child),
.client-admin-main .main-body :where([class*="-icon"], [class*="__icon"]):not(i):not(svg):not(img) {
    display: inline-flex !important;
}

.client-admin-main .main-body :where([class*="-icon"], [class*="__icon"]):not(i):not(svg):not(img) > i,
.client-admin-main .main-body :where([class*="-icon"], [class*="__icon"]):not(i):not(svg):not(img) > span[class*="la-"],
.client-admin-body .client-sidebar__collapse > i,
.client-admin-body .client-sidebar__close > i,
.client-admin-main .client-topbar__menu > i,
.client-admin-main .client-icon-button > i,
.client-admin-main .main-body .chat-icon-button > i,
.client-admin-main .main-body :is(button, a):has(> i:only-child) > i {
    width: 1em !important;
    height: 1em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.client-admin-main .main-body :where([class*="-icon"], [class*="__icon"]):not(i):not(svg):not(img) > :is(svg, img) {
    display: block;
    margin: auto;
}

.client-admin-main .main-body :where([class*="-icon"], [class*="__icon"]) > i::before,
.client-admin-body .client-sidebar__collapse > i::before,
.client-admin-body .client-sidebar__close > i::before,
.client-admin-main .client-topbar__menu > i::before,
.client-admin-main .client-icon-button > i::before,
.client-admin-main .main-body .chat-icon-button > i::before {
    display: block;
    line-height: 1 !important;
}

/* Review-inspired data tables shared by every client-zone overview. */
.client-admin-main .main-body .support-table-shell {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid rgba(77, 124, 180, .16) !important;
    border-radius: 11px;
    background: rgba(5, 14, 24, .34) !important;
    scrollbar-color: #274666 #07121f;
    scrollbar-width: thin;
}

.client-admin-main .main-body .client-data-card__header + .support-table-shell {
    margin-top: 10px;
}

.client-admin-main .main-body .support-table-shell .client-table {
    width: 100%;
    min-width: 940px;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    color: #c7d5e6;
    background: transparent !important;
}

.client-admin-main .main-body .support-table-shell #tickets { min-width: 1320px; }
.client-admin-main .main-body .support-table-shell .ai-history-table { min-width: 1080px; }
.client-admin-main .main-body .support-table-shell .ai-function-table,
.client-admin-main .main-body .support-table-shell .ai-qa-table,
.client-admin-main .main-body .support-table-shell .ai-source-table { min-width: 1040px; }

.client-admin-main .main-body .support-table-shell .client-table thead th {
    padding: 10px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(77, 124, 180, .18) !important;
    color: #607b9b !important;
    background: rgba(11, 29, 48, .72) !important;
    font-size: .58rem;
    font-weight: 760;
    letter-spacing: .07em;
    line-height: 1.35;
    text-transform: uppercase;
    white-space: nowrap;
}

.client-admin-main .main-body .support-table-shell .client-table tbody td {
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(77, 124, 180, .13) !important;
    color: #8297b0;
    background: transparent !important;
    font-size: .68rem;
    line-height: 1.45;
    transition: background .15s ease, color .15s ease;
}

.client-admin-main .main-body .support-table-shell .client-table tbody tr:last-child > td {
    border-bottom: 0 !important;
}

.client-admin-main .main-body .support-table-shell .client-table tbody tr:hover > td {
    color: #aebed0;
    background: rgba(16, 38, 63, .34) !important;
}

.client-admin-main .main-body .support-table-shell .client-table tbody tr.tr-highlight > td,
.client-admin-main .main-body .support-table-shell .client-table tbody tr.expanded > td {
    background: rgba(28, 73, 119, .24) !important;
}

.client-admin-main .main-body .support-table-shell .client-table td .fw-semibold,
.client-admin-main .main-body .support-table-shell .client-table td > strong,
.client-admin-main .main-body .support-table-shell .client-table td a:not(.btn) {
    color: #dfeaf7;
    font-size: .75rem;
    font-weight: 720;
    text-decoration: none;
}

.client-admin-main .main-body .support-table-shell .client-table td a:not(.btn):hover {
    color: #75a9f8;
}

.client-admin-main .main-body .support-table-shell .client-table td small,
.client-admin-main .main-body .support-table-shell .client-table .text-muted {
    color: #5d7591 !important;
    font-size: .61rem;
}

.client-admin-main .main-body .support-table-shell .client-table .client-list-status,
.client-admin-main .main-body .support-table-shell .client-table [class*="-badge"],
.client-admin-main .main-body .support-table-shell .client-table [class*="-pill"] {
    border-color: rgba(85, 133, 188, .18) !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .support-table-shell .client-table .btn {
    min-height: 32px;
    padding: 7px 10px;
    border-radius: 7px;
    font-size: .64rem;
    white-space: nowrap;
}

.client-admin-main .main-body .support-table-shell .client-table .c-table-row-expanded-content > td {
    padding: 16px !important;
    color: #b8c8da;
    background: #081524 !important;
}

@media (max-width: 991.98px) {
    .client-admin-main .main-body .support-table-shell {
        border-radius: 9px;
    }

    .client-admin-main .main-body .support-table-shell .client-table thead th,
    .client-admin-main .main-body .support-table-shell .client-table tbody td {
        padding-inline: 13px !important;
    }
}

/* Keep the Select2 multi-value placeholder aligned like the other 48px fields. */
.client-admin-body .select2-container--default .select2-selection--multiple {
    min-height: 48px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 10px !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    width: auto;
    min-height: 28px;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__rendered:empty {
    display: none !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    height: 28px;
    margin: 0 4px 0 0 !important;
    padding: 4px 10px 4px 28px !important;
    border-radius: 7px;
    font-size: .78rem;
    line-height: 20px;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 28px;
    margin: 0 !important;
    padding: 4px 6px !important;
    line-height: 20px;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search--inline {
    min-width: 0;
    min-height: 28px;
    display: flex;
    align-items: center;
    flex: 1 1 120px;
    float: none;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field {
    width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    line-height: 28px !important;
    text-align: left !important;
}