#language-control{display:flex;align-items:center;gap:8px;flex:none;color:var(--ui-ink)}
#language-control>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
header #language-select{width:66px;max-width:66px;padding-inline:8px;height:calc(var(--ui-control-base)/var(--ui-zoom));font-size:calc(var(--ui-font-base)/var(--ui-zoom));background:#fff;border:1px solid var(--ui-border)}
.phone-observer header #mobile-header-actions #language-control{width:100%;min-height:44px;padding:8px 12px;box-sizing:border-box;justify-content:space-between;font-size:14px}
.phone-observer #mobile-header-actions #language-control>span{position:static;width:auto;height:auto;clip-path:none;overflow:visible}
.phone-observer header #mobile-header-actions #language-select{min-width:88px;width:88px;max-width:none;height:44px;min-height:44px;font-size:16px}
:lang(en) #plot-toolbar.toolbar-widget #toolbar-more-actions>button#table::after{content:'Source values'}
:lang(en) #plot-toolbar.toolbar-widget #toolbar-more-actions>button#depth-range::after{content:'Depth range'}
:lang(en).phone-observer #mobile-header-actions #file-actions>summary::after{content:'Data and edits'}
:lang(en).phone-observer #mobile-header-actions #history-demo-play::after{content:'Showcase replay'}
:lang(en).phone-observer footer #save-status::after{content:'View only'}

/* English wording uses the same engineering layout, with room for complete labels. */
html[lang=en] #dialog-content label.field{grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;line-height:1.4}
html[lang=en] #dialog-content :is(button,summary),html[lang=en] #properties :is(button,summary){max-width:100%;white-space:normal;overflow-wrap:break-word;height:auto;min-height:32px;line-height:1.35}
html[lang=en] #dialog-content :is(input,select,textarea),html[lang=en] #properties :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
html[lang=en] #dialog-content :is(.muted,p),html[lang=en] #property-form :is(.muted,p){word-break:normal;overflow-wrap:break-word}
html[lang=en] #drillspot-workspace :is(.ds-head,.ds-filters,.ds-plot-actions,.ds-engineering-head,.ds-roadmap-controls,.ds-geo-controls){flex-wrap:wrap;min-width:0}
html[lang=en] #drillspot-workspace :is(.ds-head,.ds-filters,.ds-plot-actions,.ds-engineering-head,.ds-roadmap-controls,.ds-geo-controls)>label{flex-wrap:wrap;max-width:100%;min-width:0;row-gap:4px}
html[lang=en] #drillspot-workspace :is(.ds-head,.ds-filters,.ds-engineering-head,.ds-roadmap-controls,.ds-geo-controls) :is(button,summary){max-width:100%;white-space:normal;height:auto;min-height:32px;line-height:1.35;overflow-wrap:break-word}
html[lang=en] #drillspot-workspace :is(.ds-head,.ds-filters,.ds-engineering-head,.ds-roadmap-controls,.ds-geo-controls) select{min-width:0;max-width:100%}
html[lang=en] #drillspot-workspace .ds-tabs{max-width:100%;box-sizing:border-box;flex-wrap:wrap}
html[lang=en] #drillspot-workspace .ds-tabs button{white-space:normal;line-height:1.35;height:auto;min-height:32px}
html[lang=en] #drillspot-workspace :is(.ds-note,.ds-status,.ds-kpis label){white-space:normal;overflow-wrap:break-word}
html[lang=en] .dialog-head strong{min-width:0;overflow-wrap:break-word;line-height:1.35}
html[lang=en] .dialog-head{height:auto;min-height:43px;gap:8px;padding-block:6px;box-sizing:border-box}
html[lang=en] .dialog-head button{flex:none}
@media(max-width:620px){
 html[lang=en] #dialog-content label.field{grid-template-columns:minmax(0,1fr);gap:4px}
 html[lang=en] #dialog-content label.field:has(input[type=checkbox]){grid-template-columns:minmax(0,1fr) auto}
 html[lang=en] #dialog-content{padding:12px}
 html[lang=en] #drillspot-workspace .ds-head>label{flex-basis:100%;justify-content:space-between}
 html[lang=en] #drillspot-workspace .ds-head select{max-width:70%}
}