/* ============================================================
   0. TOKENS + RESET
*/
.rtx-cmdbar {
    --rtx-cmd-brand: var(--rtx-brand, #932320); /* brick red   */
    --rtx-cmd-brand-2: var(--rtx-brand-2, #6E1A18); /* darker      */
    --rtx-cmd-brand-3: var(--rtx-brand-3, #5A1512); /* gradient toe - literal in source */
    --rtx-cmd-r: var(--rtx-r, 4px);
    --rtx-cmd-num: var(--rtx-num, ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "Roboto Mono", monospace);
}

    .rtx-cmdbar *,
    .rtx-cmdbar *::before,
    .rtx-cmdbar *::after {
        box-sizing: border-box;
    }


/* ============================================================
   1. BAR SHELL
   ============================================================ */
.rtx-cmdbar {
    position: sticky;
    top: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 9px 14px;
    background: linear-gradient(135deg, var(--rtx-cmd-brand) 0%, var(--rtx-cmd-brand-2) 62%, var(--rtx-cmd-brand-3) 100%);
    border-bottom: 1px solid rgba(0,0,0,.28);
    box-shadow: 0 2px 6px rgba(16,24,40,.20);
    color: #fff;
}


    /* ============================================================
   2. IDENTITY BLOCK
   ============================================================ */
    .rtx-cmdbar .rtx-cmd-id {
        display: flex;
        flex-direction: column;
        line-height: 1.05;
    }

    .rtx-cmdbar .rtx-cmd-eyebrow {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: rgba(255,255,255,.72);
    }

    .rtx-cmdbar .rtx-cmd-title {
        margin: 2px 0 0;
        font-size: 19px;
        font-weight: 600;
        letter-spacing: .2px;
        color: #fff;
    }

    .rtx-cmdbar .rtx-cmd-rule {
        width: 1px;
        align-self: stretch;
        background: rgba(255,255,255,.22);
    }


    /* ============================================================
   3. MENU SLOT
   ============================================================ */
    .rtx-cmdbar .rtx-cmd-menu {
        flex: 1 1 auto;
        min-width: 0;
    }


    /* ============================================================
   4. RIGHT CLUSTER
   ============================================================ */
    .rtx-cmdbar .rtx-cmd-right {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: auto;
    }


    /* ============================================================
   5. "AS OF" STAMP
   ============================================================ */
    .rtx-cmdbar .rtx-asof {
        text-align: right;
        line-height: 1.2;
    }

        .rtx-cmdbar .rtx-asof .rtx-asof-lab {
            display: block;
            font-size: 9.5px;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            color: rgba(255,255,255,.68);
        }

        .rtx-cmdbar .rtx-asof .rtx-asof-val,
        .rtx-cmdbar .rtx-asof .rtx-asof-val.dxeBase_Office365 {
            font-family: var(--rtx-cmd-num);
            font-size: 13px;
            font-weight: 600;
            color: #fff !important;
            display: block;
        }


    /* ============================================================
   6. SERVICE-CENTRE CHIP + ICON
   ============================================================ */
    .rtx-cmdbar .rtx-sc {
        display: flex;
        align-items: center;
        gap: 8px;
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.24);
        border-radius: var(--rtx-cmd-r);
        padding: 4px 8px 4px 6px;
    }


        .rtx-cmdbar .rtx-sc > img {
            width: 24px !important;
            height: 24px !important;
            padding: 0 !important;
            display: block;
            filter: brightness(0) invert(1);
        }

    .rtx-cmdbar .rtx-sc-lab {
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        color: rgba(255,255,255,.70);
        line-height: 1.1;
        display: block;
    }

    .rtx-cmdbar .rtx-sc-cb {
        display: flex;
        flex-direction: column;
    }


    /* ============================================================
   7. ASPxComboBox ON RED

   ============================================================ */
    .rtx-cmdbar .rtx-cb,
    .rtx-cmdbar .rtx-cb.dxeButtonEdit_Office365,
    .rtx-cmdbar .rtx-cb.dxeReadOnly_Office365,
    .rtx-cmdbar .rtx-cb.dxeDisabled_Office365,
    .rtx-cmdbar .rtx-cb table.dxeButtonEditSys,
    .rtx-cmdbar .rtx-cb .dxeEditArea_Office365,
    .rtx-cmdbar .rtx-cb .dxeEditAreaSys,
    .rtx-cmdbar .rtx-cb .dxeDisabled_Office365,
    .rtx-cmdbar .rtx-cb input {
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        opacity: 1 !important;
        font-family: var(--rtx-cmd-num);
        font-size: 13.5px;
        font-weight: 600;
        letter-spacing: .5px;
    }

        .rtx-cmdbar .rtx-cb .dxeEditArea_Office365,
        .rtx-cmdbar .rtx-cb input {
            padding: 0 !important;
            height: auto !important;
        }

        .rtx-cmdbar .rtx-cb .dxeButtonEditButton_Office365 {
            background: transparent !important;
            border: 0 !important;
        }

            .rtx-cmdbar .rtx-cb .dxeButtonEditButton_Office365 img,
            .rtx-cmdbar .rtx-cb .dxeButtonEditButton_Office365 .dxEditors_edtDropDown {
                width: 12px !important;
                height: 12px !important;
                filter: brightness(0) invert(1);
                opacity: .8;
            }


/* ============================================================
   8. COMBOBOX DROPDOWN LIST
*/
.rtx-dash-ddl.dxeListBox_Office365,
.rtx-dash-ddl .dxeListBoxItem_Office365,
.rtx-cmd-ddl.dxeListBox_Office365,
.rtx-cmd-ddl .dxeListBoxItem_Office365 {
    color: var(--rtx-ink, #1F2328) !important;
    -webkit-text-fill-color: var(--rtx-ink, #1F2328) !important;
    font-family: var(--rtx-num, ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "Roboto Mono", monospace);
    font-size: 13px;
}

.rtx-dash-ddl .dxeListBoxItemSelected_Office365,
.rtx-dash-ddl .dxeListBoxItemHover_Office365,
.rtx-cmd-ddl .dxeListBoxItemSelected_Office365,
.rtx-cmd-ddl .dxeListBoxItemHover_Office365 {
    background: var(--rtx-tint, #F7ECEB) !important;
    color: var(--rtx-brand-2, #6E1A18) !important;
    -webkit-text-fill-color: var(--rtx-brand-2, #6E1A18) !important;
}


/* ============================================================
   9. EMBEDDED ASPxMenu (CtlDispatchCenterMenu)
   ============================================================ */
.rtx-cmdbar .rtx-cmd-menu .dxmLite_Office365 .dxm-main,
.rtx-cmdbar .rtx-cmd-menu .dxmLite_Office365 .dxm-main.dxm-horizontal {
    background: transparent !important;
    border: 0 !important;
}

.rtx-cmdbar .rtx-cmd-menu .dxmLite_Office365 .dxm-item,
.rtx-cmdbar .rtx-cmd-menu .dxmLite_Office365 a.dxm-content {
    color: #fff !important;
}

    .rtx-cmdbar .rtx-cmd-menu .dxmLite_Office365 .dxm-item:hover {
        background: rgba(255,255,255,.16) !important;
    }


/* ============================================================
   10. RESPONSIVE */
@media (max-width:1100px) {
    .rtx-cmdbar .rtx-cmd-menu {
        display: none;
    }
}

@media (prefers-reduced-motion:reduce) {
    .rtx-cmdbar * {
        transition: none !important;
        animation: none !important;
    }
}