.r16f-job-grid{
  display:grid;
  gap:8px;
  margin:14px 0;
}

.r16f-job-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border:1px solid rgba(20,38,64,.09);
  border-radius:12px;
  background:#f8fafc;
}

.r16f-job-row span{
  color:#68778a;
}

.r16f-job-row strong{
  color:#162b46;
  text-align:right;
  word-break:break-word;
}

.r16f-safety{
  margin:12px 0;
  padding:11px 12px;
  border-radius:12px;
  background:#fff5dd;
  color:#79570e;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}

.r16f-camera-block{
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(20,38,64,.12);
  border-radius:16px;
  background:#f8fafc;
}

.r16f-camera-title{
  display:block;
  color:#152741;
  margin-bottom:6px;
}

.r16f-camera-status,
.r16f-record-status{
  line-height:1.5;
}

.r16f-camera-video{
  display:block;
  width:100%;
  max-height:52vh;
  margin:12px 0;
  border-radius:14px;
  object-fit:cover;
  background:#071321;
}

.r16f-camera-video[hidden]{
  display:none!important;
}

.r16f-camera-canvas{
  display:none!important;
}

#scanAction{
  width:100%;
  min-height:48px;
  font-size:16px;
}

@media (max-width:520px){
  .r16f-job-row{
    display:grid;
    gap:4px;
  }

  .r16f-job-row strong{
    text-align:left;
  }
}