@font-face{font-family:"Noto Sans Arabic";src:url('/static/fonts/NotoSansArabic-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Noto Sans KR";src:url('/static/fonts/NotoSansKR.ttf') format('truetype');font-display:swap}
html[dir="rtl"] body {font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[lang="ko"] body {font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif}
.ltr-value,input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[name*="imei"],input[name*="serial"],input[name*="phone"],input[name*="bill_no"],input[name*="voucher_no"] {direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .sidebar {left:auto;right:0}
html[dir="rtl"] .app {direction:rtl}
html[dir="rtl"] th,html[dir="rtl"] td,html[dir="rtl"] label {text-align:start}
html[dir="rtl"] .topbar,html[dir="rtl"] .panel-head {direction:rtl}
html[dir="rtl"] .sidebar .nav-label {text-align:start}
html[dir="rtl"] .sidebar {border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .timeline-row:before {left:auto;right:10px}
html[dir="rtl"] .timeline-dot {margin-left:0;margin-right:5px}
html[dir="rtl"] .source-card input {margin-right:0;margin-left:8px}
html[dir="rtl"] .nav-badge {margin-left:0;margin-right:auto}
.language-menu {padding:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.language-menu select {max-width:150px}
@media print {.language-menu {display:none!important}}
.feature-copy{min-width:0;overflow-wrap:anywhere}.feature-icon,.feature-arrow{flex-shrink:0}
@media(max-width:1000px){.topbar{flex-wrap:wrap;gap:12px}.topbar-actions{max-width:100%;flex-wrap:wrap}.topbar-actions form{min-width:0}.topbar-actions input{min-width:0;max-width:100%}}

/* Native-language switch, shared across the six interface languages. */
.sidebar .language-menu{padding:0;margin:0 0 14px}
.language-switch{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid #c8e6f4;border-radius:13px;background:linear-gradient(135deg,#eefaff,#f6f8ff);color:#164b70;text-decoration:none;box-shadow:0 3px 10px rgba(19,116,160,.06);transition:background .15s,border-color .15s,box-shadow .15s}
.language-switch:hover{background:#e5f5fc;border-color:#79c8e8;box-shadow:0 4px 14px rgba(19,116,160,.13)}
.language-switch:focus-visible{outline:3px solid #139bc8;outline-offset:3px}
.language-switch-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#fff;color:#119bca}
.language-switch-icon svg{width:22px;height:22px}
.language-switch-copy{display:grid;gap:3px;min-width:0;flex:1;text-align:start}
.language-switch-copy small{font-size:10px;font-weight:650;color:#56738a;line-height:1.3}
.language-switch-copy strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.language-switch-arrow{font-size:24px;color:#4285a5}
html[dir="rtl"] .language-switch-arrow{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.language-switch{transition:none}}
.sku-chip{display:inline-flex;vertical-align:middle;padding:2px 7px;border-radius:7px;background:#edf7fc;color:#14698d;font-size:11px;text-decoration:none;border:1px solid #cfe8f4;margin-inline-start:5px}.sku-chip:hover{background:#dff1fa}.sku-filter select{min-height:56px}.sku-filter input{margin-bottom:4px}

/* Shared Arabic/Urdu RTL rules above also apply to Urdu. */
@font-face{font-family:"Noto Sans Devanagari";src:url('/static/fonts/NotoSansDevanagari.ttf') format('truetype');font-display:swap}
@font-face{font-family:"Noto Sans SC";src:url('/static/fonts/NotoSansSC.ttf') format('truetype');font-display:swap}
html[lang="hi"] body{font-family:"Noto Sans Devanagari",Arial,sans-serif;line-height:1.6}
html[lang="zh-CN"] body{font-family:"Noto Sans SC",Arial,sans-serif}
html[lang="ur"] body{line-height:1.7}
input[name*="sku"],input[name*="barcode"],input[name*="account_no"],input[type="url"],.mono{direction:ltr;unicode-bidi:isolate}
button,.btn,.feature-copy,.language-switch-copy{white-space:normal;overflow-wrap:anywhere}
html[dir="rtl"] .modal,html[dir="rtl"] dialog{text-align:start}
@media print{html[lang="ur"] body,html[lang="hi"] body,html[lang="zh-CN"] body{font-size:10pt}input,td,th{overflow-wrap:anywhere}}