.language-selector{--language-ink:#17243d;--language-muted:#617086;--language-line:#e2e7ef;--language-accent:#b54708;--language-tint:#fff3e8;position:relative;flex:none;font-size:12px;z-index:70}
.language-selector .language-trigger{list-style:none;display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid var(--language-line);border-radius:12px;background:#fff;color:var(--language-ink);cursor:pointer;user-select:none;box-shadow:0 2px 6px #17243d05;transition:border-color .15s ease,box-shadow .15s ease}
.language-trigger::-webkit-details-marker{display:none}
.language-selector .language-trigger:hover,.language-selector[open] .language-trigger{border-color:#c3cfdf;box-shadow:0 3px 12px #17243d0c}
.language-selector .language-globe{color:var(--language-accent);flex:none}
.language-current-code{font-weight:800;font-size:11px;letter-spacing:.04em}
.language-current-name{font-weight:600;line-height:1.4;white-space:nowrap}
.language-chevron{margin-inline-start:3px;color:#718099;transition:transform .15s ease;flex:none}
.language-selector[open] .language-chevron{transform:rotate(180deg)}
.language-selector .language-panel{position:absolute;inset-block-start:calc(100% + 9px);inset-inline-end:0;width:244px;max-width:calc(100vw - 32px);padding:7px;border:1px solid var(--language-line);border-radius:16px;background:#fff;box-shadow:0 18px 46px #17243d26,0 3px 10px #17243d08;isolation:isolate;animation:language-panel-in .13s ease-out}
.language-panel-heading{padding:9px 10px 11px;color:var(--language-muted);font-size:11px;font-weight:700;border-bottom:1px solid #edf0f5;margin-block-end:5px;text-align:start}
.language-selector .language-option-form{margin:0;padding:0}
.language-selector .language-option{position:relative;appearance:none;display:flex;align-items:center;gap:11px;width:100%;min-height:62px;margin:0;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--language-ink);font:inherit;text-align:start;cursor:pointer;transition:background .15s ease}
.language-selector .language-option:hover{background:#f3f6fb}
.language-selector .language-option.is-current{background:var(--language-tint)}
.language-option.is-current:before{content:"";position:absolute;inset-inline-start:0;inset-block:17px;width:3px;border-radius:3px;background:#ff883a}
.language-option-code{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #e2e7ef;border-radius:10px;background:#fff;color:#56667f;font-size:10px;font-weight:800;letter-spacing:.04em}
.is-current .language-option-code{border-color:#f4d0ae;color:var(--language-accent)}
.language-option-copy{display:grid;gap:3px;flex:1;min-width:0;justify-items:start}
.language-option-name{font-size:13px;font-weight:700;line-height:1.5}
.language-option-locale{font-size:10px;color:var(--language-muted);font-variant-numeric:tabular-nums;line-height:1.35}
.language-check{color:var(--language-accent);opacity:0;flex:none}.is-current .language-check{opacity:1}
.language-selector :is(.language-trigger,.language-option):focus-visible{outline:2px solid #2765ff;outline-offset:3px}
.auth-shell>.language-selector{position:absolute;inset-block-start:16px;inset-inline-end:20px}
@keyframes language-panel-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
html[dir=rtl] body{font-family:Arial,Tahoma,'Segoe UI',sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] button,html[dir=rtl] select,html[dir=rtl] input,html[dir=rtl] .eyebrow{font-family:Arial,Tahoma,'Segoe UI',sans-serif}
html[dir=rtl] .sidebar{inset:0 0 0 auto}
html[dir=rtl] .workspace{grid-column:2}
html[dir=rtl] .app-shell{grid-template-columns:240px minmax(0,1fr)}
html[dir=rtl] .sidebar nav a.active:before{left:auto;right:0;border-radius:3px 0 0 3px}
html[dir=rtl] .left,html[dir=rtl] th,html[dir=rtl] td,html[dir=rtl] .flow-lines>a,html[dir=rtl] .flow-lines>button,html[dir=rtl] .personnel-pulse>button,html[dir=rtl] .lifecycle-detail-empty{text-align:start}
html[dir=rtl] .lifecycle-file-spine:before{left:auto;right:20px}
html[dir=rtl] .lifecycle-task-marker{margin-left:0;margin-right:6px}
html[dir=rtl] dialog [data-close],html[dir=rtl] .dialog-close,html[dir=rtl] .modal-close{left:20px;right:auto}
html[dir=rtl] .person-picker-search,html[dir=rtl] .person-picker-popover,html[dir=rtl] .person-picker-option{text-align:start}
html[dir=rtl] .person-picker-trigger{text-align:start}
html[dir=rtl] .person-picker-search:before{left:auto;right:23px}
html[dir=rtl] .person-picker-search input{padding:9px 36px 9px 11px!important}
html[dir=rtl] :where(.content,.dialog-form) select:not(.person-picker-native){padding-inline:13px 40px;background-position:left 14px center}
html[dir=rtl] .overview-card-link>span,html[dir=rtl] .report-choice-card>span,html[dir=rtl] .overview-kpi>em{display:inline-block;transform:scaleX(-1)}
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] input[type=date],html[dir=rtl] input[type=time],html[dir=rtl] input[type=datetime-local],html[dir=rtl] input[type=month],html[dir=rtl] input[name*=serial],html[dir=rtl] input[name*=ip],html[dir=rtl] input[name=employee_no],html[dir=rtl] input[name=device_user_id],html[dir=rtl] input[name*=port],html[dir=rtl] input[name*=code],html[dir=rtl] input[name=terminal_name],html[dir=rtl] code,html[dir=rtl] time,html[dir=rtl] .ltr-data{direction:ltr;unicode-bidi:isolate;text-align:start}
html[dir=rtl] .i18n-directional{display:inline-block;transform:scaleX(-1)}
html[dir=rtl] .table-wrap{direction:rtl}html[dir=rtl] .table-wrap table{min-width:100%}
@media(max-width:820px){html[dir=rtl] .app-shell{grid-template-columns:1fr}html[dir=rtl] .sidebar{inset:auto;position:relative}html[dir=rtl] .workspace{grid-column:auto}}
@media(max-width:560px){.language-selector{font-size:11px}.language-selector .language-trigger{gap:6px;min-height:40px;padding:8px 10px}.language-current-name{font-size:11px}.auth-shell>.language-selector{inset-inline-end:12px;inset-block-start:12px}.topbar{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){.language-selector *{animation:none!important;transition:none!important}}
@media print{.language-selector{display:none}html[dir=rtl] table{direction:rtl}}
@media(max-width:560px){.topbar .language-panel{inset-inline-start:0;inset-inline-end:auto}}
