.mr-2 {
    margin-left: 0.5rem;
    margin-right: 0;
}
.panel-body td, .panel-body th {
    text-align: right;
}
.select-group {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ========================================
   GLOBAL RTL FIX: "What's New" Cards
   Applied to ALL instances sitewide
   ======================================== */

/* Base layout for What's New card */
.card-lite.whats {
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

.card-lite.whats .vbar {
    width: 6px !important;
    min-width: 6px !important;
    flex: 0 0 6px !important;
    align-self: stretch !important;
}

.card-lite.whats .whats-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* RTL-specific fixes when dir="rtl" is present */
[dir="rtl"] .card-lite.whats {
    direction: rtl !important;
    flex-direction: row !important;
    text-align: right !important;
}

[dir="rtl"] .card-lite.whats .vbar {
    order: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

[dir="rtl"] .card-lite.whats .whats-content {
    order: 0 !important;
    text-align: right !important;
    align-items: flex-end !important;
    padding: 0 !important;
}

[dir="rtl"] .card-lite.whats .title-lite {
    text-align: right !important;
    width: 100% !important;
    direction: rtl !important;
}

[dir="rtl"] .card-lite.whats .wlist {
    width: 100% !important;
    list-style: none !important;
    align-items: flex-end !important;
    padding: 0 !important;
    margin: 6px 0 0 !important;
}

[dir="rtl"] .card-lite.whats .witem {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 12px !important;
    text-align: right !important;
    width: 100% !important;
    justify-content: flex-start !important;
    direction: rtl !important;
}

[dir="rtl"] .card-lite.whats .dot {
    flex-shrink: 0 !important;
    margin: 0 0 0 12px !important;
    order: 2 !important;
}

[dir="rtl"] .card-lite.whats .witem > *:not(.dot) {
    flex: 1 !important;
    text-align: right !important;
    direction: rtl !important;
    order: 1 !important;
}

/* End What's New RTL Fix */
