/* D42 — Arabic (right-to-left). Flex/grid layouts follow dir=rtl automatically; this file fixes the physical left/right rules. */
[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:"IBM Plex Sans Arabic","Inter",system-ui,sans-serif}
[dir=rtl] body{letter-spacing:0}
[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--border)}
@media (max-width:1000px){[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(100%)}[dir=rtl] .sidebar.open,[dir=rtl] body.sb-open .sidebar{transform:none}}
[dir=rtl] .sb-children{padding:2px 14px 4px 0;border-left:0;border-right:1px solid var(--border);margin:2px 18px 4px 0}
[dir=rtl] .sb-sub{margin:2px 22px 6px 0;padding-left:0;padding-right:12px;border-left:0;border-right:2px solid var(--border-2)}
[dir=rtl] .sb-collapse,[dir=rtl] .menu a,[dir=rtl] .menu button,[dir=rtl] .chat-item,[dir=rtl] .chat-mention-box button,[dir=rtl] .chat-dm-list button,[dir=rtl] .ssel-list button{text-align:right}
[dir=rtl] .ico.chev,[dir=rtl] .chev{transform:scaleX(-1)}
[dir=rtl] .sb-collapse .chev{transform:none}
[dir=rtl] .table th,[dir=rtl] .table td,[dir=rtl] .ai-bubble th,[dir=rtl] .ai-bubble td{text-align:right}
[dir=rtl] .steps,[dir=rtl] .howto{padding-left:0;padding-right:20px}
[dir=rtl] .input-wrap.has-ico input{padding-left:12px;padding-right:36px}
[dir=rtl] .input-wrap.has-ico .ico{left:auto;right:12px}
[dir=rtl] .btn.is-loading{padding-left:14px;padding-right:34px}
[dir=rtl] .toast{border-left:1px solid var(--border-2);border-right:4px solid var(--accent)}
[dir=rtl] .toast.success{border-right-color:var(--ok)}[dir=rtl] .toast.error{border-right-color:var(--bad)}[dir=rtl] .toast.warning{border-right-color:var(--warn)}
[dir=rtl] a.line:hover{margin:0 -8px}
[dir=rtl] .chat-msg.cont{padding-left:6px;padding-right:46px}
[dir=rtl] .chat-msg.me{align-self:flex-start}[dir=rtl] .chat-msg:not(.me){align-self:flex-end}
[dir=rtl] .chat-msg.me .chat-bubble{border-radius:4px 14px 14px 14px}[dir=rtl] .chat-msg:not(.me) .chat-bubble{border-radius:14px 4px 14px 14px}
[dir=rtl] .chat-msg.me .chat-meta{text-align:left}
[dir=rtl] .chat-quote{border-left:0;border-right:3px solid var(--border-2)}
[dir=rtl] .chat-details{border-left:0;border-right:1px solid var(--border)}
[dir=rtl] .ssel-list{left:0;right:0}
/* timelines, charts and code read left-to-right in Arabic too */
[dir=rtl] .gantt,[dir=rtl] .gantt-wrap,[dir=rtl] svg,[dir=rtl] .chart,[dir=rtl] .mono,[dir=rtl] code,[dir=rtl] pre,[dir=rtl] .cbar-track,[dir=rtl] .pbar{direction:ltr}
[dir=rtl] input[type=email],[dir=rtl] input[type=url],[dir=rtl] input[type=number],[dir=rtl] input[name*=code],[dir=rtl] input[name*=number]{direction:ltr;text-align:right}
/* public website */
[dir=rtl] .feat-points li{padding-left:0;padding-right:30px}[dir=rtl] .feat-points li::before{left:auto;right:0}
[dir=rtl] .feat-link{flex-direction:row-reverse}
/* language switch */
.lang-btn{font-weight:800;font-size:.95rem}
.lang-form{display:inline}.lang-link{background:none;border:0;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:6px 10px;opacity:.85}.lang-link:hover{opacity:1}
.auth-lang{position:fixed;top:14px;inset-inline-end:16px;z-index:5}.auth-lang button{background:none;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:5px 14px;cursor:pointer;font-family:"IBM Plex Sans Arabic","Inter",sans-serif}
/* D49 — Arabic website: no sideways scroll; English text that has no Arabic yet keeps its own direction (punctuation in the right place) */
[dir=rtl] .skip{left:auto;right:-999px}[dir=rtl] .skip:focus{right:8px}
html[dir=rtl],html[dir=rtl] body{overflow-x:clip}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] p,[dir=rtl] li,[dir=rtl] .kicker,[dir=rtl] .eyebrow,[dir=rtl] small,[dir=rtl] figcaption,[dir=rtl] td,[dir=rtl] th{unicode-bidi:plaintext}
[dir=rtl] .checks li{padding-left:0;padding-right:26px}[dir=rtl] .checks li::before{left:auto;right:0}
[dir=rtl] .plan li{padding-left:0;padding-right:22px}[dir=rtl] .plan li::before{left:auto;right:0}
[dir=rtl] .module-strip a:last-child{border-right:1px solid #eef3fa;border-left:0}
[dir=rtl] .mod-card:hover .more::after{transform:translateX(-5px)}