/* Keep longer translated preview labels readable without widening the page. */
@media (min-width:761px) and (max-width:1450px){
  html.xform3-themed .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material{
    top:64px!important;right:12px!important;width:min(37%,270px)!important;max-width:min(37%,270px)!important;
    padding:9px 11px!important;border-radius:10px!important;background:rgba(242,250,253,.9)!important;
    box-shadow:0 3px 14px #103e5340!important;font-size:12px!important;text-shadow:none!important;
  }
  html.xform3-themed .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material .lab-material-kind{
    font-size:1.55em!important;line-height:1.12!important;
  }
  html.xform3-themed .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material :is(.lab-material-specs,.xf3-weight-metrics){
    display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:3px 7px!important;max-width:100%!important;
  }
  html.xform3-themed .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material :is(.lab-empty-shelf-weight,.lab-shelf-capacity){
    max-width:100%!important;line-height:1.2!important;text-align:right!important;
  }
}
html.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material,
html.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material *{
  color:#173f52!important;-webkit-text-fill-color:#173f52!important;text-shadow:none!important;
}
html.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material .lab-material-kind{
  color:#145f83!important;-webkit-text-fill-color:#145f83!important;
}
html.xform3-themed .lab-page:not([lang=en]) .lab-viewer-shell .xf3-wall-options{
  background:rgba(239,249,252,.94)!important;color:#153e51!important;border-radius:9px!important;
  padding:4px 7px!important;box-shadow:0 2px 12px #143c4c26!important;
}
html.xform3-themed .lab-page:not([lang=en]) .lab-viewer-shell .xf3-wall-options :is(legend,label,.xf3-viewer-gesture-hint){color:#153e51!important;text-shadow:none!important}
/* Translated controls may wrap, but must stay inside the preview column. */
@media (min-width:601px){
  html.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .xf3-wall-options{
    box-sizing:border-box!important;
    width:calc(100% - 32px)!important;
    min-width:0!important;
    min-inline-size:0!important;
    max-width:calc(100% - 32px)!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  html.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .xf3-viewer-gesture-hint{
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 230px!important;
    white-space:normal!important;
  }
  html.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .xf3-viewer-save-anchor{
    bottom:calc(var(--xf3-wall-controls-height, 70px) + 30px)!important;
  }
}
@media (min-width:761px) and (max-width:1450px){
  :root.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material{
    width:min(42%,292px)!important;max-width:min(42%,292px)!important;row-gap:4px!important;
  }
  :root.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material .xf3-weight-metrics{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;justify-items:end!important;width:100%!important;
  }
  :root.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material :is(.lab-empty-shelf-weight,.lab-shelf-capacity){
    display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:flex-end!important;gap:2px 6px!important;
    width:100%!important;white-space:normal!important;font-size:12px!important;
  }
  :root.xform3-themed body .lab-page:not([lang=en]) .lab-viewer-shell .lab-preview-material .xf3-metric-label{margin-right:4px!important}
}
/* Put material details on a quiet surface instead of outlining text over the wall. */
html.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material{
  box-sizing:border-box!important;
  padding:11px 13px!important;
  border:1px solid #a8c6d2!important;
  border-radius:11px!important;
  background:rgba(245,251,253,.95)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#183b4e!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
html.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material *{
  color:#183b4e!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
html.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material .lab-material-kind{
  color:#155f7b!important;
}