.packing-photo-controls{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-left:auto}
.packing-photo-controls button{min-height:32px;padding:5px 8px;font-size:12px;white-space:nowrap}
.packing-photo-controls small{font-size:11px;color:#63758e}
.production-order-content-meta>.packing-photo-controls::before{content:none}
.packing-photo-controls .packing-photo-camera{display:none}
.packing-photo-dialog{width:min(740px,calc(100vw - 24px));max-height:90dvh;border:1px solid #cbd9ec;border-radius:14px;padding:16px;color:#15334e;background:white;overflow:hidden}
.packing-photo-dialog[open]{display:flex;flex-direction:column}
.packing-photo-dialog>[data-packing-content]{overflow-y:auto;min-height:0;overscroll-behavior:contain}
.packing-photo-dialog::backdrop{background:#182e4f80}
.packing-photo-dialog>header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.packing-photo-dialog>header button{flex-shrink:0}
.packing-photo-dialog h2{font-size:18px;margin:0}.packing-photo-dialog p{font-size:13px;line-height:1.6}
.packing-photo-image{display:block;width:100%;max-height:62dvh;object-fit:contain;border-radius:8px;background:#f4f7fb}
.packing-photo-image[hidden]{display:none}
.packing-photo-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:white;padding:10px 0}
.packing-photo-record{border-top:1px solid #dce5f2;padding:12px 0}.packing-photo-record>small{display:block;color:#63758e;margin:6px 0}
.packing-photo-zoom,.packing-photo-zoom:hover{display:block;width:100%;padding:0;border:0;background:transparent;min-height:80px;cursor:zoom-in;transform:none}
.packing-photo-checklist{padding:10px;border:1px solid #dce5f2;border-radius:8px;margin:10px 0}.packing-photo-checklist summary{font-weight:700;font-size:13px}
.packing-photo-checklist ul{padding:0;list-style:none}.packing-photo-checklist li{display:flex;justify-content:space-between;gap:12px;margin:8px 0;font-size:13px}.packing-photo-checklist small{display:block;color:#63758e}.packing-photo-checklist strong{white-space:nowrap}
.packing-photo-full{width:min(1100px,calc(100vw - 16px))}.packing-photo-full img{display:block;max-width:100%;max-height:78dvh;margin:auto;object-fit:contain}
@media(max-width:700px),(pointer:coarse){.packing-photo-controls .packing-photo-camera{display:inline-flex}.packing-photo-controls{gap:4px}.packing-photo-controls button{min-height:34px}.packing-photo-controls small{display:none}}
@media print{.packing-photo-controls,.packing-photo-dialog{display:none!important}}
.packing-photo-controls{min-width:0;max-width:100%}
.packing-photo-controls .packing-coverage{display:block;flex-basis:100%;text-align:right}
.packing-video-screen{display:block;width:100%;max-height:48dvh;min-height:160px;object-fit:contain;background:#111;border-radius:10px}
.packing-video-feedback{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;flex-basis:100%;font-size:12px;color:#166b50;white-space:normal;overflow-wrap:anywhere}
.packing-video-feedback.is-error{color:#b51f31}
.packing-video-feedback[hidden],.packing-video-feedback button[hidden]{display:none}
@media(max-width:700px){.packing-photo-controls{width:100%;margin-top:6px}}
.packing-media-thumbnails{display:none}
@media(min-width:1000px){
  .packing-photo-controls [data-packing-capture],.packing-photo-controls [data-packing-video-capture],.packing-photo-controls [data-packing-status],.packing-photo-controls .packing-coverage{display:none}
  .packing-media-thumbnails{display:inline-flex;gap:6px}
  .packing-media-thumbnails:empty{display:none}
  .packing-photo-controls .packing-media-thumb{position:relative;width:64px;height:58px;min-height:58px;padding:0;overflow:hidden;border:1px solid #cbd9ec;border-radius:8px;background:#e9eef5;color:#37516f;flex:none}
  .packing-media-thumb img{display:block;width:100%;height:100%;object-fit:cover}
  .packing-media-thumb [data-media-fallback]{display:block;padding-bottom:14px;font-size:18px}
  .packing-media-thumb [data-media-fallback][hidden]{display:none}
  .packing-media-caption{position:absolute;bottom:0;left:0;right:0;background:#15334ed9;color:white;font-size:10px;line-height:18px;text-align:center}
}