.page-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.language-choice{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfd6c7;border-radius:7px;background:#fffdf8;padding:0 9px;color:#806348;flex:none;height:35px;box-shadow:0 1px 2px #51320b04}
.language-choice svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.language-choice select{appearance:auto;border:0;background:transparent;color:#665a4c;font:500 11px var(--font);padding:6px 2px;width:132px;min-width:0;max-width:100%;cursor:pointer}
.language-choice:has([aria-busy="true"]){opacity:.65}
.language-feedback:not(.sr-only){flex-basis:100%;font-size:11px;color:#a64f32;max-width:280px}
.language-choice:focus-within{outline:2px solid #b88350;outline-offset:3px}
.language-choice select:focus{outline:none}
.welcome-language{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-bottom:25px}
.breadcrumb>span[data-i18n]{margin:0;color:inherit}
.local-card a>span[data-i18n]{margin-left:0}
.password-label>span[data-i18n="Mot de passe"]{font:inherit;color:inherit}
.page-heading>div:first-child{min-width:0}
html[lang="zh-CN"] .eyebrow,html[lang="zh-CN"] .sidebar-caption,html[lang="zh-CN"] .nav-label{letter-spacing:1px}
@media(max-width:1200px){.page-title-row{gap:12px}.page-title-row h1{font-size:29px}.page-heading{flex-wrap:wrap}.heading-actions{margin-left:auto}}
@media(max-width:640px){.page-heading>div:first-child{width:100%}.page-title-row{justify-content:space-between;gap:10px}.page-title-row h1{font-size:26px}.language-choice{height:34px;padding:0 7px}.language-choice select{font-size:11px;width:116px}.welcome-language{margin-bottom:22px}.nav-item{font-size:8px;padding-left:4px;padding-right:4px}.nav-item>span[data-i18n]{white-space:normal;text-align:center}}

/* Mirror the workspace while keeping the brand, amounts and email readable. */
html[dir="rtl"] .sidebar{inset:0 0 0 auto}
html[dir="rtl"] .workspace{margin-left:0;margin-right:232px}
html[dir="rtl"] .nav-item.active:before{left:auto;right:-20px}
html[dir="rtl"] .sidebar-caption{margin-left:0;margin-right:11px}
html[dir="rtl"] .nav-count{margin-left:0;margin-right:auto}
html[dir="rtl"] .brand{direction:ltr;justify-content:flex-end}
html[dir="rtl"] .local-card strong{margin-left:0;margin-right:12px}
html[dir="rtl"] .status-light{left:auto;right:13px}
html[dir="rtl"] .local-card a span{margin-left:0;margin-right:6px}
html[dir="rtl"] .local-card a>span[data-i18n]{margin-right:0}
html[dir="rtl"] .hero-art.photo-art{right:auto;left:16px}
html[dir="rtl"] .tip-banner a{margin-left:0;margin-right:auto}
html[dir="rtl"] table{text-align:right}
html[dir="rtl"] th:first-child,html[dir="rtl"] td:first-child{padding-left:16px;padding-right:23px}
html[dir="rtl"] .filters select{padding-right:10px;padding-left:30px}
html[dir="rtl"] .optional{right:auto;left:0}
html[dir="rtl"] .form-hint{text-align:left}
html[dir="rtl"] .welcome-password-field{padding-right:15px;padding-left:9px}
html[dir="rtl"] .stat-value,html[dir="rtl"] .material-weight,html[dir="rtl"] .copper-stock-weight,html[dir="rtl"] .amount-cell,html[dir="rtl"] #amount-preview{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir="rtl"] .table-wrap td:nth-child(3),html[dir="rtl"] .copper-stock-movements strong,html[dir="rtl"] .material-details strong{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir="rtl"] .session-email,html[dir="rtl"] #profile-email{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .hero-link svg,html[dir="rtl"] .text-link svg,html[dir="rtl"] .photo-dialog-nav svg{transform:scaleX(-1)}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .sidebar-caption,html[dir="rtl"] .nav-label{letter-spacing:0}
html[dir="rtl"] .toast{left:calc(50% - 116px)}
@media(max-width:1200px){html[dir="rtl"] .sidebar-caption{margin-right:5px}html[dir="rtl"] .workspace{margin-right:208px}html[dir="rtl"] .nav-item.active:before{right:-16px}html[dir="rtl"] .heading-actions{margin-left:0;margin-right:auto}html[dir="rtl"] .toast{left:calc(50% - 104px)}}
@media(max-width:950px){html[dir="rtl"] .workspace{margin-right:185px}html[dir="rtl"] .nav-item.active:before{right:-12px}html[dir="rtl"] .status-light{right:10px}html[dir="rtl"] .toast{left:calc(50% - 92px)}}
@media(max-width:640px){html[dir="rtl"] .sidebar{inset:auto}html[dir="rtl"] .workspace{margin-right:0}html[dir="rtl"] .nav-item.active:before{left:auto;right:20%}html[dir="rtl"] .brand-copper{margin-left:0;margin-right:4px}html[dir="rtl"] .toast{left:50%}}