:root {
    --xtel-bg: #000000;
    --xtel-bg-soft: #05080d;
    --xtel-ink: #ffffff;
    --xtel-ink-hover: #e8f2ff;
    --xtel-muted: #b6bfcc;
    --xtel-muted-strong: #d9e2ee;
    --xtel-line: rgba(255, 255, 255, 0.12);
    --xtel-line-soft: rgba(255, 255, 255, 0.08);
    --xtel-line-strong: rgba(255, 255, 255, 0.22);
    --xtel-surface: #101318;
    --xtel-surface-soft: #171b22;
    --xtel-surface-muted: #0b0f15;
    --xtel-on-ink: #ffffff;
    --xtel-accent: #2f80ed;
    --xtel-accent-hover: #1f6fd3;
    --xtel-accent-soft: rgba(11, 132, 255, 0.14);
    --xtel-focus: rgba(47, 128, 237, 0.22);
    --xtel-shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.42);
    --xtel-front-primary: var(--xtel-ink);
    --xtel-front-secondary: var(--xtel-muted);
    --xtel-front-primary-hover: var(--xtel-ink-hover);
    --xtel-front-secondary-hover: var(--xtel-muted-strong);
    --xtel-front-surface: var(--xtel-surface);
    --xtel-front-surface-muted: var(--xtel-surface-soft);
    --xtel-front-border: var(--xtel-line);
    --xtel-front-border-soft: var(--xtel-line-soft);
}

/* Canonical shared user UI final override - 2026-05-18. */
:root {
    --xtel-control-height: 40px !important;
    --xtel-control-radius: 7px !important;
    --xtel-filter-date-width: 188px !important;
    --xtel-filter-time-width: 104px !important;
    --xtel-filter-field-width: 304px !important;
    --xtel-filter-gap-x: 28px !important;
    --xtel-filter-gap-y: 18px !important;
    --xtel-filter-action-width: 128px !important;
    --xtel-filter-primary-action-width: 150px !important;
}

.xtel-filter-card .xtel-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, var(--xtel-filter-field-width)) !important;
    align-items: end !important;
    justify-content: start !important;
    width: calc((var(--xtel-filter-field-width) * 2) + var(--xtel-filter-gap-x)) !important;
    max-width: 100% !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: var(--xtel-filter-action-width) !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: var(--xtel-filter-primary-action-width) !important;
}

.xtel-filter-card h4,
.xtel-filter-card label,
.xtel-filter-card .xtel-filter-label {
    color: #f8fafc !important;
    opacity: 1 !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

.xpay-summary {
    min-height: auto !important;
}

.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.dashboard-card .text-gray-700 {
    color: #f8fafc !important;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
    main:has(.xtel-trunks-primary-pagination) .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
    main:has(.xtel-trunks-primary-pagination) .xtel-desktop-pagination ~ .xtel-data-table-pagination,
    .page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
    .page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-grid,
    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text,
    .xtel-filter-card .xtel-filter-grid > .xtel-filter-field,
    .xtel-filter-card .xtel-filter-grid > .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-grid > .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets,
    .xtel-filter-card .xtel-filter-actions {
        gap: 10px !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 5px) !important;
        min-width: 0 !important;
    }
}

/* Canonical user-area controls and data surfaces. Keep this last. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 8px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
}

.xtel-filter-card {
    background: var(--xtel-panel) !important;
    border: 1px solid var(--xtel-line) !important;
    color: var(--xtel-ink) !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: grid !important;
    grid-template-columns: repeat(2, var(--xtel-filter-field-width)) !important;
    justify-content: start !important;
    align-items: end !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
    width: max-content !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    border: 1px solid var(--xtel-line-strong) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--xtel-ink) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-control::placeholder {
    color: rgba(255, 255, 255, 0.52) !important;
}

.xtel-filter-card label,
.xtel-filter-card .xtel-filter-label {
    color: var(--xtel-ink) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: max-content !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-actions {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--xtel-line-soft) !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    border: 1px solid var(--xtel-line) !important;
    background: transparent !important;
    color: var(--xtel-ink) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 132px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 160px !important;
}

.xtel-filter-button-primary,
.xtel-filter-card button.xtel-filter-button-primary {
    background: #0f62fe !important;
    border-color: #0f62fe !important;
    color: #ffffff !important;
}

.xtel-filter-card .xtel-filter-button:disabled,
.xtel-filter-card button.xtel-filter-button:disabled,
.xtel-filter-card .xtel-filter-button[disabled] {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: rgba(255, 255, 255, 0.62) !important;
    opacity: 1 !important;
}

.xtel-data-table th,
.xtel-data-table td,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700 {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

.page-trunks .xtel-data-table-pagination:not(.xtel-desktop-pagination):not(.xtel-mobile-pagination) {
    display: none !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

@media (max-width: 767px) {
    .xtel-filter-card .xtel-filter-inline {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        gap: 14px !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text,
    .xtel-filter-card .xtel-filter-date-pair {
        width: 100% !important;
        max-width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) 92px !important;
    }

    .xtel-filter-card .xtel-filter-presets,
    .xtel-filter-card .xtel-filter-actions {
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 5px) !important;
        min-width: 0 !important;
    }
}

/* XTEL canonical user UI contract - final override.
   Keep shared controls consistent across Calls, Stats, Payments and Trunks. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 7px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
    --xtel-filter-action-width: 128px;
    --xtel-filter-primary-action-width: 150px;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 128px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 150px !important;
}

.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
body.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
.page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
.xtel-trunks-primary-pagination ~ .xtel-data-table-pagination {
    display: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after {
    content: none !important;
    display: none !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#xtel-auth-modal.xtel-auth-modal {
    pointer-events: none !important;
}

#xtel-auth-modal .xtel-auth-modal__dialog,
#xtel-auth-modal .xtel-auth-modal__close {
    pointer-events: auto !important;
}

#xtel-auth-modal .xtel-auth-modal__backdrop {
    pointer-events: none !important;
}

body.xtel-auth-modal-open,
body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700 {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* Canonical shared user UI finish - 2026-05-18.
   Keep shared controls here so filters, tables and panels stay consistent across pages. */
:root {
    --xtel-control-height: 40px !important;
    --xtel-control-radius: 7px !important;
    --xtel-filter-date-width: 188px !important;
    --xtel-filter-time-width: 104px !important;
    --xtel-filter-field-width: 304px !important;
    --xtel-filter-gap-x: 28px !important;
    --xtel-filter-gap-y: 18px !important;
    --xtel-filter-action-width: 128px !important;
    --xtel-filter-primary-action-width: 150px !important;
}

.xtel-filter-card .xtel-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, var(--xtel-filter-field-width)) !important;
    align-items: end !important;
    justify-content: start !important;
    width: calc((var(--xtel-filter-field-width) * 2) + var(--xtel-filter-gap-x)) !important;
    max-width: 100% !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: var(--xtel-filter-action-width) !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: var(--xtel-filter-primary-action-width) !important;
}

.xtel-filter-card h4,
.xtel-filter-card label,
.xtel-filter-card .xtel-filter-label {
    color: #f8fafc !important;
    opacity: 1 !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

.xpay-summary {
    min-height: auto !important;
}

.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-dashboard-summary-card,
.mor-dashboard-summary-card *,
.dashboard-card,
.dashboard-card * {
    opacity: 1 !important;
}

.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.dashboard-card .text-gray-700 {
    color: #f8fafc !important;
}

@media (min-width: 768px) {
    main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
    main:has(.xtel-trunks-primary-pagination) .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
    main:has(.xtel-trunks-primary-pagination) .xtel-desktop-pagination ~ .xtel-data-table-pagination,
    .page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
    .page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-grid,
    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text,
    .xtel-filter-card .xtel-filter-grid > .xtel-filter-field,
    .xtel-filter-card .xtel-filter-grid > .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-grid > .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets,
    .xtel-filter-card .xtel-filter-actions {
        gap: 10px !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 5px) !important;
        min-width: 0 !important;
    }
}

/* XTEL canonical user UI contract - absolute final layer.
   This block is intentionally last so pages use one shared control system. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 7px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
    --xtel-filter-action-width: 128px;
    --xtel-filter-primary-action-width: 150px;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 128px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 150px !important;
}

.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
body.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
.page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
.xtel-trunks-primary-pagination ~ .xtel-data-table-pagination {
    display: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after {
    content: none !important;
    display: none !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#xtel-auth-modal.xtel-auth-modal {
    pointer-events: none !important;
}

#xtel-auth-modal .xtel-auth-modal__dialog,
#xtel-auth-modal .xtel-auth-modal__close {
    pointer-events: auto !important;
}

#xtel-auth-modal .xtel-auth-modal__backdrop {
    pointer-events: none !important;
}

body.xtel-auth-modal-open,
body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700 {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* Canonical user-area controls. Keep filter sizing shared across dashboard pages. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 7px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
}

.xtel-filter-card {
    --xtel-control-height: 40px !important;
    --xtel-control-radius: 7px !important;
    --xtel-filter-date-width: 188px !important;
    --xtel-filter-time-width: 104px !important;
    --xtel-filter-field-width: 304px !important;
    --xtel-filter-gap-x: 28px !important;
    --xtel-filter-gap-y: 18px !important;
    --xtel-filter-action-width: 128px !important;
    --xtel-filter-primary-action-width: 150px !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
    width: 100% !important;
}

.xtel-filter-card .xtel-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, var(--xtel-filter-field-width)) !important;
    align-items: end !important;
    justify-content: start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
    width: max-content !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 104px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 128px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 150px !important;
}

.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
.page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
.page-trunks .xtel-desktop-pagination ~ .xtel-desktop-pagination,
.page-trunks .xtel-mobile-pagination ~ .xtel-mobile-pagination {
    display: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > div,
.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#xtel-auth-modal.xtel-auth-modal {
    pointer-events: none !important;
}

#xtel-auth-modal .xtel-auth-modal__backdrop {
    pointer-events: none !important;
}

#xtel-auth-modal .xtel-auth-modal__dialog {
    pointer-events: auto !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* XTEL shared UI contract v3: one control/table/modal system across client pages. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 7px;
    --xtel-date-width: 188px;
    --xtel-time-width: 104px;
    --xtel-field-width: 304px;
    --xtel-filter-column-gap: 28px;
    --xtel-filter-row-gap: 18px;
}

.xtel-filter-card {
    background: #11151c !important;
    border: 1px solid #242a35 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.xtel-filter-card .xtel-filter-body {
    padding: 0 !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    column-gap: var(--xtel-filter-column-gap) !important;
    row-gap: var(--xtel-filter-row-gap) !important;
    max-width: 1128px !important;
}

.xtel-filter-card .xtel-filter-field {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-field-width) !important;
    width: var(--xtel-field-width) !important;
    max-width: var(--xtel-field-width) !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-date-width) var(--xtel-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-date-width) + var(--xtel-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card label {
    color: #f8fafc !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border: 1px solid #363a44 !important;
    border-radius: var(--xtel-control-radius) !important;
    background: #1e2026 !important;
    color: #f8fafc !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
    box-sizing: border-box !important;
}

.xtel-filter-card .xtel-filter-control::placeholder {
    color: #9ca3af !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 104px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border: 1px solid #242a35 !important;
    border-radius: var(--xtel-control-radius) !important;
    background: #11151c !important;
    color: #f8fafc !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 128px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 150px !important;
}

.xtel-filter-card .xtel-filter-button-primary,
.xtel-filter-card button.xtel-filter-button-primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

.xtel-filter-card .xtel-filter-button:disabled,
.xtel-filter-card .xtel-filter-button[disabled] {
    opacity: .55 !important;
}

.xtel-data-table thead,
.xtel-data-table thead tr,
.xtel-data-table th {
    background: #11151c !important;
    color: #f8fafc !important;
    border-color: #242a35 !important;
}

.xtel-data-table tbody,
.xtel-data-table tbody tr,
.xtel-data-table tbody td,
.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700 {
    color: #f8fafc !important;
    opacity: 1 !important;
}

.xtel-data-table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, .02) !important;
}

.xtel-data-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, .055) !important;
}

.page-trunks .xtel-data-table-pagination + .xtel-data-table-pagination,
.page-trunks .xtel-desktop-pagination ~ .xtel-desktop-pagination,
.page-trunks .xtel-mobile-pagination ~ .xtel-mobile-pagination {
    display: none !important;
}

@media (min-width: 768px) {
    .page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination) {
        display: none !important;
    }

    .page-trunks .xtel-trunks-primary-pagination {
        display: flex !important;
    }
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary [class*="border-dashed"],
.xpay-summary .border-dashed {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal {
    background: transparent !important;
    pointer-events: none !important;
}

#xtel-auth-modal.xtel-auth-modal.is-open {
    pointer-events: auto !important;
}

#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: rgba(2, 6, 23, .18) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

@media (max-width: 767px) {
    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        max-width: none !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) 92px !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* XTEL unified user-interface contract.
   Keep shared controls here so dashboard pages do not grow their own sizes. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 7px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
}

.xtel-filter-card .xtel-filter-body {
    width: 100% !important;
    max-width: none !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: var(--xtel-filter-gap-y) var(--xtel-filter-gap-x) !important;
    width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 124px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 150px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button[disabled],
.xtel-filter-card .xtel-filter-actions button[disabled],
.xtel-filter-card .xtel-filter-actions a[aria-disabled="true"] {
    opacity: .65 !important;
}

.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.dashboard-card .text-gray-700 {
    color: rgba(255, 255, 255, .94) !important;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination) {
        display: none !important;
    }
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px;
        --xtel-filter-field-width: 100%;
        --xtel-filter-gap-x: 14px;
        --xtel-filter-gap-y: 14px;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* Canonical X-Telecom user UI layer.
   Keep page-specific views on these shared primitives instead of per-page sizing. */
:root {
    --xtel-bg: #000000;
    --xtel-panel: #0d1117;
    --xtel-panel-soft: #11161d;
    --xtel-panel-muted: #1b2028;
    --xtel-line: #293241;
    --xtel-line-strong: #3a414d;
    --xtel-ink: #f8fafc;
    --xtel-muted: #cbd5e1;
    --xtel-subtle: #94a3b8;
    --xtel-blue: #2f80ed;
    --xtel-control-height: 40px;
    --xtel-control-radius: 8px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 24px;
    --xtel-filter-gap-y: 16px;
}

body:not(.admin-bar),
.page-dashboard,
.page-calls,
.page-stats,
.page-trunks,
.page-payments,
.page-profile {
    background: var(--xtel-bg) !important;
    color: var(--xtel-ink) !important;
}

.page-dashboard main,
.page-calls main,
.page-stats main,
.page-trunks main,
.page-payments main,
.page-profile main {
    background: var(--xtel-bg) !important;
}

.xtel-filter-card,
.xpay-card,
.xpay-summary,
.page-payments .rounded-2xl,
.page-calls .rounded-2xl,
.page-stats .rounded-2xl,
.page-trunks .rounded-2xl {
    background: var(--xtel-panel) !important;
    border-color: var(--xtel-line) !important;
    color: var(--xtel-ink) !important;
}

.xtel-filter-card {
    --xtel-filter-date-width: 188px !important;
    --xtel-filter-time-width: 104px !important;
    --xtel-filter-field-width: 304px !important;
    --xtel-filter-gap-x: 24px !important;
    --xtel-filter-gap-y: 16px !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: var(--xtel-filter-gap-y) var(--xtel-filter-gap-x) !important;
    width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.xtel-filter-card label,
.xtel-filter-card .text-gray-500,
.xtel-filter-card .text-gray-600,
.xtel-filter-card .text-gray-700,
.xtel-filter-card .text-gray-800,
.xtel-filter-card .text-gray-900 {
    color: var(--xtel-ink) !important;
}

.xtel-filter-card p,
.xtel-filter-card .text-sm {
    color: var(--xtel-muted) !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input,
.xtel-filter-card input,
.xtel-filter-card select {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border: 1px solid var(--xtel-line-strong) !important;
    border-radius: var(--xtel-control-radius) !important;
    background: var(--xtel-panel-muted) !important;
    color: var(--xtel-ink) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
    box-shadow: none !important;
}

.xtel-filter-card input::placeholder {
    color: var(--xtel-subtle) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border: 1px solid var(--xtel-line) !important;
    border-radius: var(--xtel-control-radius) !important;
    background: var(--xtel-panel) !important;
    color: var(--xtel-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 112px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 112px !important;
}

/* Shared filter contract v2: compact Stats-sized controls everywhere. */
.xtel-filter-card .xtel-filter-body,
.xtel-filter-card .xtel-filter-inline {
    max-width: none !important;
}

.xtel-filter-card .xtel-filter-field {
    margin: 0 !important;
}

.xtel-filter-card label,
.xtel-filter-card .xtel-filter-label {
    margin-bottom: 6px !important;
    color: var(--xtel-ink) !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input,
.xtel-filter-card select.xtel-filter-control {
    background: var(--xtel-surface-2) !important;
    border-color: var(--xtel-border) !important;
    color: var(--xtel-ink) !important;
}

.xtel-filter-card .xtel-filter-control::placeholder {
    color: var(--xtel-muted) !important;
}

.xtel-filter-card .xtel-filter-button {
    white-space: nowrap !important;
}

.xtel-filter-card .xtel-filter-presets {
    margin-top: 2px !important;
}

.xtel-filter-card .xtel-filter-actions {
    padding-top: 2px !important;
}

.xtel-filter-card .xtel-filter-button:hover,
.xtel-filter-card button.xtel-filter-button:hover,
.xtel-filter-card a.xtel-filter-button:hover {
    border-color: var(--xtel-line-strong) !important;
    background: var(--xtel-panel-soft) !important;
}

.xtel-data-table,
.xtel-data-table thead,
.xtel-data-table tbody,
.xtel-data-table tfoot {
    color: var(--xtel-ink) !important;
}

.xtel-data-table thead tr,
.xtel-table thead tr {
    background: var(--xtel-panel) !important;
}

.xtel-data-table th,
.xtel-table th {
    color: var(--xtel-ink) !important;
    border-color: var(--xtel-line) !important;
}

.xtel-data-table td,
.xtel-data-table td *,
.xtel-table td,
.xtel-table td *,
.xtel-data-table tfoot td,
.xtel-data-table tfoot td *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row * {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

.xtel-data-table tbody tr:nth-child(odd),
.xtel-table tbody tr:nth-child(odd) {
    background: var(--xtel-panel) !important;
}

.xtel-data-table tbody tr:nth-child(even),
.xtel-table tbody tr:nth-child(even) {
    background: var(--xtel-panel-soft) !important;
}

.xtel-data-table-pagination {
    background: transparent !important;
    color: var(--xtel-muted) !important;
    border-color: var(--xtel-line) !important;
}

.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination) {
    display: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: 220px !important;
    padding: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal {
    pointer-events: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

#xtel-auth-modal.xtel-auth-modal.is-open {
    pointer-events: auto !important;
}

#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: rgba(3, 7, 18, 0.28) !important;
    background-color: rgba(3, 7, 18, 0.28) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

body.xtel-auth-modal-open #app,
body.xtel-auth-modal-open .main,
body.xtel-auth-modal-open main,
body.xtel-auth-modal-open header,
body.xtel-auth-modal-open footer {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.dashboard-card .text-gray-700,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700,
.xpay-card .text-gray-400,
.xpay-card .text-gray-500,
.xpay-card .text-gray-600,
.xpay-card .text-gray-700,
.xpay-card .text-gray-800,
.xpay-card .text-gray-900 {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* XTEL interface contract v2.
   Shared dimensions for every user-facing filter/table/payment/auth surface. */
:root {
    --xtel-control-height: 40px !important;
    --xtel-control-radius: 7px !important;
    --xtel-filter-date-width: 188px !important;
    --xtel-filter-time-width: 104px !important;
    --xtel-filter-date-pair-width: 300px !important;
    --xtel-filter-field-width: 376px !important;
    --xtel-filter-gap-x: 16px !important;
    --xtel-filter-gap-y: 18px !important;
}

.xtel-filter-card {
    --xtel-control-height: 40px !important;
    --xtel-control-radius: 7px !important;
    --xtel-filter-date-width: 188px !important;
    --xtel-filter-time-width: 104px !important;
    --xtel-filter-date-pair-width: 300px !important;
    --xtel-filter-field-width: 376px !important;
    --xtel-filter-gap-x: 16px !important;
    --xtel-filter-gap-y: 18px !important;
}

.xtel-filter-card .xtel-filter-body,
.xtel-filter-card .xtel-filter-inline {
    width: 100% !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: var(--xtel-filter-gap-y) var(--xtel-filter-gap-x) !important;
}

.xtel-filter-card .xtel-filter-field {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: var(--xtel-filter-date-pair-width) !important;
    max-width: var(--xtel-filter-date-pair-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-presets .xtel-filter-button {
    min-width: 88px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 128px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 146px !important;
}

body.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination):not(.xtel-mobile-pagination),
body.page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination):not(.xtel-mobile-pagination) {
    display: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: auto !important;
    padding: 0 !important;
}

#xtel-auth-modal:not(.is-open) {
    display: none !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open {
    background: inherit !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.mor-dashboard-summary-card .mor-dashboard-summary-body,
.mor-dashboard-summary-card .mor-dashboard-summary-body *,
.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row * {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-date-pair-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text,
    .xtel-filter-card .xtel-filter-date-pair {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* XTEL interface contract: one compact filter rhythm and shared dark table surface. */
:root {
    --xtel-filter-card-padding-x: 32px;
    --xtel-filter-card-padding-y: 24px;
    --xtel-filter-control-height: 40px;
    --xtel-filter-control-radius: 8px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
    --xtel-action-gap: 12px;
    --xtel-action-width: 128px;
    --xtel-action-primary-width: 150px;
}

.xtel-filter-card > .px-4,
.xtel-filter-card > .p-4,
.xtel-filter-card > .p-6 {
    padding-left: var(--xtel-filter-card-padding-x) !important;
    padding-right: var(--xtel-filter-card-padding-x) !important;
}

.xtel-filter-card > .px-4.py-5,
.xtel-filter-card > .p-4:not(:first-child),
.xtel-filter-card > .p-6:not(:first-child) {
    padding-top: var(--xtel-filter-card-padding-y) !important;
    padding-bottom: var(--xtel-filter-card-padding-y) !important;
}

.xtel-filter-card .xtel-filter-body,
.xtel-filter-card .xtel-filter-inline,
.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    max-width: 1180px !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
    width: auto !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input,
.xtel-filter-card .xtel-filter-date-pair select {
    width: 100% !important;
    height: var(--xtel-filter-control-height) !important;
    min-height: var(--xtel-filter-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-filter-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-filter-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: var(--xtel-action-gap) !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: var(--xtel-action-width) !important;
    height: var(--xtel-filter-control-height) !important;
    min-height: var(--xtel-filter-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-filter-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: var(--xtel-action-primary-width) !important;
}

body.page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
body.page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination):not(.xtel-mobile-pagination),
main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination):not(.xtel-mobile-pagination) {
    display: none !important;
}

.xpay-summary {
    overflow: hidden !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty *,
.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after,
.xpay-summary .xpay-empty [class*="border-dashed"],
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: 260px !important;
    padding: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open {
    background: rgba(3, 7, 18, 0.12) !important;
}

#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot td *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row * {
    color: #ffffff !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    :root {
        --xtel-filter-card-padding-x: 18px;
        --xtel-filter-card-padding-y: 18px;
        --xtel-filter-time-width: 92px;
        --xtel-filter-field-width: 100%;
        --xtel-filter-gap-x: 14px;
        --xtel-filter-gap-y: 14px;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
        max-width: none !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* XTEL canonical user UI lock. Keep this block last so dashboard pages share one control/table system. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 8px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
}

.xtel-filter-card {
    background: var(--xtel-panel) !important;
    border-color: var(--xtel-line) !important;
    color: var(--xtel-ink) !important;
}

.xtel-filter-card .xtel-filter-body {
    padding: 0 !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: var(--xtel-filter-gap-y) var(--xtel-filter-gap-x) !important;
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    border: 1px solid var(--xtel-line-strong) !important;
    background: var(--xtel-panel-muted) !important;
    color: var(--xtel-ink) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.xtel-filter-card .xtel-filter-control::placeholder {
    color: var(--xtel-subtle) !important;
}

.xtel-filter-card label,
.xtel-filter-card h3,
.xtel-filter-card h4,
.xtel-filter-card p {
    color: var(--xtel-ink) !important;
}

.xtel-filter-card p {
    color: var(--xtel-muted) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px 12px !important;
}

.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    border: 1px solid var(--xtel-line) !important;
    background: transparent !important;
    color: var(--xtel-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 128px !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: 150px !important;
}

.xtel-filter-card .xtel-filter-button-primary,
.xtel-filter-card button.xtel-filter-button-primary {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

.xtel-data-table,
.xtel-data-table th,
.xtel-data-table td,
.xtel-data-table tfoot,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row * {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

.xtel-data-table thead,
.xtel-data-table thead th {
    background: var(--xtel-panel) !important;
    color: var(--xtel-ink) !important;
}

.xtel-data-table tbody tr {
    background: transparent !important;
}

.xtel-data-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.035) !important;
}

.xtel-data-table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.01) !important;
}

.xtel-data-table tfoot tr,
.mor-destination-groups-total-row {
    background: transparent !important;
    border-top-color: var(--xtel-line-strong) !important;
}

.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700 {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after {
    content: none !important;
    display: none !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

@media (min-width: 768px) {
    .page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination) {
        display: none !important;
    }
}

.page-trunks .xtel-data-table-pagination + .xtel-data-table-pagination {
    display: none !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px;
        --xtel-filter-gap-x: 12px;
        --xtel-filter-gap-y: 14px;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
        max-width: none !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}

/* X-Telecom shared interaction polish.
   Keep filters, table controls and pagination consistent across the user area. */
.xtel-filter-card {
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: var(--xtel-filter-gap-y) var(--xtel-filter-gap-x) !important;
    width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 7px !important;
    line-height: 40px !important;
}

.xtel-filter-card input[type="date"].xtel-filter-control,
.xtel-filter-card input[type="time"].xtel-filter-control {
    font-size: 0.9375rem !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: 112px !important;
    height: 40px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    line-height: 1 !important;
}

.xtel-data-table-pagination + .xtel-data-table-pagination,
.xtel-desktop-pagination ~ .xtel-desktop-pagination {
    display: none !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > div {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open {
    background-color: inherit !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-date-width: minmax(0, 1fr);
        --xtel-filter-time-width: 92px;
        --xtel-filter-field-width: 100%;
        --xtel-filter-gap-x: 14px;
        --xtel-filter-gap-y: 14px;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) 92px !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        min-width: calc(50% - 6px) !important;
        flex: 1 1 calc(50% - 6px) !important;
    }
}

* {
    scrollbar-color: rgba(47, 128, 237, 0.45) var(--xtel-bg-soft);
}

html,
body {
    background: var(--xtel-bg) !important;
    color: var(--xtel-ink);
}

.bg-white.text-body,
.page- {
    background: var(--xtel-bg) !important;
}

.bg-white,
.bg-gray-50,
.bg-gray-100,
.bg-blueGray-50,
.bg-blueGray-100,
.bg-slate-50,
.bg-slate-100,
.bg-zinc-50,
.bg-zinc-100,
.bg-neutral-50,
.bg-neutral-100,
.bg-stone-50,
.bg-stone-100 {
    background-color: var(--xtel-bg) !important;
}

.bg-white\/90,
.bg-white\/80,
.bg-white\/70,
.bg-white\/60,
.bg-white\/50,
.bg-white\/40,
.bg-white\/30,
.bg-white\/20,
.bg-white\/10 {
    background-color: rgba(16, 19, 24, 0.88) !important;
}

.main,
header,
.sticky-bar,
.container.bg-transparent {
    background-color: transparent !important;
}

.sticky-bar {
    background: rgba(0, 0, 0, 0.94) !important;
    border-bottom: 1px solid var(--xtel-line-soft);
    backdrop-filter: saturate(160%) blur(12px);
}

body > div,
body > main,
body > section,
.wrapper,
.page-wrapper,
.content-wrapper,
.main-content,
.site-content,
.bg-body,
.bg-light,
.body-bg,
.mor-client-shell,
.mor-client-shell > *,
.mor-client-page,
.mor-client-page > *,
.mor-dashboard,
.mor-dashboard-page,
.mor-api-page,
.payments-page,
.profile-page,
.xpay-page,
.xpay-manager {
    background-color: var(--xtel-bg) !important;
    color: var(--xtel-ink);
}

.sticky-bar a,
.sticky-bar button,
.sticky-bar .language,
.navbar-menu a,
.navbar-menu button {
    color: #ffffff !important;
}

.sticky-bar a:hover,
.sticky-bar button:hover,
.navbar-menu a:hover,
.navbar-menu button:hover {
    color: var(--xtel-accent-hover) !important;
}

.sticky-bar img,
.navbar-menu img,
footer img,
.logo-main img {
    filter: brightness(0) invert(1);
}

.ck-content > section:first-child {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.28) 52%, rgba(0, 0, 0, 0.86) 100%),
        radial-gradient(circle at 50% 36%, rgba(47, 128, 237, 0.26), rgba(0, 0, 0, 0) 56%),
        url("/vendor/core/packages/mor-api/img/hero-network-bg.svg") center center / cover no-repeat,
        var(--xtel-bg) !important;
    min-height: 720px;
    border-bottom: 1px solid var(--xtel-line-soft);
}

.ck-content > section:first-child > div[aria-hidden="true"] {
    display: none !important;
}

.ck-content > section:first-child h1,
.ck-content > section:first-child h2,
.ck-content > section:first-child h3,
.ck-content > section:first-child p,
.ck-content > section:first-child .wow {
    opacity: 1 !important;
    visibility: visible !important;
}

.ck-content > section:first-child h1,
.ck-content > section:first-child h2,
.ck-content > section:first-child h3 {
    color: #ffffff !important;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.12 !important;
    text-shadow: 0 0 32px rgba(11, 132, 255, 0.18);
}

.ck-content > section:first-child h2 {
    display: block !important;
    margin-bottom: 48px !important;
    padding-bottom: 8px !important;
}

.ck-content > section:first-child p {
    position: relative;
    z-index: 1;
    margin-top: 18px !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

.ck-content > section:first-child .wow[data-wow-delay=".4s"],
.ck-content > section:first-child p + div {
    position: relative;
    z-index: 2;
}

.ck-content > section:first-child a.bg-blue-400,
.ck-content > section:first-child a.hover\:bg-blue-500 {
    background: var(--xtel-accent) !important;
    border: 1px solid var(--xtel-accent) !important;
    color: #ffffff !important;
}

.ck-content > section:first-child a.bg-blue-400:hover,
.ck-content > section:first-child a.hover\:bg-blue-500:hover {
    background: var(--xtel-accent-hover) !important;
    border-color: var(--xtel-accent-hover) !important;
    color: #ffffff !important;
}

.language [id^="xtel-lang-"][id$="-menu"] {
    background: rgba(0, 0, 0, 0.62) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38) !important;
    backdrop-filter: blur(18px) saturate(160%);
}

.language [id^="xtel-lang-"][id$="-menu"] a {
    color: rgba(255, 255, 255, 0.9) !important;
}

.language [id^="xtel-lang-"][id$="-menu"] a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.navbar-menu,
.navbar-menu > *,
.mobile-menu,
.mobile-menu-wrap,
.mobile-menu-wrapper,
.offcanvas,
.offcanvas-body,
.offcanvas-content,
[class*="mobile-menu"] {
    background-color: rgba(0, 0, 0, 0.96) !important;
    color: var(--xtel-ink) !important;
    border-color: var(--xtel-line-soft) !important;
}

.ck-content section,
main {
    background-color: var(--xtel-bg);
}

main,
.main,
.page-content,
.ck-content,
.ck-content > section,
.mor-client-shell,
.mor-client-page,
.mor-dashboard,
.mor-dashboard-page,
.mor-api-page,
.xpay-page,
.xpay-manager,
.profile-page,
.payments-page {
    background-color: var(--xtel-bg) !important;
    color: var(--xtel-ink);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading,
.text-gray-900,
.text-gray-800,
.text-slate-900,
.text-slate-800,
.text-zinc-900,
.text-zinc-800,
.text-neutral-900,
.text-neutral-800,
.text-blueGray-900,
.text-blueGray-800 {
    color: var(--xtel-ink) !important;
}

.text-blueGray-600,
.text-blueGray-500,
.text-blueGray-400,
.text-gray-700,
.text-gray-600,
.text-gray-500,
.text-gray-400,
.text-slate-700,
.text-slate-600,
.text-slate-500,
.text-zinc-700,
.text-zinc-600,
.text-zinc-500 {
    color: var(--xtel-muted) !important;
}

.mor-client-shell .text-gray-700,
.mor-client-shell .text-gray-600,
.mor-client-shell .text-gray-500,
.mor-client-shell .text-gray-400,
.mor-client-page .text-gray-700,
.mor-client-page .text-gray-600,
.mor-client-page .text-gray-500,
.mor-client-page .text-gray-400,
.xpay-card .text-gray-700,
.xpay-card .text-gray-600,
.xpay-card .text-gray-500,
.xpay-card .text-gray-400,
.xpay-summary .text-gray-700,
.xpay-summary .text-gray-600,
.xpay-summary .text-gray-500,
.xpay-summary .text-gray-400 {
    color: var(--xtel-muted-strong) !important;
}

.text-white {
    color: #ffffff !important;
}

.border-gray-100,
.border-gray-200,
.border-gray-300,
.border-slate-100,
.border-slate-200,
.border-slate-300,
.border-zinc-100,
.border-zinc-200,
.border-zinc-300 {
    border-color: var(--xtel-line-soft) !important;
}

a {
    color: var(--xtel-ink);
}

a:hover {
    color: var(--xtel-ink-hover);
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
    border-color: var(--xtel-ink) !important;
    outline: none;
    box-shadow: 0 0 0 3px var(--xtel-focus) !important;
}

input,
select,
textarea,
.form-control,
.form-select,
[type="text"],
[type="email"],
[type="password"],
[type="number"],
[type="search"],
[type="tel"],
[type="url"] {
    background-color: rgba(255, 255, 255, 0.035) !important;
    border-color: var(--xtel-line) !important;
    color: var(--xtel-ink) !important;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: rgba(182, 191, 204, 0.72) !important;
}

option {
    background: var(--xtel-surface) !important;
    color: var(--xtel-ink) !important;
}

.rounded,
.rounded-xl,
.rounded-2xl,
.rounded-lg {
    border-radius: 12px;
}

.sipup-btn-primary,
.mor-api-btn-primary,
.mor-client-btn-primary,
.xpay-button-primary,
.xtel-rates-search button,
.xtel-rates-pager a,
.xtel-btn-primary,
.bg-blue-400,
.hover\:bg-blue-500:hover,
.btn-primary {
    background: var(--xtel-accent) !important;
    border-color: var(--xtel-accent) !important;
    color: var(--xtel-on-ink) !important;
}

.sipup-btn-primary:hover,
.mor-api-btn-primary:hover,
.mor-client-btn-primary:hover,
.xpay-button-primary:hover,
.xtel-rates-search button:hover,
.xtel-rates-pager a:hover,
.xtel-btn-primary:hover,
.btn-primary:hover {
    background: var(--xtel-accent-hover) !important;
    border-color: var(--xtel-accent-hover) !important;
    color: var(--xtel-on-ink) !important;
}

.sipup-btn-outline,
.mor-api-btn-outline,
.mor-client-btn-outline,
.mor-client-btn-secondary,
.xtel-rates-download,
.xtel-btn-secondary,
.btn-white,
.btn-outline,
.btn-secondary {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(11, 132, 255, 0.42) !important;
    color: var(--xtel-accent-hover) !important;
}

.sipup-btn-outline:hover,
.mor-api-btn-outline:hover,
.mor-client-btn-outline:hover,
.mor-client-btn-secondary:hover,
.xtel-rates-download:hover,
.btn-outline:hover,
.btn-secondary:hover {
    background: var(--xtel-accent-soft) !important;
    border-color: var(--xtel-accent) !important;
    color: #ffffff !important;
}

.xtel-rates-tab,
.xtel-theme-tab,
.xpay-method {
    background: var(--xtel-surface) !important;
    border-color: var(--xtel-line) !important;
    color: var(--xtel-ink) !important;
}

.xtel-rates-tab:hover,
.xtel-theme-tab:hover,
.xpay-method:hover:not(:disabled) {
    background: var(--xtel-surface-soft);
    border-color: var(--xtel-muted);
    color: var(--xtel-ink);
}

.xtel-rates-tab.is-active,
.xtel-theme-tab.is-active,
.xtel-theme-tab[aria-selected="true"],
.xpay-method.is-active {
    background: var(--xtel-accent) !important;
    border-color: var(--xtel-accent) !important;
    color: var(--xtel-on-ink) !important;
}

.xtel-auth-modal__dialog,
.xpay-card,
.xpay-summary,
.xpay-history,
.xpay-history-card,
.mor-client-card,
.mor-api-card,
.dashboard-card,
.profile-card,
.payment-card,
.payment-history,
.mor-dashboard-summary-card,
.bg-white.rounded-xl,
.bg-white.rounded-2xl,
.bg-white.shadow,
.bg-white.shadow-sm,
.bg-white.shadow-md,
.bg-white.border,
.bg-white[class*="rounded"],
.bg-white[class*="shadow"],
.bg-gray-50.border,
.bg-gray-100.border,
.bg-slate-50.border,
.bg-slate-100.border,
.bg-zinc-50.border,
.bg-zinc-100.border,
[class*="bg-white"][class*="rounded"],
[class*="bg-white"][class*="shadow"],
[class*="bg-gray-50"][class*="rounded"],
[class*="bg-gray-100"][class*="rounded"] {
    background: var(--xtel-surface) !important;
    border-color: var(--xtel-line-soft) !important;
    box-shadow: var(--xtel-shadow-soft) !important;
}

.xpay-card h1,
.xpay-card h2,
.xpay-card h3,
.xpay-card label,
.xpay-card table,
.xpay-card th,
.xpay-card td,
.xpay-card td *,
.xpay-card .font-mono,
.xpay-card .xpay-method-label,
.xpay-card .xpay-method-min,
.xpay-card .xpay-method-letter,
.xpay-summary h1,
.xpay-summary h2,
.xpay-summary h3,
.xpay-summary label,
.xpay-summary input,
.payments-page table,
.payments-page th,
.payments-page td,
.payments-page td *,
.mor-client-page table,
.mor-client-page th,
.mor-client-page td,
.mor-client-page td * {
    color: var(--xtel-ink) !important;
}

.xpay-card thead,
.payments-page thead,
.mor-client-page thead {
    color: var(--xtel-ink) !important;
}

.xpay-card tbody,
.payments-page tbody,
.mor-client-page tbody {
    color: var(--xtel-ink) !important;
}

.xpay-card .bg-gray-100,
.payments-page .bg-gray-100,
.mor-client-page .bg-gray-100 {
    background-color: rgba(255, 255, 255, 0.09) !important;
}

.xpay-card .text-gray-400,
.xpay-card .text-gray-500,
.payments-page .text-gray-400,
.payments-page .text-gray-500,
.mor-client-page .text-gray-400,
.mor-client-page .text-gray-500 {
    color: var(--xtel-muted-strong) !important;
}

.ck-content [style*="background: #fff"],
.ck-content [style*="background:#fff"],
.ck-content [style*="background: white"],
.ck-content [style*="background:white"],
.ck-content [style*="background-color: #fff"],
.ck-content [style*="background-color:#fff"],
.ck-content [style*="background-color: white"],
.ck-content [style*="background-color:white"],
main [style*="background: #fff"],
main [style*="background:#fff"],
main [style*="background: white"],
main [style*="background:white"],
main [style*="background-color: #fff"],
main [style*="background-color:#fff"],
main [style*="background-color: white"],
main [style*="background-color:white"] {
    background: var(--xtel-surface) !important;
    color: var(--xtel-ink) !important;
}

table,
thead,
tbody,
tfoot,
tr,
th,
td {
    color: inherit;
    border-color: var(--xtel-line-soft) !important;
}

thead,
tfoot,
.table thead,
.table tfoot,
.bg-gray-50,
.bg-slate-50 {
    background-color: var(--xtel-surface-muted) !important;
}

tbody.bg-white,
.table,
.table-responsive,
.divide-y > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--xtel-line-soft) !important;
}

.table-striped tbody tr:nth-of-type(odd),
tbody tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.02);
}

.table-striped tbody tr:nth-of-type(even),
tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.055);
}

.xpay-method.is-active .xpay-method-label,
.xpay-method.is-active .xpay-method-min,
.xpay-method.is-active .xpay-method-letter {
    color: var(--xtel-on-ink) !important;
}

.xpay-method.is-active .xpay-method-icon {
    background: rgba(255, 255, 255, 0.14) !important;
}

.xpay-method.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.text-blue-500,
.text-blue-600,
.text-indigo-500,
.text-indigo-600 {
    color: var(--xtel-accent) !important;
}

.hover\:text-blue-500:hover,
.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover,
.hover\:text-blueGray-500:hover,
.hover\:text-blueGray-600:hover {
    color: var(--xtel-accent-hover) !important;
}

.bg-blue-500,
.bg-blue-600,
.bg-indigo-500,
.bg-indigo-600 {
    background-color: var(--xtel-accent) !important;
}

.bg-blue-400 {
    background-color: var(--xtel-accent) !important;
}

.hover\:bg-blue-500:hover,
.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover {
    background-color: var(--xtel-ink-hover) !important;
}

.bg-blue-50,
.bg-blue-100,
.hover\:bg-blue-50:hover,
.hover\:bg-blueGray-50:hover {
    background-color: var(--xtel-accent-soft) !important;
}

.border-blue-500,
.border-blue-600,
.border-indigo-500,
.border-indigo-600 {
    border-color: var(--xtel-accent) !important;
}

.border-blue-200,
.border-blue-300,
.border-blueGray-100,
.border-blueGray-200,
.border-blueGray-300 {
    border-color: var(--xtel-line) !important;
}

.ring-blue-500,
.ring-indigo-500 {
    --tw-ring-color: var(--xtel-focus) !important;
}

.xtel-data-table th,
.xtel-rates-table th {
    color: var(--xtel-muted-strong);
}

.xtel-data-table td,
.xtel-rates-table td,
.xtel-rates-mobile-item,
.pricing-rates-table td,
.pricing-rates-mobile-item {
    color: var(--xtel-ink) !important;
}

.xtel-data-table tbody tr:nth-child(even),
.xtel-rates-table tbody tr:nth-child(even),
.pricing-rates-table tbody tr:nth-child(even),
.xtel-rates-mobile-item:nth-child(even),
.pricing-rates-mobile-item:nth-child(even) {
    background: var(--xtel-surface-muted) !important;
}

.xtel-data-table tbody tr:nth-child(odd),
.xtel-rates-table tbody tr:nth-child(odd),
.pricing-rates-table tbody tr:nth-child(odd),
.xtel-rates-mobile-item:nth-child(odd),
.pricing-rates-mobile-item:nth-child(odd) {
    background: var(--xtel-surface) !important;
}

.xtel-rates-table th,
.pricing-rates-table th {
    color: var(--xtel-muted-strong) !important;
}

.xtel-filter-card {
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 20px;
    --xtel-filter-gap-y: 16px;
    max-width: none;
}

.xtel-filter-card,
.xtel-filter-card * {
    box-sizing: border-box;
}

.xtel-filter-inline,
.xtel-filter-body,
.xtel-filter-presets,
.xtel-filter-actions {
    width: 100%;
}

.xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: var(--xtel-filter-gap-y) var(--xtel-filter-gap-x) !important;
}

.xtel-filter-field {
    flex: 0 0 var(--xtel-filter-field-width);
    width: var(--xtel-filter-field-width);
    max-width: 100%;
    min-width: 0;
}

.xtel-filter-field-select,
.xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width);
    width: var(--xtel-filter-field-width);
    max-width: 100%;
    min-width: 0;
}

.xtel-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, var(--xtel-filter-field-width))) !important;
    justify-content: start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
}

.xtel-filter-grid > div {
    width: 100%;
    max-width: var(--xtel-filter-field-width);
    min-width: 0;
}

.xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width);
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
}

.xtel-filter-control,
.xtel-filter-card input,
.xtel-filter-card select {
    width: 100% !important;
    max-width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid var(--xtel-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--xtel-ink) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.xtel-filter-date-pair input[type="date"] {
    width: 100% !important;
    flex: none !important;
}

.xtel-filter-date-pair input[type="time"] {
    width: 100% !important;
    flex: none !important;
}

.xtel-filter-date-pair input[type="date"],
.xtel-filter-date-pair input[type="time"] {
    border-radius: 8px !important;
}

.xtel-filter-card label {
    display: block;
    margin-bottom: 8px;
    color: var(--xtel-ink) !important;
    line-height: 1.2;
}

.xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 98px;
    padding: 0 16px !important;
    border-radius: 8px !important;
    border: 1px solid var(--xtel-line) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--xtel-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    gap: 8px;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button,
.xtel-filter-card a.xtel-filter-button {
    height: 40px !important;
    min-height: 40px !important;
    line-height: 1 !important;
}

.xtel-filter-button-primary,
.xtel-filter-card button.xtel-filter-button-primary {
    background: #0b1220 !important;
    border-color: #0b1220 !important;
    color: #fff !important;
}

.xtel-filter-button:hover,
.xtel-filter-card button.xtel-filter-button:hover,
.xtel-filter-card a.xtel-filter-button:hover {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: var(--xtel-line-strong) !important;
}

.xtel-filter-button-primary:hover,
.xtel-filter-card button.xtel-filter-button-primary:hover {
    background: #111827 !important;
    border-color: #111827 !important;
}

.xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-presets {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-actions .xtel-filter-button,
.xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a.xtel-filter-button,
.xtel-filter-presets .xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-presets a.xtel-filter-button {
    flex: 0 0 auto !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 98px !important;
    width: auto !important;
}

.xtel-filter-button svg {
    flex: 0 0 auto;
}

.xtel-filter-card .xtel-filter-button:disabled,
.xtel-filter-card button.xtel-filter-button:disabled,
.xtel-filter-card .xtel-filter-button[disabled] {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(255, 255, 255, 0.72) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.xtel-mobile-only {
    display: none !important;
}

.xtel-desktop-only {
    display: block !important;
}

.xtel-data-table thead,
.pricing-rates-table thead,
.xtel-rates-table thead {
    background: var(--xtel-surface) !important;
    border-bottom-color: var(--xtel-line-strong) !important;
}

.xtel-data-table th,
.pricing-rates-table th,
.xtel-rates-table th {
    color: var(--xtel-ink) !important;
}

.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.xtel-data-table tfoot [class*="text-"],
.xtel-data-table tfoot [class*="opacity-"],
.mor-destination-groups-total-row,
.mor-destination-groups-total-row tr,
.mor-destination-groups-total-row td,
.mor-destination-groups-total-row *,
.mor-destination-groups-total-row [class*="text-"],
.mor-destination-groups-total-row [class*="opacity-"],
.mor-destination-groups-total-row .text-gray-900,
.mor-destination-groups-total-row .text-gray-700,
.mor-destination-groups-total-row .text-gray-600,
.mor-destination-groups-total-row .text-slate-900,
.mor-destination-groups-total-row .text-slate-700,
.mor-destination-groups-total-row .text-slate-600 {
    background: transparent !important;
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .xtel-filter-field,
    .xtel-filter-field-select,
    .xtel-filter-field-text {
        width: 100%;
        flex: 0 0 100%;
    }

    .xtel-filter-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        column-gap: 0 !important;
        row-gap: 16px !important;
    }

    .xtel-filter-grid > div {
        max-width: none;
    }

    .xtel-filter-date-pair {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width);
        width: 100%;
    }

    .xtel-filter-date-pair input[type="date"],
    .xtel-filter-date-pair input[type="time"] {
        width: 100% !important;
        flex: 1 1 auto;
    }

    .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-actions .xtel-filter-button {
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
    }

    .xtel-desktop-only {
        display: none !important;
    }

    .xtel-mobile-only {
        display: block !important;
    }

    .xtel-mobile-only.flex {
        display: flex !important;
    }
}

@media (min-width: 768px) {
    .xtel-desktop-only {
        display: block !important;
    }

    .xtel-mobile-only {
        display: none !important;
    }
}

.xpay-empty {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty,
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary {
    background: rgba(15, 23, 42, 0.58) !important;
    border-color: var(--xtel-line) !important;
    box-shadow: none !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

.xpay-summary .xpay-empty::before,
.xpay-summary .xpay-empty::after {
    content: none !important;
    display: none !important;
}

.xpay-summary .xpay-empty > * {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#xtel-auth-modal.xtel-auth-modal {
    background: transparent !important;
    background-color: transparent !important;
    pointer-events: none !important;
}

#xtel-auth-modal.xtel-auth-modal::before,
#xtel-auth-modal.xtel-auth-modal::after {
    content: none !important;
    display: none !important;
}

#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    pointer-events: auto !important;
}

#xtel-auth-modal .xtel-auth-modal__dialog {
    pointer-events: auto !important;
}

.xpay-summary img[alt*="QR"] {
    border: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}

.xpay-history-card {
    background: var(--xtel-surface) !important;
    border-color: var(--xtel-line) !important;
    color: var(--xtel-ink) !important;
}

.xpay-history-card h1,
.xpay-history-card h2,
.xpay-history-card h3,
.xpay-history-card table,
.xpay-history-card thead,
.xpay-history-card tbody,
.xpay-history-card tr,
.xpay-history-card th,
.xpay-history-card td,
.xpay-history-card td *,
.xpay-history-card a {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

.xpay-history-card thead {
    background: var(--xtel-surface-muted) !important;
}

.xpay-history-card tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.02) !important;
}

.xpay-history-card tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.055) !important;
}

.xpay-history-card .text-gray-400,
.xpay-history-card .text-gray-500,
.xpay-history-card .text-gray-600,
.xpay-history-card .text-slate-400,
.xpay-history-card .text-slate-500 {
    color: var(--xtel-muted-strong) !important;
}

.xtel-mobile-pagination {
    display: none !important;
}

.xtel-desktop-pagination {
    display: flex !important;
}

@media (max-width: 767px) {
    .xtel-desktop-pagination {
        display: none !important;
    }

    .xtel-mobile-pagination {
        display: flex !important;
    }
}

@media (min-width: 768px) {
    .xtel-desktop-pagination {
        display: flex !important;
    }

    .xtel-mobile-pagination {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .ck-content > section:first-child {
        min-height: 640px;
    }

    .ck-content > section:first-child h1,
    .ck-content > section:first-child h2,
    .ck-content > section:first-child h3 {
        font-size: clamp(2rem, 10vw, 2.75rem) !important;
        line-height: 1.08 !important;
        max-width: 92vw;
    }

    .ck-content > section:first-child h2 {
        margin-bottom: 42px !important;
        padding-bottom: 8px !important;
    }

    .ck-content > section:first-child p {
        margin-top: 18px !important;
        font-size: 1rem !important;
        line-height: 1.45 !important;
        max-width: 82vw;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Final shared control system: filters, table pagination and payment summary. */
:root {
    --xtel-control-height: 40px;
    --xtel-control-radius: 7px;
    --xtel-filter-date-width: 188px;
    --xtel-filter-time-width: 104px;
    --xtel-filter-field-width: 304px;
    --xtel-filter-gap-x: 28px;
    --xtel-filter-gap-y: 18px;
}

.xtel-filter-card {
    --xtel-filter-date-width: 188px !important;
    --xtel-filter-time-width: 104px !important;
    --xtel-filter-field-width: 304px !important;
    --xtel-filter-gap-x: 28px !important;
    --xtel-filter-gap-y: 18px !important;
    --xtel-filter-action-width: 128px !important;
    --xtel-filter-primary-action-width: 150px !important;
}

.xtel-filter-card .xtel-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px)) !important;
    align-items: end !important;
    justify-content: start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
    width: max-content !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    column-gap: var(--xtel-filter-gap-x) !important;
    row-gap: var(--xtel-filter-gap-y) !important;
    width: 100% !important;
}

.xtel-filter-card .xtel-filter-field,
.xtel-filter-card .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-field-text {
    flex: 0 0 var(--xtel-filter-field-width) !important;
    width: var(--xtel-filter-field-width) !important;
    max-width: var(--xtel-filter-field-width) !important;
    min-width: 0 !important;
}

.xtel-filter-card .xtel-filter-grid > .xtel-filter-field,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field-select,
.xtel-filter-card .xtel-filter-grid > .xtel-filter-field-text {
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
}

.xtel-filter-card .xtel-filter-date-pair {
    display: grid !important;
    grid-template-columns: var(--xtel-filter-date-width) var(--xtel-filter-time-width) !important;
    gap: 8px !important;
    width: calc(var(--xtel-filter-date-width) + var(--xtel-filter-time-width) + 8px) !important;
    max-width: 100% !important;
}

.xtel-filter-card .xtel-filter-control,
.xtel-filter-card input.xtel-filter-control,
.xtel-filter-card select.xtel-filter-control,
.xtel-filter-card .xtel-filter-date-pair input {
    width: 100% !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 15px !important;
    line-height: var(--xtel-control-height) !important;
}

.xtel-filter-card .xtel-filter-presets,
.xtel-filter-card .xtel-filter-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.xtel-filter-card h4,
.xtel-filter-card label {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

.xtel-filter-card .xtel-filter-button,
.xtel-filter-card button.xtel-filter-button,
.xtel-filter-card a.xtel-filter-button,
.xtel-filter-card .xtel-filter-presets button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: var(--xtel-control-height) !important;
    min-height: var(--xtel-control-height) !important;
    padding: 0 16px !important;
    border-radius: var(--xtel-control-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button,
.xtel-filter-card .xtel-filter-actions button,
.xtel-filter-card .xtel-filter-actions a {
    min-width: var(--xtel-filter-action-width) !important;
}

.xtel-filter-card .xtel-filter-actions .xtel-filter-button:first-child,
.xtel-filter-card .xtel-filter-actions button:first-child,
.xtel-filter-card .xtel-filter-actions a:first-child {
    min-width: var(--xtel-filter-primary-action-width) !important;
}

@media (min-width: 768px) {
    .page-trunks .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
    .page-trunks .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination,
    .page-trunks .xtel-data-table-pagination + .xtel-data-table-pagination,
    main:has(.xtel-trunks-primary-pagination) .xtel-data-table-pagination:not(.xtel-trunks-primary-pagination),
    main:has(.xtel-trunks-primary-pagination) .xtel-trunks-primary-pagination ~ .xtel-data-table-pagination {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .page-trunks .xtel-desktop-pagination,
    main:has(.xtel-trunks-primary-pagination) .xtel-desktop-pagination {
        display: none !important;
    }
}

.xpay-summary .xpay-empty,
.xpay-summary .xpay-empty > *,
.xpay-summary .xpay-empty [class*="border"],
.xpay-summary .border-dashed,
.xpay-summary [class*="border-dashed"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.xpay-summary .xpay-empty {
    min-height: 0 !important;
    padding: 0 !important;
}

.xpay-summary {
    min-height: auto !important;
}

#xtel-auth-modal.xtel-auth-modal,
#xtel-auth-modal.xtel-auth-modal.is-open,
#xtel-auth-modal .xtel-auth-modal__backdrop {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.xtel-auth-modal-open > :not(#xtel-auth-modal) {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

.xtel-data-table tfoot,
.xtel-data-table tfoot tr,
.xtel-data-table tfoot td,
.xtel-data-table tfoot *,
.mor-destination-groups-total-row,
.mor-destination-groups-total-row *,
.dashboard-card .text-gray-400,
.dashboard-card .text-gray-500,
.dashboard-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-400,
.mor-dashboard-summary-card .text-gray-500,
.mor-dashboard-summary-card .text-gray-600,
.mor-dashboard-summary-card .text-gray-700 {
    color: var(--xtel-ink) !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .xtel-filter-card {
        --xtel-filter-time-width: 92px !important;
        --xtel-filter-field-width: 100% !important;
        --xtel-filter-gap-x: 14px !important;
        --xtel-filter-gap-y: 14px !important;
    }

    .xtel-filter-card .xtel-filter-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
    }

    .xtel-filter-card .xtel-filter-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--xtel-filter-gap-y) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-field,
    .xtel-filter-card .xtel-filter-field-select,
    .xtel-filter-card .xtel-filter-field-text {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .xtel-filter-card .xtel-filter-date-pair {
        grid-template-columns: minmax(0, 1fr) var(--xtel-filter-time-width) !important;
        width: 100% !important;
    }

    .xtel-filter-card .xtel-filter-presets .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions .xtel-filter-button,
    .xtel-filter-card .xtel-filter-actions button,
    .xtel-filter-card .xtel-filter-actions a {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}