/* i18n (0.14) — left-to-right portal (English, German, …): the APPLICATION's flow is mirrored.
   Only interface flow is changed here (sidebar, menus, toolbars, notices, the reader's pane
   order). Book content keeps its own direction (the translation pane follows the target
   language, the original page is never mirrored) and nothing that measures a picture or a
   PDF page — label boxes, crops, overlays, pan, zoom — is touched. Persian (dir=rtl) never
   matches these rules. */
html[dir=ltr] .stat .icon{float:right}
html[dir=ltr] table{text-align:left}
html[dir=ltr] .paper table{text-align:right}
html[dir=ltr] #toast{left:auto;right:24px}
html[dir=ltr] .sidebar{right:auto;left:0}
html[dir=ltr] .sidebar-resizer{right:auto;left:calc(var(--sidebar-width,260px) - 4px)}
html[dir=ltr] .sidebar a.active{box-shadow:inset 3px 0 #b89549}
html[dir=ltr] .quick-panel{right:auto;left:18px;direction:ltr}
html[dir=ltr] .quick-export>div{left:auto;right:0}
/* The reader: translation on the left, original on the right; the stored ratio is still the
   original's share (platform.js measures from the right edge when the panes are mirrored). */
html[dir=ltr] .reading #readingPanes.side,html[dir=ltr] #readingPanes.side{direction:rtl}
html[dir=ltr] #readingPanes.side>.reader-window{direction:ltr}
html[dir=ltr] .bar11{direction:ltr}
html[dir=ltr] #readingPanes>.reader-window>.window-head{direction:ltr}
/* 0.14.4 (owner, English interface: the line touched the «detach» icon): the gap moves with the line */
html[dir=ltr] #readingPanes>.reader-window>.window-head>.pane-controls{border-right:0;border-left:1px solid var(--control-border112);padding:0 0 0 8px!important;margin:0 3px 0 0!important}
html[dir=ltr] #local10[aria-pressed=true]::after{right:auto;left:3px}
html[dir=ltr] .tools-more>div,html[dir=ltr] .quality-menu>.actions,html[dir=ltr] .quick-export>div,html[dir=ltr] .gold-options{transform-origin:top left}
html[dir=ltr] .password-box input{padding-left:12px!important;padding-right:46px!important}
html[dir=ltr] .password-eye{left:auto;right:5px}
html[dir=ltr] .glass-window.minimized,html[dir=ltr] .quick-panel.minimized{inset:auto auto 8px 8px!important}
html[dir=ltr] .scroll-top{float:right}
html[dir=ltr] .profile-tile{text-align:left}
html[dir=ltr] .profile-tile[aria-checked=true]::after{left:auto;right:10px}
html[dir=ltr] .profile-tile[aria-checked=true] .profile-head143{padding-left:0;padding-right:22px}
html[dir=ltr] .gold-options{direction:ltr}
html[dir=ltr] .gold-option{text-align:left}
@media (max-width:900px){html[dir=ltr] .quick-panel{left:3vw}}
/* the side-by-side icon draws the translation's lines where the translation is: the left box */
html[dir=ltr] .layout-icon253[data-layout253=side] svg{transform:scaleX(-1)}
/* deep check M4: the selection toolbar's longer words wrap onto a second row instead of running
   past the window (Italian at 1280 px); the Persian strip keeps its single row */
html[dir=ltr] #selectionTools .tool-strip{flex-wrap:wrap;justify-content:center}
/* 0.14.4 (owner, German interface: «متن‌های کپشن روی دکمه‌ها از نظر ارتفاع وسط دکمه قرار ندارن»): a
   left-to-right interface is set in a Latin-first font. Vazirmatn's tall Persian descent left Latin
   captions sitting high in every button. Reading pages keep their own fonts (.paper sets its own). */
html[dir=ltr] body{font-family:"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,Vazirmatn,Tahoma,sans-serif}