/* August 28 RTL presentation guard.
 * Arabic and Persian use right-to-left page flow while technical numeric tokens
 * such as coordinates remain left-to-right and self-contained.
 */

html[dir="rtl"] #kit-number,
html[dir="rtl"] #latitude,
html[dir="rtl"] #longitude,
html[dir="rtl"] #utc-clock {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}

html[dir="rtl"] .login-form input[name="kit_number"],
html[dir="rtl"] .login-form input[name="password"] {
    direction: ltr;
    text-align: start;
    unicode-bidi: isolate;
}

/* Keep Page 1 alignment semantic instead of inheriting physical left/right
 * assumptions from the LTR visual-polish layer. */
html[dir="rtl"] .usage-panel .usage-account-summary .current-plan-summary,
html[dir="rtl"] .usage-panel .usage-account-summary .usage-summary-item,
html[dir="rtl"] .usage-panel .usage-account-summary .current-plan-summary strong,
html[dir="rtl"] .usage-panel .usage-account-summary .usage-summary-item strong {
    text-align: start;
}

html[dir="rtl"] .usage-panel .usage-total-mobile {
    text-align: end;
}

/* Alert bullets belong beside the start of RTL advisory text, not on the
 * opposite physical edge of the card. */
html[dir="rtl"] .telemetry-workspace .telemetry-alerts li {
    padding-inline: 1.92rem 0.82rem;
}

html[dir="rtl"] .telemetry-workspace .telemetry-alerts li::before {
    left: auto;
    right: auto;
    inset-inline-start: 0.82rem;
}

/* Avoid bidirectional punctuation leaking between technical readings and the
 * surrounding Arabic/Persian labels. */
html[dir="rtl"] .telemetry-workspace .chart-latest,
html[dir="rtl"] .telemetry-workspace .telemetry-stat strong,
html[dir="rtl"] .telemetry-workspace #ping-success-rate,
html[dir="rtl"] .usage-panel #mobile-priority-data-total,
html[dir="rtl"] .usage-panel #mobile-data-total {
    unicode-bidi: isolate;
}
