#ov-fix217-voucher-row{margin:8px 0;padding:8px;border:1px solid #dbe5f1;border-radius:9px;background:#f8fbff}#ov-fix217-voucher-row .ov217-v-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}#ov-fix217-voucher-row .ov217-v-head span{font-size:10px;font-weight:900;color:#64748b;letter-spacing:.06em}#ov-fix217-voucher-row .ov217-v-head a{font-size:10px;font-weight:800;color:#2563eb;text-decoration:none}#ov-fix217-voucher-row .ov217-v-input{display:flex;gap:5px}#ov-fix217-voucher-row input{min-width:0;flex:1;border:1px solid #cbd5e1;border-radius:7px;padding:7px 8px;font-size:11px;text-transform:uppercase}#ov-fix217-voucher-row button{border:0;border-radius:7px;background:#2563eb;color:#fff;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}#ov-fix217-voucher-row button:disabled{opacity:.55}#ov-fix217-voucher-row .ov217-v-msg{min-height:15px;margin-top:5px;font-size:10px;color:#64748b}#ov-fix217-voucher-row .ov217-v-msg.ok{color:#059669;font-weight:700}#ov-fix217-voucher-row .ov217-v-msg.bad{color:#dc2626;font-weight:700}/* Fix219 - Voucher sidebar responsive layout */
#ov-fix217-voucher-row{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:76px!important;
  margin:6px 0!important;
  padding:8px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  flex:0 0 100%!important;
  grid-column:1 / -1!important;
  border:1px solid #dbe5f1!important;
  border-radius:9px!important;
  background:#f8fbff!important;
}

#ov-fix217-voucher-row .ov217-v-head{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 7px 0!important;
  padding:0!important;
  line-height:1!important;
}

#ov-fix217-voucher-row .ov217-v-head span{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  color:#64748b!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}

#ov-fix217-voucher-row .ov217-v-head a{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:2px 0!important;
  color:#2563eb!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
}

#ov-fix217-voucher-row .ov217-v-input{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) 68px!important;
  gap:6px!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}

#ov-fix217-voucher-row .ov217-v-input input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:34px!important;
  margin:0!important;
  padding:0 9px!important;
  box-sizing:border-box!important;
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:10.5px!important;
  line-height:34px!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#ov-fix217-voucher-row .ov217-v-input input::placeholder{
  color:#64748b!important;
  opacity:1!important;
  font-size:10px!important;
}

#ov-fix217-voucher-row .ov217-v-input button{
  display:flex!important;
  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:34px!important;
  margin:0!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:7px!important;
  background:#2563eb!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:visible!important;
  cursor:pointer!important;
}

#ov-fix217-voucher-row .ov217-v-input button:disabled{
  opacity:.55!important;
}

#ov-fix217-voucher-row .ov217-v-msg{
  display:block!important;
  width:100%!important;
  min-height:14px!important;
  margin:5px 0 0 0!important;
  padding:0!important;
  color:#64748b!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#ov-fix217-voucher-row .ov217-v-msg.ok{
  color:#059669!important;
  font-weight:700!important;
}

#ov-fix217-voucher-row .ov217-v-msg.bad{
  color:#dc2626!important;
  font-weight:700!important;
}

/* Cột thanh toán rất hẹp: vẫn giữ đủ chữ, chuyển nút xuống dòng nếu cần */
@media (max-width:1100px){
  #ov-fix217-voucher-row .ov217-v-input{
    grid-template-columns:minmax(0,1fr) 64px!important;
  }
  #ov-fix217-voucher-row .ov217-v-input button{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    font-size:9.5px!important;
  }
}