/* Muzamna RTL Specific Styles */

/* Global RTL adjustments */
.rtl .muzamna-wrap {
    direction: rtl;
    text-align: right;
}

.rtl .muzamna-dashboard {
    direction: rtl;
}

/* Buttons and spacing */
.rtl .button + .button {
    margin-left: 0;
    margin-right: 5px;
}

.rtl .wp-list-table th,
.rtl .wp-list-table td {
    text-align: right;
}

/* Progress bars */
.rtl .progress-bar {
    direction: ltr;
}

/* Modal adjustments */
.rtl .muzamna-close {
    right: auto;
    left: 20px;
}

/* Search results */
.rtl .muzamna-search-results {
    right: auto;
    left: 0;
    text-align: right;
}

/* Stats grid */
.rtl .stats-grid {
    direction: rtl;
}

/* Time badge */
.rtl .time-badge {
    direction: ltr;
    display: inline-block;
}

/* Device details */
.rtl .device-details {
    text-align: right;
}

/* Form elements */
.rtl input[type="text"],
.rtl input[type="email"],
.rtl input[type="number"],
.rtl input[type="date"],
.rtl select,
.rtl textarea {
    direction: rtl;
    text-align: right;
}

/* Table specific adjustments */
.rtl .muzamna-table th:first-child,
.rtl .muzamna-table td:first-child {
    text-align: right;
}

.rtl .muzamna-table th:last-child,
.rtl .muzamna-table td:last-child {
    text-align: right;
}

/* Icons and indicators */
.rtl .active-indicator {
    margin-right: 0;
    margin-left: 8px;
}

/* Summary modal */
.rtl .muzamna-user-summary {
    direction: rtl;
    text-align: right;
}

.rtl .summary-stats {
    direction: rtl;
}

/* Loading animation */
.rtl .loading:before {
    margin-right: 0;
    margin-left: 10px;
}

/* Quick date filters */
.rtl .quick-date-filters {
    direction: rtl;
}

/* IP address display */
.rtl .ip-address {
    direction: ltr;
    display: inline-block;
    text-align: left;
}

/* Dashboard search */
.rtl .dashboard-search form {
    text-align: right;
}

.rtl .dashboard-search input[type="text"] {
    margin-right: 0;
    margin-left: 5px;
}

.data-table th , .muzamna-user-summary table th {
    text-align: right !important;
}
.progress-bar {
    border-radius: unset !important;
    overflow: visible !important;
}
.progress-fill {
    background: cadetblue !important;
    height: 100% !important;
    transition: width 0.3s ease !important;
    display: flex !important;
    align-items: unset !important;
    justify-content: unset !important;
    color: black !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}