.lightbox-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.58)}.image-lightbox{position:absolute;inset:0;overflow:hidden;color:#fff}.viewer-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.viewer-stage.dragging{cursor:grabbing}.preview-frame{position:relative;flex:none;transform-origin:center;user-select:none}.preview-frame>img{width:100%;height:100%;display:block;object-fit:contain;filter:grayscale(1);pointer-events:none}.preview-box{position:absolute;border:calc(2px / var(--preview-zoom,1)) solid var(--box-color);pointer-events:none;box-sizing:border-box}.defect-scratch{--box-color:#4dcd73;--label-background:#185f32}.defect-mark{--box-color:#4d88ff;--label-background:#174ba3}.defect-dent{--box-color:#ffbc43;--label-background:#835000}.defect-impact{--box-color:#c27aff;--label-background:#63358d}.defect-rust{--box-color:#ff8173;--label-background:#8b352b}.preview-labels{position:absolute;inset:0;pointer-events:none}.defect-label{position:absolute;transform:translateY(-100%);max-width:144px;padding:4px 7px;line-height:1.4;color:#fff;background:var(--label-background);border:1px solid var(--box-color);border-radius:3px;overflow-wrap:anywhere;box-shadow:0 1px 3px #0006}.preview-context{position:absolute;left:50%;bottom:135px;transform:translateX(-50%);max-width:calc(100vw - 110px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 12px;color:#fff;background:#242a30d9;border-radius:4px}.preview-controls{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);text-align:center}.preview-counter{display:inline-block;background:#303439ce;padding:4px 10px;margin-bottom:10px;border-radius:4px;color:#fff;font-variant-numeric:tabular-nums}.preview-tools{display:flex;align-items:center;gap:10px;padding:9px 18px;border-radius:25px;background:#52565bef}.preview-tools .el-button{width:31px;min-width:31px;height:30px;padding:0;border:0;background:transparent;color:white}.preview-tools svg{width:20px;height:20px;display:block}.preview-close.el-button{position:absolute;right:30px;top:26px;width:46px;height:46px;min-width:46px;z-index:5;background:#c62828;border:0;border-radius:50%;padding:0;color:#fff}.preview-arrow.el-button{position:absolute;top:50%;transform:translateY(-50%);height:46px;width:46px;min-width:46px;padding:0;border:0;border-radius:50%;background:#555b65bf;color:#fff;z-index:4}.preview-arrow.previous{left:28px}.preview-arrow.next{right:28px}.image-lightbox .el-button:hover{background:#70747de8;color:#fff}.image-lightbox .preview-close:hover{background:#a01f1f}.alert-measure>.el-dropdown{margin-top:5px}.report-facts .badge{display:inline-block}.production-top>.readonly:first-child{order:5}
@media(max-width:700px){.preview-close.el-button{right:14px;top:14px;width:40px;height:40px;min-width:40px}.preview-arrow.previous{left:8px}.preview-arrow.next{right:8px}.preview-arrow.el-button{height:36px;width:36px;min-width:36px}.preview-context{bottom:125px;max-width:calc(100vw - 32px)}.preview-tools{gap:9px;padding:8px 15px}.preview-controls{bottom:20px}.defect-label{padding:3px 5px;max-width:140px}.preview-counter{margin-bottom:9px}}

/* The existing preview keeps one flat date-and-statistics strip. */
.original-preview-panel .preview-top{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:12px 24px;margin-bottom:16px
}
.original-preview-panel .preview-top>div:first-child{
  display:block;flex:1 1 220px;min-width:0
}
.original-preview-panel .preview-top h2{
  margin:0;line-height:1.4;white-space:normal;color:#303133
}
.original-preview-panel .preview-summary{
  display:grid;grid-template-columns:184px minmax(184px,max-content) minmax(112px,max-content);
  align-items:center;justify-content:initial;flex:none;gap:24px;
  width:auto;max-width:100%;min-width:0;margin-left:auto;padding:8px 14px;
  border:1px solid #dfe7ef;border-radius:6px;background:#f7faff
}
.original-preview-panel .preview-summary>label{
  width:auto;min-width:0;color:#606266
}
#app .original-preview-panel .preview-summary>label>.el-date-editor{
  width:184px!important;max-width:100%
}
.original-preview-panel .preview-summary>div{
  display:grid;grid-template-rows:20px 26px;align-content:start;gap:4px;
  min-width:0;min-height:50px;text-align:center;
  padding-left:24px;border-left:1px solid #dce5ee
}
.original-preview-panel .preview-summary>div>small{
  display:block;margin:0;line-height:1.4;color:#606266;white-space:normal;overflow-wrap:anywhere
}
.original-preview-panel .preview-summary>div>b{
  display:block;line-height:1.4;font-weight:600;color:#303133;
  white-space:nowrap;font-variant-numeric:tabular-nums
}
.original-preview-panel .preview-summary>div>b.blue-text{color:#1267a6}
.original-preview-panel .preview-heading-block .preview-tabs{margin:6px 0 0}
#app .original-preview-panel .preview-heading-block .preview-tabs .el-button{height:32px;min-height:32px;padding:0 16px}

@media(max-width:1100px){
  .original-preview-panel .preview-top{grid-template-columns:1fr}
  #app .original-preview-panel .preview-top>.preview-heading-block{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}
  .original-preview-panel .preview-heading-block .preview-tabs{margin:0}
  .original-preview-panel .preview-summary{width:100%;margin-left:0;grid-template-columns:minmax(184px,1.2fr) minmax(184px,1.1fr) minmax(112px,.7fr)}
}

@media(max-width:900px){
  .original-preview-panel .preview-top{gap:14px;margin-bottom:18px}
  .original-preview-panel .preview-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;
    width:100%;margin-left:0;padding:12px
  }
  .original-preview-panel .preview-summary>label{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,168px);
    align-items:center;gap:var(--field-inline-gap);grid-column:1/-1
  }
  #app .original-preview-panel .preview-summary>label>.el-date-editor{
    width:168px!important
  }
  .original-preview-panel .preview-summary>div{
    grid-template-rows:34px 26px;min-height:64px;padding-left:16px
  }
  .original-preview-panel .preview-summary>div:first-of-type{
    padding-left:0;border-left:0
  }
}