/* Native dialog centering must survive the existing ERP margin reset. */
.production-visual__dialog { margin: auto; }
/* Small card preview; the full technical mockup remains in the native dialog. */
.production-visual:not(.production-visual--large) {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  column-gap: 6px;
  align-content: start;
  margin: 4px 0;
  padding: 4px;
}
.production-visual:not(.production-visual--large) > .production-visual__media { grid-column: 1; grid-row: 1 / span 6; width: 92px; height: 90px; align-self: start; border-radius: 3px; overflow: hidden; }
.production-visual:not(.production-visual--large) > .production-visual__media .production-visual__sheet-svg { width: 92px; height: 90px; }
.production-visual:not(.production-visual--large) > .production-visual__media .production-visual__axis { display: none; }
.production-visual:not(.production-visual--large) > .production-visual__media > img { width: 92px; height: 90px; object-fit: contain; }
.production-visual:not(.production-visual--large) > .production-visual__head { grid-column: 2; padding: 0; justify-content: flex-end; gap: 0; }
.production-visual:not(.production-visual--large) > .production-visual__head > span { display: none; }
.production-visual:not(.production-visual--large) > .production-visual__head > button { min-height: 24px; padding: 2px 3px; font-size: 10px; }
.production-visual:not(.production-visual--large) > .production-visual__current { display: none; }
.production-visual:not(.production-visual--large) > .production-visual__artwork-state { grid-column: 2; padding: 0; font-size: 10px; line-height: 1.3; }
.production-visual:not(.production-visual--large) > .production-visual__dimensions { display: none; }
.production-visual:not(.production-visual--large) > .production-visual__dimensions:has(small) { display: block; grid-column: 2; padding: 0; border: 0; }
.production-visual:not(.production-visual--large) > .production-visual__dimensions:has(small) > span { display: none; }
.production-visual:not(.production-visual--large) > .production-visual__dimensions small { font-size: 10px; color: #9b5e15; }
.production-visual:not(.production-visual--large) > .production-visual__panel-count { grid-column: 2; padding: 1px 0; text-align: left; font-size: 10px; }
.production-visual:not(.production-visual--large) > .production-visual__assembly { grid-column: 2; gap: 4px; border: 0; padding: 2px 0; font-size: 10px; line-height: 1.3; }
.production-visual:not(.production-visual--large) > .production-visual__assembly > img { width: 26px; height: 22px; }
.production-visual:not(.production-visual--large) > .production-visual__tags { grid-column: 2; padding: 2px 0 0; gap: 2px 4px; font-size: 10px; line-height: 1.3; }
.production-visual:not(.production-visual--large) > .production-visual__tags > span { padding: 0 3px; }
.production-visual:not(.production-visual--large) > .production-visual__caution { grid-column: 1 / -1; grid-row: 7; margin: 3px 0 0; padding: 3px 0 0; font-size: 10px; line-height: 1.35; }
.production-visual:not(.production-visual--large):not(:has(> .production-visual__media)) { display: block; }
/* Share the existing facts row: a picture must not add a second tall section. */
.production-workspace__operation > .production-visual:has(> .production-visual__media),
.production-intake__item > .production-visual:has(> .production-visual__media) { float: left; display: block; position: relative; width: 102px; margin: 4px 8px 4px 0; }
.production-workspace__operation > .production-visual:has(> .production-visual__media) + .op-card-facts { margin-left: 112px; min-height: 88px; }
.production-intake__item > .production-visual:has(> .production-visual__media) ~ :is(.production-intake__spec, .production-intake__material) { margin-left: 112px; }
.production-workspace__operation > .op-card-brief,
.production-intake__item > :is(.production-intake__instructions, .production-intake__conflicts, .pw-muted) { clear: both; }
.production-intake__item::after { content: ''; display: table; clear: both; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__media,
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__media :is(.production-visual__sheet-svg, img) { height: 70px; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__head { position: absolute; inset: 0; z-index: 1; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__head > button { width: 100%; height: 100%; font-size: 0; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__head > button::after { content: '↗'; position: absolute; top: 2px; right: 3px; font-size: 13px; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__head > button:focus-visible { outline-offset: -2px; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__artwork-state:not(.is-warning) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 9px; line-height: 12px; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__tags { display: none; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__assembly { padding: 1px 0 0; }
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__assembly > img,
:is(.production-workspace__operation, .production-intake__item) > .production-visual:has(> .production-visual__media) > .production-visual__assembly span { display: none; }