/* Shared bilingual controls, forms and directional workspace. */
.ui-language-toggle{font-family:Arial,Tahoma,sans-serif!important;font-size:12px!important;min-height:38px;padding:7px 11px;border:1px solid #cedef2;border-radius:10px;color:#245b98;background:#f1f6ff;white-space:nowrap;flex-shrink:0}
#uiLanguageStatus:empty{display:none}#uiLanguageStatus:not(:empty),#uiCoverage{font-size:12px;line-height:1.7;border:1px solid #dce7f6;padding:12px 16px;background:#f0f6ff;border-radius:12px;color:#355777}
.auth-form>.ui-language-toggle{align-self:flex-end;margin-inline-start:auto;display:block;margin-bottom:20px}
html[lang=en]{font-family:'Segoe UI',Arial,sans-serif}html[lang=en] .workspace-header,html[lang=en] .sidebar,html[lang=en] .intro,html[lang=en] .moon-dashboard,html[lang=en] .auth-layout{font-family:'Segoe UI',Arial,sans-serif}html[lang=en] [lang=ar]{font-family:MoonArabic,Tahoma,sans-serif}
html[dir=ltr] .workspace .sidebar{inset:0 auto 0 0}html[dir=ltr] .workspace-body{margin-right:0;margin-left:266px}html[dir=ltr] .user-area{margin-right:0;margin-left:auto}html[dir=ltr] .sidebar .brand{letter-spacing:0;font-size:18px}html[dir=ltr] .nav-link{text-align:left}html[dir=ltr] .nav-link.active{box-shadow:0 5px 22px #07153250,inset 2px 0 #8cc5ff}html[dir=ltr] .nav-chevron{transform:scaleX(-1)}html[dir=ltr] .connection-dot{margin-left:0;margin-right:7px}html[dir=ltr] .moon-dashboard .shortcut{text-align:left}html[dir=ltr] .moon-dashboard .shortcut>span:last-child{margin-right:0;margin-left:auto;transform:scaleX(-1)}html[dir=ltr] .moon-dashboard td,html[dir=ltr] .moon-dashboard th{text-align:left}html[dir=ltr] .moon-dashboard .overview-hero:before{background:linear-gradient(270deg,#edf5ff70,#f4f8ffff 85%)}html[lang=en] .moon-dashboard .invoice-trend text,html[lang=en] .status-donut text{font-family:'Segoe UI',Arial,sans-serif}html[lang=en] .moon-dashboard .overview-hero h2{font-size:clamp(28px,3.3vw,43px);line-height:1.25}html[lang=en] .moon-dashboard .hero-tag{letter-spacing:.02em}html[lang=en] .moon-dashboard .analytics-totals strong{font-size:clamp(17px,1.65vw,23px)}html[dir=ltr] .moon-dashboard .chart-legend span:before{margin-left:0;margin-right:7px}html[dir=ltr] .moon-dashboard .aging-grid svg{transform:scaleX(-1)}html[dir=ltr] .auth-story .brand{margin-left:0;margin-right:auto}html[lang=en] .auth-story h2{line-height:1.3;letter-spacing:-.02em}html[lang=en] .auth-form h1{letter-spacing:-.02em}
@media(max-width:900px){html[dir=ltr] .workspace-body{margin-left:0}html[dir=ltr] .workspace .sidebar{transform:translateX(-100%)}html[dir=ltr] .workspace.nav-open .sidebar{transform:translateX(0)}.workspace .user-area{gap:6px;flex:1;justify-content:flex-end}.workspace .user-area #identity{max-width:110px;min-width:0;flex-shrink:1}.workspace .ui-language-toggle{min-height:38px;font-size:11px!important;padding:6px 9px}.workspace .intro .refresh-button [data-ui]{font-size:0}.workspace .intro .refresh-button:after{content:'↻';font-size:18px}}
@media(max-width:450px){.workspace .user-area #identity{max-width:72px}.workspace .workspace-header{padding-inline:12px;gap:8px}.workspace #logout{padding:7px;font-size:10px}html[lang=en] .moon-dashboard .analytics-totals strong{font-size:16px}html[lang=en] .moon-dashboard .overview-hero h2{font-size:30px}html[lang=en] .moon-dashboard .status-key li{font-size:10px}html[lang=en] .moon-dashboard .analytics-heading h2{font-size:22px}}
ui-copy{display:contents}
html[lang=en] .document-editor .line:before,html[lang=en] .project-item:before{content:'Item ' attr(data-row-number)}
html[dir=ltr] .customer-lunar .lunar-metrics>button{text-align:start}
html[dir=ltr] .customer-lunar .lunar-money,html[dir=ltr] .customer-lunar .lunar-card-balance strong,html[dir=ltr] .customer-lunar .lunar-metrics strong{flex-direction:row;justify-content:flex-start}
html[dir=ltr] .customer-lunar .lunar-money small,html[dir=ltr] .customer-lunar .lunar-metrics strong small{direction:ltr;font-family:inherit}
html[lang=en] #content[lang=en],html[lang=en] #editor[lang=en]{font-family:'Segoe UI',Arial,sans-serif}
html[dir=ltr] #content[dir=ltr] th,html[dir=ltr] #content[dir=ltr] td,html[dir=ltr] #editor[dir=ltr] th,html[dir=ltr] #editor[dir=ltr] td{text-align:start}
html[lang=en] #content h1,html[lang=en] #content h2,html[lang=en] #editor h2{letter-spacing:-.015em}
html[dir=ltr] .lunar-heading,html[dir=ltr] .partner-banner,html[dir=ltr] .lunar-contact,html[dir=ltr] .moon-business-header,html[dir=ltr] .partner-detail-header,html[dir=ltr] .moon-name-labels strong,html[dir=ltr] .moon-form-title,html[dir=ltr] .settings-card{text-align:start}
html[lang=en] #editor label{line-height:1.55}html[lang=en] #editor input,html[lang=en] #editor select,html[lang=en] #editor textarea{font-family:inherit}
html[dir=ltr] .settings-preview-column,html[dir=ltr] .partner-data dd{text-align:start}
html[dir=ltr] #content [data-moon-directional],html[dir=ltr] #editor [data-moon-directional]{transform:none}
html[dir=ltr] .lunar-avatar,html[dir=ltr] .partner-avatar,html[dir=ltr] .lunar-identity strong,html[dir=ltr] .moon-name-labels{unicode-bidi:plaintext}
html[lang=en] .moon-text-action,html[lang=en] .settings-tab,html[lang=en] .sales-tab{white-space:normal;line-height:1.4}
html[lang=en] .lunar-contact bdi,html[lang=en] .contact-value{unicode-bidi:isolate}
@media(max-width:600px){html[lang=en] #editor h2{font-size:20px}html[lang=en] .moon-business-header{gap:10px}html[lang=en] .lunar-tabs button,html[lang=en] .sales-tabs button{font-size:11px;min-width:0}html[lang=en] .partner-form-tabs{overflow-x:auto;flex-wrap:nowrap}html[lang=en] .partner-form-tabs button{flex-shrink:0}html[lang=en] .lunar-metrics strong{font-size:22px}}

.sales-workspace .sales-flow>button,.sales-workspace .sales-kpi,.sales-workspace .sales-create button{text-align:start}
html[dir=ltr] .sales-flow>button>b{transform:scaleX(-1)}