@import url('./language.css');
/* FDS extensions: customer language layouts, physical drawings and bidi isolation. */
html:not([lang="zh-CN"]) .ss-editor-page { --ss-rail-width: 88px; --ss-rail-mobile-width: 78px; }
html:not([lang="zh-CN"]) .ss-navigation-rail .ss-step { font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
html:not([lang="zh-CN"]) :is(.ss-panel-collapse, .ss-settings-nav button, .ss-editor-left .fds-btn, .ss-editor-right .fds-btn) { white-space: normal; overflow-wrap: anywhere; }
html[lang="ja"] body { font-family: -apple-system, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; }
html[lang="ar"] body { font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; }
.ss-language { margin-block: 8px; }
.ss-language select { max-inline-size: 190px; }
.ss-language [lang] { unicode-bidi: isolate; }
:is(.ss-input-unit, .ss-unit-switch, #unit-switch, .ss-unit-picker, .ss-brand, .ssa-brand, .ssa-header-brand) { direction: ltr; unicode-bidi: isolate; }
:is(input[type="number"], input[type="email"], input[type="url"], .ss-unit-suffix, .ss-bom-quantity, .ss-bom-money, .fpa-card small) { direction: ltr; unicode-bidi: isolate; }
:is(.ss-project-name, .ss-project-item strong, .ss-project-card h2, .ss-tenant-context strong) { unicode-bidi: plaintext; }
html[dir="rtl"] :is(.ss-settings-nav button, .ss-template-card, .ss-ceiling-product, .ss-ceiling-row, .ss-ceiling-problem, .ss-component-table caption, .ss-component-table th, .ss-component-table td, .ssa-label) { text-align: start; }
html[dir="rtl"] .ss-editor-page .ss-navigation-rail { border-right: 0; border-inline-end: 1px solid var(--fds-border); }
html[dir="rtl"] .ss-editor-page .ss-editor-left { border-right: 0; border-inline-end: 1px solid var(--fds-border); }
html[dir="rtl"] .ss-editor-page .ss-editor-right { border-left: 0; border-inline-start: 1px solid var(--fds-border); }
html[dir="rtl"] .ss-editor-page aside.ss-editor-left { padding-right: var(--ss-panel-padding, 16px); padding-inline-end: calc(var(--ss-panel-padding, 16px) + 4px); }
html[dir="rtl"] .ss-settings-nav { border-right: 0; border-inline-end: 1px solid var(--fds-border); }
html[dir="rtl"] .ss-settings-close { right: auto; inset-inline-end: 16px; }
html[dir="rtl"] :is(.ss-editor-page .ss-save-group, .ss-workspace-bar #stage-status, .ss-case-count, .ss-view-help, .ss-editor-page .ss-3d-corner) { margin-left: 0; margin-inline-start: auto; }
html[dir="rtl"] :is(.ss-tenant-context, .ss-project-logo-preview) { padding-left: 0; padding-inline-start: 12px; border-left: 0; border-inline-start: 1px solid var(--fds-border); object-position: right center; }
html[dir="rtl"] .ss-editor-page .ss-stage-head { direction: ltr; }
html[dir="rtl"] .ss-editor-page .ss-stage-head > * { direction: rtl; }
html[dir="rtl"] .ss-editor-page :is(.ss-3d-foot, .ss-view-actions) { direction: ltr; }
html[dir="rtl"] .ss-editor-page :is(.ss-3d-foot, .ss-view-actions) > * { direction: rtl; }
html[dir="rtl"] :is(.ss-facts dd, .ss-metric-value, .ss-component-table .ss-bom-quantity) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .fpa-card { padding-inline: 72px 10px; }
html[dir="rtl"] .fpa-art { left: auto; inset-inline-start: 3px; }
/* Shared login shell: only its customer entry needs mirrored navigation. */
html[dir="rtl"] .ssa-sidebar { border-right: 0; border-inline-end: 1px solid var(--fds-border); }
@media (max-width: 1023px) {
  html[dir="rtl"] .ssa-sidebar { inset: 0 0 0 auto; transform: translateX(100%); }
  html[dir="rtl"] .ssa-app.is-open .ssa-sidebar { transform: none; }
}
@media (max-width: 767px) {
  html[dir="rtl"] .ss-settings-nav { border-inline-end: 0; }
  html[dir="rtl"] .ss-editor-page :is(.ss-editor-left, .ss-editor-right) { border-inline: 0; }
  .ss-language select, .ss-language button { min-block-size: var(--ssa-compact-control, 44px); }
}
/* Long translated words must fit customer cards and navigation on small screens. */
.ss-platform :is(h1, h2, p, .fds-btn), .ss-share :is(h1, p, .fds-btn) { overflow-wrap: anywhere; }
.ss-platform .fds-btn { max-inline-size: 100%; min-inline-size: 0; }
.ss-platform .ss-topbar > * { min-inline-size: 0; max-inline-size: 100%; }
.ss-output-group-title { overflow-wrap: anywhere; }
.ss-output-group-count, .ss-output-group > summary::after { flex-shrink: 0; }
:is(.fpa-card strong, .ss-ceiling-product strong, .ss-template-card h2) { unicode-bidi: plaintext; }
/* Walking arrows represent physical left/right rather than reading order. */
.ss-customer-pad { direction: ltr; }

/* Numeric showcase sizes retain number-before-unit order inside the RTL picker. */
.ss-add-panel .ss-add-dimensions :is(select, strong),
.ss-add-panel .ss-run-dimensions .ss-field:nth-child(-n+2) select { direction: ltr; unicode-bidi: isolate; }
.ss-add-panel .ss-template-copy strong { unicode-bidi: plaintext; }
@media (max-width: 360px) {
  .ss-add-panel .ss-add-dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Customer editor text alignment follows the reading direction. */
html[dir="rtl"] :is(.ss-room-summary, .ss-space-object, .ss-layout-card, .ss-output-table caption, .ss-output-table th, .ss-output-table td, .ss-lighting-support-table th, .ss-lighting-support-table td) { text-align: start; }

@media (max-width: 767px) {
  #fpa-stage-tools { max-inline-size: calc(100% - 16px); }
  #fpa-stage-tools #fpa-zoom-controls { min-inline-size: 0; flex: 1 1 auto; }
  #fpa-stage-tools #fpa-fit-view { min-inline-size: 0; white-space: normal; overflow-wrap: anywhere; }
  .ss-editor-page[data-workspace-step="fpa"][data-view="2d"] :is(.ss-editor-canvas, .ss-editor-right) { top: calc(var(--fpa-tools-height, 34px) + 54px); }
}
.ss-add-panel .ss-run-dimensions .ss-field { grid-template-columns: minmax(0, 1fr); gap: 3px; }
@media (max-width: 767px) {
  #fpa-layout-open, #fpa-tidy-open, #fpa-lux-toggle { min-inline-size: 0; white-space: normal; overflow-wrap: anywhere; padding-inline: 6px; flex-shrink: 1; }
}
.ss-editor-page .ss-editor-stage { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 767px) {
  .ss-editor-page .ss-toolbar { min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; }
  .ss-editor-page .ss-view-switch { max-inline-size: 100%; flex-wrap: wrap; }
  .ss-editor-page .ss-view-switch button { min-inline-size: 0; white-space: normal; overflow-wrap: anywhere; }
}
.ss-add-panel .fds-btn { white-space: normal; overflow-wrap: anywhere; }
.ss-add-panel .ss-tile > span { min-inline-size: 0; overflow-wrap: anywhere; }
#project-settings-dialog .ss-field:has(.ss-name-field) { grid-template-columns: minmax(0, 1fr); }
.ss-name-field { min-inline-size: 0; max-inline-size: 100%; }
.ss-outline-heading > div { min-inline-size: 0; overflow-wrap: anywhere; }
.ss-outline-heading > button { flex: 0 1 auto; max-inline-size: 50%; white-space: normal; overflow-wrap: anywhere; }
