/* OpsTrack V5.0.1 — couche RTL chargée après app.css lorsque dir="rtl". */
html[dir="rtl"] body{direction:rtl;text-align:right;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{direction:rtl;text-align:right}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] [dir="ltr"]{direction:ltr;text-align:left;unicode-bidi:isolate}

html[dir="rtl"] .layout{grid-template-columns:1fr 240px}
html[dir="rtl"] .sidebar{grid-column:2;grid-row:1}
html[dir="rtl"] .content{grid-column:1;grid-row:1}
html[dir="rtl"] .topbar,
html[dir="rtl"] .user-topbar,
html[dir="rtl"] .page-head,
html[dir="rtl"] .card-title,
html[dir="rtl"] .workflow-modal-header,
html[dir="rtl"] .presence-detail-header{direction:rtl}
html[dir="rtl"] .nav-item,
html[dir="rtl"] .brand,
html[dir="rtl"] .top-actions,
html[dir="rtl"] .user-topbar-actions,
html[dir="rtl"] .actions,
html[dir="rtl"] .btn,
html[dir="rtl"] .status-pill,
html[dir="rtl"] .pill{flex-direction:row}
html[dir="rtl"] .nav-icon{text-align:center}
html[dir="rtl"] .presence-detail-badges{margin-inline-start:auto;margin-left:0}
html[dir="rtl"] .compact-inline-editor{right:auto;inset-inline-end:0}
html[dir="rtl"] .presence-summary-item{border-left:1px solid #e1e6ee;border-right:4px solid #98a2b3}
html[dir="rtl"] .presence-summary-item.online,
html[dir="rtl"] .presence-summary-item.working{border-right-color:#1d9b50}
html[dir="rtl"] .presence-summary-item.uncertain,
html[dir="rtl"] .presence-summary-item.paused{border-right-color:#e98b0c}
html[dir="rtl"] .presence-summary-item.meeting{border-right-color:#7c3aed}
html[dir="rtl"] .presence-summary-item.leave{border-right-color:#2868e8}
html[dir="rtl"] .language-selector select{padding-inline:10px 28px}
html[dir="rtl"] table{text-align:right}
html[dir="rtl"] th,
html[dir="rtl"] td{text-align:start}
html[dir="rtl"] .modal-x{margin-inline-start:auto}

@media(max-width:980px){
  html[dir="rtl"] .layout{grid-template-columns:1fr}
  html[dir="rtl"] .sidebar,
  html[dir="rtl"] .content{grid-column:1}
  html[dir="rtl"] .sidebar{grid-row:auto}
  html[dir="rtl"] .content{grid-row:auto}
}