/* ============================================================ MTO RTL OVERRIDES (Hebrew) Loaded ONLY when dir="rtl" is set on . English layout is completely unaffected by this file. ============================================================ */ /* ---------- FONT ---------- */ [dir="rtl"] body, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select, [dir="rtl"] button, [dir="rtl"] .btn, [dir="rtl"] .form-input, [dir="rtl"] .sidebar__link, [dir="rtl"] .tab { font-family: 'Heebo', 'Segoe UI', Arial, sans-serif; } /* ---------- SIDEBAR ---------- */ [dir="rtl"] .sidebar { left: auto; right: 0; border-right: none; border-left: 1px solid var(--border); } [dir="rtl"] .sidebar__link { border-left: none; border-right: 3px solid transparent; padding-left: var(--space-3); padding-right: calc(var(--space-3) - 3px); } [dir="rtl"] .sidebar__link--active { border-left-color: transparent; border-right-color: var(--primary); background: linear-gradient(270deg, var(--bg-active), var(--bg-white)); } [dir="rtl"] .sidebar__badge { margin-left: 0; margin-right: auto; } [dir="rtl"] .sidebar__badge--error { margin-left: 0; margin-right: auto; } /* ---------- MAIN CONTENT ---------- */ [dir="rtl"] .main-content { margin-left: 0; margin-right: var(--sidebar-width); } /* ---------- TABLE ---------- */ [dir="rtl"] .table th { text-align: right; } [dir="rtl"] .table td { text-align: right; } /* ---------- FORMS ---------- */ [dir="rtl"] .form-group--error { border-left: none; border-right: 3px solid var(--error); padding-left: 0; padding-right: var(--space-2); } /* Select arrow on left side for RTL */ [dir="rtl"] select.form-input { background-position: left 12px center; padding-right: 10px; padding-left: 36px; } /* ---------- SEARCH BOX ---------- */ [dir="rtl"] .search-box .material-symbols-outlined { left: auto; right: 8px; } [dir="rtl"] .search-box .form-input { padding-left: 10px; padding-right: 30px; } /* Input with icon */ [dir="rtl"] .input-icon__icon { left: auto; right: 8px; } [dir="rtl"] .input-icon .form-input { padding-left: 10px; padding-right: 32px; } /* ---------- CHECKBOX / RADIO ---------- */ [dir="rtl"] input[type="checkbox"]:checked::after { left: auto; right: 5px; } [dir="rtl"] input[type="radio"]:checked::after { left: auto; right: 3px; } /* ---------- CUSTOM DROPDOWN ---------- */ [dir="rtl"] .custom-dropdown__trigger { text-align: right; } [dir="rtl"] .custom-dropdown__arrow { margin-left: 0; margin-right: var(--space-2); } [dir="rtl"] .custom-dropdown__option--selected { border-left: none; border-right: 3px solid var(--primary); padding-left: 10px; padding-right: 7px; } /* ---------- DEVICE CONFIRM CARDS ---------- */ [dir="rtl"] .device-confirm-card { border-left: none; border-right: 4px solid var(--border); } [dir="rtl"] .device-confirm-card--confirmed { border-right-color: var(--success); } [dir="rtl"] .device-confirm-card--rejected { border-right-color: var(--error); } /* ---------- HEADER ---------- */ [dir="rtl"] .header__title { text-align: right; } /* Avatar dropdown: flip to left side for RTL */ [dir="rtl"] .header__avatar-menu { right: auto; left: 0; } /* ---------- CASES PAGE ---------- */ [dir="rtl"] .cases-list-panel { border-right: none; border-left: 1px solid var(--border); } [dir="rtl"] .case-card { border-left: none; border-right: 3px solid transparent; padding-left: var(--space-4); padding-right: calc(var(--space-4) - 3px); } [dir="rtl"] .case-card--active, [dir="rtl"] .case-card:hover { border-right-color: var(--primary); } /* Chat bubble corners flip */ [dir="rtl"] .case-message--inbound .case-message__bubble { border-bottom-left-radius: 16px; border-bottom-right-radius: 4px; } [dir="rtl"] .case-message--outbound .case-message__bubble { border-bottom-right-radius: 16px; border-bottom-left-radius: 4px; } /* Push-right items → push-left in RTL */ [dir="rtl"] .new-case-user-result__email, [dir="rtl"] .assign-admin-result__role, [dir="rtl"] .cases-composer-cc__remove { margin-left: 0; margin-right: auto; } /* ---------- USER NOTES TIMELINE ---------- */ [dir="rtl"] .note-entry { border-left: none; border-right: 3px solid var(--primary); } [dir="rtl"] .note-entry__content { padding-left: 0; padding-right: 36px; } [dir="rtl"] .note-entry__date { margin-left: 0; margin-right: auto; } [dir="rtl"] .note-entry__task { padding-left: 0; padding-right: 36px; } [dir="rtl"] .note-mention-dropdown__item-kehilla { margin-left: 0; margin-right: auto; } /* ---------- FORM PAGES ---------- */ [dir="rtl"] .form-summary__edit-link { margin-left: 0; margin-right: auto; } /* ---------- PRICING RULES ---------- */ [dir="rtl"] .pricing-rule__summary { margin-left: 0; margin-right: auto; } /* ---------- GLOBAL SEARCH ---------- */ [dir="rtl"] .search-box__icon { left: auto; right: var(--space-4); } [dir="rtl"] .search-box__input { padding-left: 3.5rem; padding-right: 3.25rem; } [dir="rtl"] .search-box__clear, [dir="rtl"] .search-box__hint { right: auto; left: var(--space-3); } [dir="rtl"] .search-results__item-meta { padding-left: 0; padding-right: calc(1.15rem + var(--space-2)); } /* ---------- AUTH PAGE LANGUAGE TOGGLE ---------- */ [dir="rtl"] .auth-lang-toggle { right: auto; left: var(--space-4); } /* ---------- RESPONSIVE (MOBILE) ---------- */ @media (max-width: 768px) { [dir="rtl"] .sidebar { transform: translateX(100%); left: auto; right: 0; } [dir="rtl"] .sidebar--open { transform: translateX(0); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1); } [dir="rtl"] .main-content { margin-right: 0; } }